paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: remaining bits to rename canon to ui

Browse Source 
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
This commit is contained in:
Patrik Oldsberg
2025-07-14 15:47:17 +02:00
parent 7b93b50116
commit e92bb9b82a
30 changed files with 464 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/honest-hands-spend.md
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/ui': minor
---
Canon has been renamed to Backstage UI. This means that `@backstage/canon` has been deprecated and replaced by `@backstage/ui`.
.github/CODEOWNERS
+1
View File
@@ -40,6 +40,7 @@ yarn.lock @backstage/maintainers @backst
/packages/repo-tools @backstage/tooling-maintainers
/packages/techdocs-cli @backstage/techdocs-maintainers
/packages/techdocs-cli-embedded-app @backstage/techdocs-maintainers
/packages/ui @backstage/design-system-maintainers
/packages/yarn-plugin @backstage/tooling-maintainers
/plugins/app @backstage/framework-maintainers
/plugins/app-* @backstage/framework-maintainers
.github/workflows/ci.yml
+4
View File
@@ -131,6 +131,10 @@ jobs:
- name: build canon
run: yarn --cwd packages/canon build
# For now BUI has a custom build script and needs to be built separately
- name: build BUI
run: yarn --cwd packages/ui build
- name: verify type dependencies
run: yarn lint:type-deps
.github/workflows/deploy_packages.yml
+4
View File
@@ -114,6 +114,10 @@ jobs:
- name: build canon
run: yarn --cwd packages/canon build
# For now BUI has a custom build script and needs to be built separately
- name: build BUI
run: yarn --cwd packages/ui build
- name: verify type dependencies
run: yarn lint:type-deps
.github/workflows/verify_storybook.yml
+3 -3
View File
@@ -49,10 +49,10 @@ jobs:
run: yarn install --immutable
working-directory: storybook
# Only for verification, the canon one is what we upload to Chromatic
# Only for verification, the BUI one is what we upload to Chromatic
- run: yarn build-storybook
- run: yarn --cwd packages/canon build-storybook
- run: yarn --cwd packages/ui build-storybook
- uses: chromaui/action@1cfa065cbdab28f6ca3afaeb3d761383076a35aa # v11
with:
@@ -60,5 +60,5 @@ jobs:
# projectToken intentionally shared to allow collaborators to run Chromatic on forks
# https://www.chromatic.com/docs/custom-ci-provider#run-chromatic-on-external-forks-of-open-source-projects
projectToken: chpt_dab72dc0f97d55b
workingDir: packages/canon
workingDir: packages/ui
storybookBuildDir: storybook-static
.prettierignore
+1 -1
View File
@@ -4,7 +4,7 @@ microsite
canon-docs/.next
canon-docs/public
canon-docs/out
packages/canon/css
packages/ui/css
coverage
*.hbs
templates
packages/app-next/package.json
+1 -1
View File
@@ -35,7 +35,6 @@
},
"dependencies": {
"@backstage/app-defaults": "workspace:^",
"@backstage/canon": "workspace:^",
"@backstage/catalog-model": "workspace:^",
"@backstage/cli": "workspace:^",
"@backstage/config": "workspace:^",
@@ -74,6 +73,7 @@
"@backstage/plugin-techdocs-react": "workspace:^",
"@backstage/plugin-user-settings": "workspace:^",
"@backstage/theme": "workspace:^",
"@backstage/ui": "workspace:^",
"@material-ui/core": "^4.12.2",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "4.0.0-alpha.61",
packages/app-next/src/index-public-experimental.tsx
+1 -1
View File
@@ -16,7 +16,7 @@
import ReactDOM from 'react-dom/client';
import { createPublicSignInApp } from '@backstage/frontend-defaults';
import '@backstage/canon/css/styles.css';
import '@backstage/ui/css/styles.css';
const app = createPublicSignInApp();
packages/app-next/src/index.tsx
+1 -1
View File
@@ -17,6 +17,6 @@
import '@backstage/cli/asset-types';
import ReactDOM from 'react-dom/client';
import app from './App';
import '@backstage/canon/css/styles.css';
import '@backstage/ui/css/styles.css';
ReactDOM.createRoot(document.getElementById('root')!).render(app);
packages/app/package.json
+1 -1
View File
@@ -36,7 +36,6 @@
},
"dependencies": {
"@backstage/app-defaults": "workspace:^",
"@backstage/canon": "workspace:^",
"@backstage/catalog-model": "workspace:^",
"@backstage/cli": "workspace:^",
"@backstage/config": "workspace:^",
@@ -71,6 +70,7 @@
"@backstage/plugin-techdocs-react": "workspace:^",
"@backstage/plugin-user-settings": "workspace:^",
"@backstage/theme": "workspace:^",
"@backstage/ui": "workspace:^",
"@material-ui/core": "^4.12.2",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "4.0.0-alpha.61",
packages/app/src/index-public-experimental.tsx
+1 -1
View File
@@ -30,7 +30,7 @@ import {
discoveryApiRef,
} from '@backstage/core-plugin-api';
import { AuthProxyDiscoveryApi } from '../src/AuthProxyDiscoveryApi';
import '@backstage/canon/css/styles.css';
import '@backstage/ui/css/styles.css';
const app = createApp({
apis: [
packages/app/src/index.tsx
+1 -1
View File
@@ -17,6 +17,6 @@
import '@backstage/cli/asset-types';
import ReactDOM from 'react-dom/client';
import App from './App';
import '@backstage/canon/css/styles.css';
import '@backstage/ui/css/styles.css';
ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
packages/canon/.eslintrc.js
+9
View File
@@ -0,0 +1,9 @@
module.exports = {
...require('@backstage/cli/config/eslint-factory')(__dirname),
extends: ['plugin:storybook/recommended'],
rules: {
'react/forbid-elements': 'off',
'@backstage/no-mixed-plugin-imports': 'off'
},
};
packages/canon/.gitignore
+1
View File
@@ -0,0 +1 @@
css
packages/canon/CHANGELOG.md
+282
View File
@@ -0,0 +1,282 @@
# @backstage/canon
## 0.6.0-next.1
### Minor Changes
- 2e30459: We are moving our Tooltip component to use React Aria under the hood. In doing so, the structure of the component and its prop are changing to follow the new underlying structure.
### Patch Changes
- 76255b8: Add new Card component to Canon.
- b0a6c8e: Add new Header component to Canon.
- be76576: Improve Button, ButtonIcon and ButtonLink styling in Canon.
- 17beb9b: Update return types for Heading & Text components for React 19.
- eac4a4c: Add new tertiary variant to Button, ButtonIcon and ButtonLink in Canon.
- 8f2e82d: Add new Skeleton component in Canon
## 0.6.0-next.0
### Minor Changes
- 4c6d891: **BREAKING CHANGES**
We’re updating our Button component to provide better support for button links.
- We’re introducing a new `ButtonLink` component, which replaces the previous render prop pattern.
- To maintain naming consistency across components, `IconButton` is being renamed to `ButtonIcon`.
- Additionally, the render prop will be removed from all button-related components.
These changes aim to simplify usage and improve clarity in our component API.
### Patch Changes
- 140f652: We are consolidating all css files into a single styles.css in Canon.
- 8154fb9: Add new SearchField component in Canon
- 6910892: Add new `RadioGroup` + `Radio` component to Canon
- a8a8514: We are transforming how we structure our class names and data attributes definitions for all components. They are now all set in the same place.
- 667b951: Added placeholder prop to TextField component.
- e71333a: adding export for ButtonLink so it's importable
## 0.5.0
### Minor Changes
- 621fac9: We are updating the default size of the Button component in Canon to be small instead of medium.
- a842554: We set the default size for IconButton in Canon to be small instead of medium.
- 35fd51d: Move TextField component to use react Aria under the hood. Introducing a new FieldLabel component to help build custom fields.
- 78204a2: **Breaking** We are adding a new as prop on the Heading and Text component to make it easier to change the component tag. We are removing the render prop in favour of the as prop.
- c49e335: TextField in Canon now has multiple label sizes as well as the capacity to hide label and description but still make them available for screen readers.
- 24b45ef: Fixes spacing props on layout components and aligned on naming for the Grid component. You should now call the Grid root component using <Grid.Root /> instead of just <Grid />.
### Patch Changes
- 44df879: Add min-width: 0; by default on every Flex components in Canon to help support truncated texts inside flex elements.
- ee6ffe6: Fix styling for the title4 prop on the Heading component in Canon.
- f2f814a: Added a render prop to the Button component in Canon to use it as a link.
- 98f02a6: Add new Switch component in Canon.
- c94f8e0: The filter input in menu comboboxes should now always use the full width of the menu it's in.
- 269316d: Remove leftover console.log from Container component.
## 0.5.0-next.2
### Patch Changes
- 44df879: Add min-width: 0; by default on every Flex components in Canon to help support truncated texts inside flex elements.
- ee6ffe6: Fix styling for the title4 prop on the Heading component in Canon.
- f2f814a: Added a render prop to the Button component in Canon to use it as a link.
## 0.5.0-next.1
### Minor Changes
- 621fac9: We are updating the default size of the Button component in Canon to be small instead of medium.
- a842554: We set the default size for IconButton in Canon to be small instead of medium.
## 0.5.0-next.0
### Minor Changes
- 24b45ef: Fixes spacing props on layout components and aligned on naming for the Grid component. You should now call the Grid root component using <Grid.Root /> instead of just <Grid />.
### Patch Changes
- 269316d: Remove leftover console.log from Container component.
## 0.4.0
### Minor Changes
- ea36f74: **Breaking Change** Icons on Button and IconButton now need to be imported and placed like this: <Button iconStart={<ChevronDownIcon />} />
- ccb1fc6: We are modifying the way we treat custom render using 'useRender()' under the hood from BaseUI.
- 04a65c6: The icon prop in TextField now accept a ReactNode instead of an icon name. We also updated the icon sizes for each input sizes.
### Patch Changes
- c8f32db: Use correct colour token for TextField clear button icon, prevent layout shift whenever it is hidden or shown and properly size focus area around it. Also stop leading icon shrinking when used together with clear button.
- e996368: Fix Canon missing dependencies
- 720033c: For improved a11y, clicking a Select component label now focuses the Select trigger element, and the TextField component's label is now styled to indicate it's interactive.
- 6189bfd: Added new icon and onClear props to the TextField to make it easier to accessorize inputs.
- 9510105: Add new Tabs component to Canon
- 97b25a1: Pin version of @base-ui-components/react.
- 206ffbe: Fixed an issue with Canon's DataTable.Pagination component showing the wrong number for the "to" count.
- 72d019d: Removed various typos
- 4551fb7: Update Menu component in Canon to make the UI more condensed. We are also adding a new Combobox option for nested navigation.
- 185d3a8: Use the Field component from Base UI within the TextField.
- 1ea1db0: Add new truncate prop to Text and Heading components in Canon.
## 0.4.0-next.3
### Patch Changes
- c8f32db: Use correct colour token for TextField clear button icon, prevent layout shift whenever it is hidden or shown and properly size focus area around it. Also stop leading icon shrinking when used together with clear button.
## 0.4.0-next.2
### Patch Changes
- 6189bfd: Added new icon and onClear props to the TextField to make it easier to accessorize inputs.
- 97b25a1: Pin version of @base-ui-components/react.
- 185d3a8: Use the Field component from Base UI within the TextField.
## 0.4.0-next.1
### Minor Changes
- ea36f74: **Breaking Change** Icons on Button and IconButton now need to be imported and placed like this: <Button iconStart={<ChevronDownIcon />} />
### Patch Changes
- 720033c: For improved a11y, clicking a Select component label now focuses the Select trigger element, and the TextField component's label is now styled to indicate it's interactive.
- 206ffbe: Fixed an issue with Canon's DataTable.Pagination component showing the wrong number for the "to" count.
- 72d019d: Removed various typos
## 0.3.2-next.0
### Patch Changes
- e996368: Fix Canon missing dependencies
## 0.3.0
### Minor Changes
- df4e292: Improve class name structure using data attributes instead of class names.
- f038613: Updated TextField and Select component to work with React Hook Form.
- 1b0cf40: Add new Select component for Canon
- 5074d61: **BREAKING**: Added a new TextField component to replace the Field and Input component. After feedback, it became clear that we needed to build a more opinionated version to avoid any problem in the future.
### Patch Changes
- 6af7b16: Updated styles for the Menu component in Canon.
- bcbc593: Fix Checkbox styles on dark theme in Canon.
- e7efb7d: Add new breakpoint helpers up(), down() and current breakpoint to help you use our breakpoints in your React components.
- f7cb538: Internal refactor and fixes to the prop extraction logic for layout components.
- 35b36ec: Add new Collapsible component for Canon.
- a47fd39: Removes instances of default React imports, a necessary update for the upcoming React 19 migration.
<https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html>
- 513477f: Add global CSS reset for anchor tags.
- 24f0e08: Improved Container styles, changing our max-width to 120rem and improving padding on smaller screens.
- 851779d: Add new Avatar component to Canon.
- ec5ebd1: Add new TableCellProfile component for Table and DataTable in Canon.
- 5e80f0b: Fix types on the Icon component.
- 0e654bf: Add new DataTable component and update Table component styles.
- 7ae28ba: Move styles to the root of the TextField component.
- 4fe5b08: We added a render prop to the Link component to make sure it can work with React Router.
- 74d463c: Fix Select styles on small sizes + with long option names in Canon.
- f25a5be: Added a new gray scale for Canon for both light and dark theme.
- 5ee4fc2: Add support for column sizing in DataTable.
- 05a5003: Fix the Icon component when the name is not found to return null instead of an empty SVG.
## 0.3.0-next.2
### Minor Changes
- f038613: Updated TextField and Select component to work with React Hook Form.
- 1b0cf40: Add new Select component for Canon
- 5074d61: **BREAKING**: Added a new TextField component to replace the Field and Input component. After feedback, it became clear that we needed to build a more opinionated version to avoid any problem in the future.
### Patch Changes
- a47fd39: Removes instances of default React imports, a necessary update for the upcoming React 19 migration.
<https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html>
- 24f0e08: Improved Container styles, changing our max-width to 120rem and improving padding on smaller screens.
- 7ae28ba: Move styles to the root of the TextField component.
- 4fe5b08: We added a render prop to the Link component to make sure it can work with React Router.
## 0.2.1-next.1
### Patch Changes
- f7cb538: Internal refactor and fixes to the prop extraction logic for layout components.
- 5e80f0b: Fix types on the Icon component.
## 0.2.1-next.0
### Patch Changes
- 6af7b16: Updated styles for the Menu component in Canon.
- 513477f: Add global CSS reset for anchor tags.
- 05a5003: Fix the Icon component when the name is not found to return null instead of an empty SVG.
## 0.2.0
### Minor Changes
- 5a5db29: Fix CSS imports and move CSS outputs out of the dist folder.
- 4557beb: Added a new Tooltip component to Canon.
- 1e4dfdb: We added a new IconButton component with fixed sizes showcasing a single icon.
- e8d12f9: Added about 40 new icons to Canon.
- 8689010: We are renaming CanonProvider to IconProvider to improve clarity on how to override icons.
- bf319b7: Added a new Menu component to Canon.
- cb7e99d: Updating styles for Text and Link components as well as global surface tokens.
- bd8520d: Added a new ScrollArea component for Canon.
### Patch Changes
- 56850ca: Fix Button types that was preventing the use of native attributes like onClick.
- 89e8686: To avoid conflicts with Backstage, we removed global styles and set font-family and font-weight for each components.
- 05e9d41: Introducing Canon to Backstage. Canon styling system is based on pure CSS. We are adding our styles.css at the top of your Backstage instance.
## 0.2.0-next.1
### Minor Changes
- 8689010: We are renaming CanonProvider to IconProvider to improve clarity on how to override icons.
### Patch Changes
- 89e8686: To avoid conflicts with Backstage, we removed global styles and set font-family and font-weight for each components.
## 0.2.0-next.0
### Minor Changes
- 5a5db29: Fix CSS imports and move CSS outputs out of the dist folder.
## 0.1.0
### Minor Changes
- 72c9800: **BREAKING**: Merged the Stack and Inline component into a single component called Flex.
- 65f4acc: This is the first alpha release for Canon. As part of this release we are introducing 5 layout components and 7 components. All theming is done through CSS variables.
- 1e4ccce: **BREAKING**: Fixing css structure and making sure that props are applying the correct styles for all responsive values.
- 8309bdb: Updated core CSS tokens and fixing the Button component accordingly.
### Patch Changes
- 989af25: Removed client directive as they are not needed in React 18.
- f44e5cf: Fix spacing props not being applied for custom values.
- 58ec9e7: Removed older versions of React packages as a preparatory step for upgrading to React 19. This commit does not introduce any functional changes, but removes dependencies on previous React versions, allowing for a cleaner upgrade path in subsequent commits.
## 0.1.0-next.2
### Minor Changes
- 8309bdb: Updated core CSS tokens and fixing the Button component accordingly.
### Patch Changes
- f44e5cf: Fix spacing props not being applied for custom values.
## 0.1.0-next.1
### Minor Changes
- 72c9800: **BREAKING**: Merged the Stack and Inline component into a single component called Flex.
- 1e4ccce: **BREAKING**: Fixing css structure and making sure that props are applying the correct styles for all responsive values.
### Patch Changes
- 989af25: Removed client directive as they are not needed in React 18.
- 58ec9e7: Removed older versions of React packages as a preparatory step for upgrading to React 19. This commit does not introduce any functional changes, but removes dependencies on previous React versions, allowing for a cleaner upgrade path in subsequent commits.
## 0.1.0-next.0
### Minor Changes
- 65f4acc: This is the first alpha release for Canon. As part of this release we are introducing 5 layout components and 7 components. All theming is done through CSS variables.
packages/canon/README.md
+3
View File
@@ -0,0 +1,3 @@
# @backstage/canon
Canon has been renamed to Backstage UI, replace usage of this package with `@backstage/ui`. This replacement is done automatically if you use the `versions:bump` command from the `@backstage/cli`.
packages/canon/catalog-info.yaml
+9
View File
@@ -0,0 +1,9 @@
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: backstage-canon
title: '@backstage/canon'
spec:
lifecycle: experimental
type: backstage-web-library
owner: design-system-maintainers
packages/canon/package.json
+43
View File
@@ -0,0 +1,43 @@
{
"name": "@backstage/canon",
"version": "0.6.0-next.1",
"backstage": {
"role": "web-library",
"moved": "@backstage/ui"
},
"publishConfig": {
"access": "public",
"main": "dist/index.esm.js",
"types": "dist/index.d.ts"
},
"keywords": [
"backstage"
],
"homepage": "https://canon.backstage.io",
"repository": {
"type": "git",
"url": "https://github.com/backstage/backstage",
"directory": "packages/canon"
},
"license": "Apache-2.0",
"sideEffects": true,
"main": "src/index.ts",
"types": "src/index.ts",
"files": [
"dist",
"css"
],
"scripts": {
"build": "backstage-cli package build && mkdir -p css && cp -r ../ui/css/styles.css css/styles.css",
"clean": "backstage-cli package clean",
"prepack": "backstage-cli package prepack",
"postpack": "backstage-cli package postpack"
},
"dependencies": {
"@backstage/ui": "workspace:^"
},
"devDependencies": {
"@backstage/cli": "workspace:^"
},
"deprecated": "This package has been deprecated. Please use @backstage/ui instead."
}
packages/canon/report.api.md
+7
View File
@@ -0,0 +1,7 @@
## API Report File for "@backstage/canon"
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
export * from '@backstage/ui';
```
packages/canon/src/index.ts
+23
View File
@@ -0,0 +1,23 @@
/*
* Copyright 2024 The Backstage Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Components used by Backstage plugins and apps
*
* @packageDocumentation
*/
export * from '@backstage/ui';
packages/create-app/src/lib/tasks.test.ts
+1 -1
View File
@@ -52,7 +52,6 @@ jest.mock('./versions', () => ({
'@backstage/cli': '1.0.0',
'@backstage/backend-defaults': '1.0.0',
'@backstage/backend-tasks': '1.0.0',
'@backstage/canon': '1.0.0',
'@backstage/catalog-model': '1.0.0',
'@backstage/catalog-client': '1.0.0',
'@backstage/config': '1.0.0',
@@ -102,6 +101,7 @@ jest.mock('./versions', () => ({
'@backstage/plugin-user-settings': '1.0.0',
'@backstage/theme': '1.0.0',
'@backstage/test-utils': '1.0.0',
'@backstage/ui': '1.0.0',
},
}));
packages/create-app/src/lib/versions.ts
+2 -2
View File
@@ -33,7 +33,6 @@ import { version as root } from '../../../../package.json';
import { version as appDefaults } from '../../../app-defaults/package.json';
import { version as backendDefaults } from '../../../backend-defaults/package.json';
import { version as canon } from '../../../canon/package.json';
import { version as catalogClient } from '../../../catalog-client/package.json';
import { version as catalogModel } from '../../../catalog-model/package.json';
import { version as cli } from '../../../cli/package.json';
@@ -47,6 +46,7 @@ import { version as integrationReact } from '../../../integration-react/package.
import { version as testUtils } from '../../../test-utils/package.json';
import { version as theme } from '../../../theme/package.json';
import { version as repoTools } from '../../../repo-tools/package.json';
import { version as ui } from '../../../ui/package.json';
import { version as pluginApiDocs } from '../../../../plugins/api-docs/package.json';
import { version as pluginAppBackend } from '../../../../plugins/app-backend/package.json';
@@ -94,7 +94,6 @@ export const packageVersions = {
'@backstage/catalog-client': catalogClient,
'@backstage/catalog-model': catalogModel,
'@backstage/cli': cli,
'@backstage/canon': canon,
'@backstage/config': config,
'@backstage/core-app-api': coreAppApi,
'@backstage/core-components': coreComponents,
@@ -152,4 +151,5 @@ export const packageVersions = {
'@backstage/plugin-user-settings': pluginUserSettings,
'@backstage/test-utils': testUtils,
'@backstage/theme': theme,
'@backstage/ui': ui,
};
packages/create-app/templates/default-app/packages/app/package.json.hbs
+1 -1
View File
@@ -15,7 +15,6 @@
},
"dependencies": {
"@backstage/app-defaults": "^{{version '@backstage/app-defaults'}}",
"@backstage/canon": "^{{version '@backstage/canon'}}",
"@backstage/catalog-model": "^{{version '@backstage/catalog-model'}}",
"@backstage/cli": "^{{version '@backstage/cli'}}",
"@backstage/core-app-api": "^{{version '@backstage/core-app-api'}}",
@@ -39,6 +38,7 @@
"@backstage/plugin-techdocs-react": "^{{version '@backstage/plugin-techdocs-react'}}",
"@backstage/plugin-user-settings": "^{{version '@backstage/plugin-user-settings'}}",
"@backstage/theme": "^{{version '@backstage/theme'}}",
"@backstage/ui": "^{{version '@backstage/ui'}}",
"@material-ui/core": "^4.12.2",
"@material-ui/icons": "^4.9.1",
"react": "^18.0.2",
packages/create-app/templates/default-app/packages/app/src/index.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import '@backstage/cli/asset-types';
import ReactDOM from 'react-dom/client';
import App from './App';
import '@backstage/canon/css/styles.css';
import '@backstage/ui/css/styles.css';
ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
packages/ui/CHANGELOG.md
+1 -1
View File
@@ -1,4 +1,4 @@
# @backstage/canon
# @backstage/ui
## 0.6.0-next.1
packages/ui/README.md
+4 -4
View File
@@ -1,6 +1,6 @@
# @backstage/canon
# @backstage/ui
Canon is a UI component library for Backstage.
Backstage UI is a component library for Backstage.
## Installation
@@ -8,11 +8,11 @@ Install the package via Yarn:
```sh
cd <package-dir> # if within a monorepo
yarn add @backstage/canon
yarn add @backstage/ui
```
## Documentation
- [Canon Documentation](https://canon.backstage.io)
- [Backstage UI Documentation](https://ui.backstage.io)
- [Backstage Readme](https://github.com/backstage/backstage/blob/master/README.md)
- [Backstage Documentation](https://backstage.io/docs)
packages/ui/catalog-info.yaml
+2 -2
View File
@@ -1,8 +1,8 @@
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
name: backstage-canon
title: '@backstage/canon'
name: backstage-ui
title: '@backstage/ui'
spec:
lifecycle: experimental
type: backstage-web-library
packages/ui/package.json
+4 -4
View File
@@ -1,6 +1,6 @@
{
"name": "@backstage/canon",
"version": "0.6.0-next.1",
"name": "@backstage/ui",
"version": "0.5.0",
"backstage": {
"role": "web-library"
},
@@ -12,11 +12,11 @@
"keywords": [
"backstage"
],
"homepage": "https://canon.backstage.io",
"homepage": "https://ui.backstage.io",
"repository": {
"type": "git",
"url": "https://github.com/backstage/backstage",
"directory": "packages/canon"
"directory": "packages/ui"
},
"license": "Apache-2.0",
"sideEffects": true,
packages/ui/report.api.md
+1 -1
View File
@@ -1,4 +1,4 @@
## API Report File for "@backstage/canon"
## API Report File for "@backstage/ui"
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
yarn.lock
+46 -37
View File
@@ -3811,45 +3811,12 @@ __metadata:
languageName: unknown
linkType: soft
"@backstage/canon@workspace:^, @backstage/canon@workspace:packages/canon":
"@backstage/canon@workspace:packages/canon":
version: 0.0.0-use.local
resolution: "@backstage/canon@workspace:packages/canon"
dependencies:
"@backstage/cli": "workspace:^"
"@base-ui-components/react": "npm:1.0.0-alpha.7"
"@remixicon/react": "npm:^4.6.0"
"@storybook/addon-essentials": "npm:^8.6.12"
"@storybook/addon-interactions": "npm:^8.6.12"
"@storybook/addon-styling-webpack": "npm:^1.0.1"
"@storybook/addon-webpack5-compiler-swc": "npm:^3.0.0"
"@storybook/blocks": "npm:^8.6.12"
"@storybook/react": "npm:^8.6.12"
"@storybook/react-webpack5": "npm:^8.6.12"
"@storybook/test": "npm:^8.6.12"
"@tanstack/react-table": "npm:^8.21.3"
"@types/react": "npm:^18.0.0"
"@types/react-dom": "npm:^18.0.0"
chalk: "npm:^5.4.1"
clsx: "npm:^2.1.1"
eslint-plugin-storybook: "npm:^0.12.0"
glob: "npm:^11.0.1"
globals: "npm:^15.11.0"
lightningcss: "npm:^1.29.1"
mini-css-extract-plugin: "npm:^2.9.2"
motion: "npm:^12.20.1"
react: "npm:^18.0.2"
react-aria-components: "npm:^1.10.1"
react-dom: "npm:^18.0.2"
react-router-dom: "npm:^6.3.0"
storybook: "npm:^8.6.12"
peerDependencies:
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
react-router-dom: ^6.3.0
peerDependenciesMeta:
"@types/react":
optional: true
"@backstage/ui": "workspace:^"
languageName: unknown
linkType: soft
@@ -9214,6 +9181,48 @@ __metadata:
languageName: unknown
linkType: soft
"@backstage/ui@workspace:^, @backstage/ui@workspace:packages/ui":
version: 0.0.0-use.local
resolution: "@backstage/ui@workspace:packages/ui"
dependencies:
"@backstage/cli": "workspace:^"
"@base-ui-components/react": "npm:1.0.0-alpha.7"
"@remixicon/react": "npm:^4.6.0"
"@storybook/addon-essentials": "npm:^8.6.12"
"@storybook/addon-interactions": "npm:^8.6.12"
"@storybook/addon-styling-webpack": "npm:^1.0.1"
"@storybook/addon-webpack5-compiler-swc": "npm:^3.0.0"
"@storybook/blocks": "npm:^8.6.12"
"@storybook/react": "npm:^8.6.12"
"@storybook/react-webpack5": "npm:^8.6.12"
"@storybook/test": "npm:^8.6.12"
"@tanstack/react-table": "npm:^8.21.3"
"@types/react": "npm:^18.0.0"
"@types/react-dom": "npm:^18.0.0"
chalk: "npm:^5.4.1"
clsx: "npm:^2.1.1"
eslint-plugin-storybook: "npm:^0.12.0"
glob: "npm:^11.0.1"
globals: "npm:^15.11.0"
lightningcss: "npm:^1.29.1"
mini-css-extract-plugin: "npm:^2.9.2"
motion: "npm:^12.20.1"
react: "npm:^18.0.2"
react-aria-components: "npm:^1.10.1"
react-dom: "npm:^18.0.2"
react-router-dom: "npm:^6.3.0"
storybook: "npm:^8.6.12"
peerDependencies:
"@types/react": ^17.0.0 || ^18.0.0
react: ^17.0.0 || ^18.0.0
react-dom: ^17.0.0 || ^18.0.0
react-router-dom: ^6.3.0
peerDependenciesMeta:
"@types/react":
optional: true
languageName: unknown
linkType: soft
"@backstage/version-bridge@npm:^1.0.10, @backstage/version-bridge@npm:^1.0.11, @backstage/version-bridge@npm:^1.0.7, @backstage/version-bridge@workspace:^, @backstage/version-bridge@workspace:packages/version-bridge":
version: 0.0.0-use.local
resolution: "@backstage/version-bridge@workspace:packages/version-bridge"
@@ -31800,7 +31809,6 @@ __metadata:
resolution: "example-app-next@workspace:packages/app-next"
dependencies:
"@backstage/app-defaults": "workspace:^"
"@backstage/canon": "workspace:^"
"@backstage/catalog-model": "workspace:^"
"@backstage/cli": "workspace:^"
"@backstage/config": "workspace:^"
@@ -31840,6 +31848,7 @@ __metadata:
"@backstage/plugin-user-settings": "workspace:^"
"@backstage/test-utils": "workspace:^"
"@backstage/theme": "workspace:^"
"@backstage/ui": "workspace:^"
"@material-ui/core": "npm:^4.12.2"
"@material-ui/icons": "npm:^4.9.1"
"@material-ui/lab": "npm:4.0.0-alpha.61"
@@ -31874,7 +31883,6 @@ __metadata:
resolution: "example-app@workspace:packages/app"
dependencies:
"@backstage/app-defaults": "workspace:^"
"@backstage/canon": "workspace:^"
"@backstage/catalog-model": "workspace:^"
"@backstage/cli": "workspace:^"
"@backstage/config": "workspace:^"
@@ -31910,6 +31918,7 @@ __metadata:
"@backstage/plugin-user-settings": "workspace:^"
"@backstage/test-utils": "workspace:^"
"@backstage/theme": "workspace:^"
"@backstage/ui": "workspace:^"
"@material-ui/core": "npm:^4.12.2"
"@material-ui/icons": "npm:^4.9.1"
"@material-ui/lab": "npm:4.0.0-alpha.61"