Fix small issues

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2024-11-26 21:37:54 +00:00
parent 7e371f5056
commit 912d1ce411
4 changed files with 12 additions and 15 deletions
-5
View File
@@ -1,5 +0,0 @@
---
'@backstage/canon': minor
---
First Canon release introducing a first theming system, a new set of layout components and some atomic components like Button and Icon.
+1 -1
View File
@@ -6,7 +6,7 @@ import { Columns, Text, ComponentStatus, Banner } from './components';
<img src="header.png" style={{ width: '100%', marginTop: '-16px' }} />
<Text style={{ marginTop: '64px' }}>
Welcome to the Canon, the new library for building Backstage plugins. This
Welcome to the Canon, the new design library for Backstage plugins. This
project is still under active development but we will make sure to document
the API as we go. We are aiming to improve the general UI of Backstage and
plugins across Backstage. This new library will take time to build but we are
+2 -2
View File
@@ -21,8 +21,8 @@ import * as Table from './components/table';
<Text>
We built a couple of layout components to help you build responsive elements
that will be consistent with the rest of your Bacvkstage instance. These
components are opinionated and use typescript to ensure that the props you
that will be consistent with the rest of your Backstage instance. These
components are opinionated and use TypeScript to ensure that the props you
provide are the ones coming from the theme.
</Text>
+9 -7
View File
@@ -8,9 +8,11 @@ import * as Table from './components/table';
<Text>
Backstage ships with a default theme with a light and dark mode variant. The
themes are provided as a part of the{' '}
<a href="https://github.com/backstage/backstage">@backstage/canon</a> package,
which also includes utilities for customizing the default theme, or creating
completely new themes.
<a href="https://github.com/backstage/backstage/packages/canon">
@backstage/canon
</a>{' '}
package, which also includes utilities for customizing the default theme, or
creating completely new themes.
</Text>
<Title type="h2">Light & Dark modes</Title>
@@ -160,10 +162,10 @@ import * as Table from './components/table';
<Title type="h2">Spacing</Title>
<Text>
Our default spacing system is made to made to work in most scenarios. We have
7 scale values from `xxs` to `xxl`. We use the values on padding and margin in
our layout components mostly. If you prefer to use a different spacing system,
you can do that by changing the values below.
Our default spacing system is made to work in most scenarios. We have 7 scale
values from `xxs` to `xxl`. We use the values on padding and margin in our
layout components mostly. If you prefer to use a different spacing system, you
can do that by changing the values below.
</Text>
<Table.Root>