Antony Bouyon
50cdc70920
fix: wrong logic operator
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Antony Bouyon
8317533ea9
fix: improve useMediaQuery examples
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Antony Bouyon
a57041b196
feat: add useStyles hook documentation & disclaimer for internal hooks
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Antony Bouyon
9c7b3dbf1c
chore: run prettier
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Antony Bouyon
d61a795383
refactor: migrate to the new format
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Antony Bouyon
1cf2972f45
feat: add backstage/ui hooks documentation
...
Signed-off-by: Antony Bouyon <antony.bouyon@believe.com >
2026-02-13 10:05:43 +01:00
Charles de Dreuille
13422d70aa
Improving our get started page in BUI
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-02-11 19:44:11 +00:00
Gustaf Räntilä
7eda810329
Use the ResizableTableContainer only if a column has a width property, and don't set the table-layout CSS property, but leave it to the user
...
Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com >
2026-02-06 18:51:39 +01:00
Gustaf Räntilä
a8b3395a55
Removed inner TableRoot styling and changed automatic column sizing API
...
Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com >
2026-02-06 18:51:39 +01:00
Gustaf Räntilä
8c3941214d
Allow automatic column widths and styling TableRoot
...
Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com >
2026-02-06 18:51:39 +01:00
Charles de Dreuille
ce90e89d35
Migrate new tokens
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-02-06 14:45:45 +00:00
Charles de Dreuille
599f6687a2
Migrate all components to new tokens
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-02-06 13:48:08 +00:00
Gustaf Räntilä
6a31822388
Remove bold tags from docs-ui
...
Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com >
2026-02-05 18:16:58 +01:00
Gustaf Räntilä
741a98d10f
Allow a 'data' prop to be passed inplace to the useTable hook for mode 'complete'
...
Signed-off-by: Gustaf Räntilä <g.rantila@gmail.com >
2026-02-04 23:51:56 +01:00
imgbot[bot]
21b60d8b5f
[ImgBot] Optimize images ( #32227 )
...
*Total -- 517.71kb -> 473.87kb (8.47%)
/microsite/static/img/tech-radar.svg -- 1.03kb -> 0.56kb (45.5%)
/beps/0001-notifications-system/notifications-architecture.drawio.svg -- 44.41kb -> 32.82kb (26.11%)
/plugins/auth-backend/architecture.drawio.svg -- 22.74kb -> 16.81kb (26.09%)
/microsite/static/img/backstage-search-platform.svg -- 0.99kb -> 0.73kb (25.77%)
/beps/0003-auth-architecture-evolution/token-sequence-obo.drawio.svg -- 17.62kb -> 13.12kb (25.53%)
/beps/0003-auth-architecture-evolution/token-sequence-cookie.drawio.svg -- 18.01kb -> 13.55kb (24.77%)
/microsite/static/img/cyclops.svg -- 3.30kb -> 2.68kb (18.79%)
/packages/app-next/architecture.drawio.svg -- 69.32kb -> 56.49kb (18.51%)
/microsite/static/img/kiali.svg -- 1.32kb -> 1.08kb (18.26%)
/microsite/static/img/daytona.svg -- 1.23kb -> 1.01kb (18.1%)
/microsite/static/img/octopus-deploy.svg -- 0.94kb -> 0.79kb (15.9%)
/microsite/static/img/s3-bucket.svg -- 3.25kb -> 2.88kb (11.45%)
/microsite/static/img/tekton.svg -- 1.77kb -> 1.59kb (10.13%)
/microsite/static/img/terraform-logo.svg -- 0.44kb -> 0.40kb (9.07%)
/microsite/static/img/dynatrace.svg -- 3.60kb -> 3.37kb (6.43%)
/microsite/static/img/plugin-feedback-logo.svg -- 0.69kb -> 0.65kb (5.8%)
/microsite/static/img/codescene_logo.svg -- 4.64kb -> 4.42kb (4.84%)
/microsite/static/img/codacy-icon.svg -- 1.37kb -> 1.32kb (3.5%)
/microsite/static/img/entity-validation.svg -- 0.31kb -> 0.30kb (3.49%)
/microsite/static/img/bazaar.svg -- 1.44kb -> 1.39kb (3.25%)
/microsite/static/img/badges.svg -- 0.25kb -> 0.24kb (2.79%)
/microsite/static/img/shortcuts.svg -- 0.29kb -> 0.28kb (2.35%)
/microsite/static/img/catalog-graph.svg -- 0.30kb -> 0.29kb (2.3%)
/microsite/static/img/devtools.svg -- 0.34kb -> 0.33kb (2.03%)
/microsite/static/img/3scale.svg -- 6.74kb -> 6.64kb (1.55%)
/microsite/static/img/linguist.svg -- 0.44kb -> 0.44kb (1.55%)
/microsite/static/img/digital.ai-deploy.svg -- 0.70kb -> 0.69kb (1.53%)
/microsite/static/img/digital.ai-release.svg -- 1.28kb -> 1.27kb (1.44%)
/microsite/static/img/nexus-repository-manager.svg -- 7.81kb -> 7.71kb (1.35%)
/microsite/static/img/quay.svg -- 7.81kb -> 7.71kb (1.34%)
/microsite/static/img/jfrog-artifactory.svg -- 7.82kb -> 7.72kb (1.34%)
/microsite/static/img/keycloak.svg -- 8.04kb -> 7.93kb (1.3%)
/microsite/static/img/topology.svg -- 8.62kb -> 8.51kb (1.21%)
/microsite/static/img/ocm.svg -- 9.86kb -> 9.76kb (1.06%)
/microsite/static/img/cicd-statistics.svg -- 0.72kb -> 0.71kb (0.95%)
/microsite/static/img/github-pull-requests-board-logo.svg -- 3.92kb -> 3.88kb (0.92%)
/packages/ui/static/favicon.svg -- 0.69kb -> 0.68kb (0.85%)
/microsite/static/img/hcp-consul.svg -- 6.78kb -> 6.76kb (0.33%)
/microsite/static/img/nobl9.svg -- 1.60kb -> 1.59kb (0.31%)
/microsite/static/img/buildkite.svg -- 0.39kb -> 0.39kb (0.25%)
/microsite/blog/assets/2024-06-27/backstage-engineer-journey.svg -- 224.46kb -> 223.97kb (0.22%)
/docs-ui/src/app/icon.svg -- 4.61kb -> 4.60kb (0.06%)
/microsite/static/img/wheel-of-names.svg -- 9.51kb -> 9.50kb (0.05%)
/microsite/static/img/cncf-white.svg -- 6.32kb -> 6.32kb (0.02%)
Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com >
Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com >
2026-02-03 15:08:27 +01:00
Charles de Dreuille
967dd632e0
Merge branch 'master' into docs-ui-props-updates
2026-02-03 08:06:09 +00:00
Charles de Dreuille
6192f335b9
Update HeaderPage.tsx
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-30 18:26:59 +00:00
Charles de Dreuille
b40cf332a2
Add new info to Text
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-30 18:15:19 +00:00
Charles de Dreuille
a88c437e38
Updated docs
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-30 18:08:20 +00:00
Charles de Dreuille
110fec026b
Improve Link component styles
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-30 17:49:06 +00:00
Charles de Dreuille
ac514e97f1
Merge pull request #32575 from backstage/fix/nextjs16-css-modules
...
Fix CSS Module purity errors for Next.js 16 compatibility
2026-01-30 14:54:43 +00:00
Charles de Dreuille
088ec1fa25
Prettier
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-29 15:30:01 +00:00
Charles de Dreuille
73b56cc9c4
Move theme CSS files from public to src and fix imports
...
Next.js cannot import CSS from the /public directory - it's for static
assets only. Moved theme-backstage.css and theme-spotify.css from
/public to /src/css and updated imports to use proper relative paths.
This fixes the @next/next/no-css-tags ESLint warnings and follows
Next.js best practices for CSS imports.
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-29 15:10:00 +00:00
Charles de Dreuille
d5ddd96493
Merge pull request #32572 from backstage/ui-docs-restore-decorative-box-layout-examples
...
docs(ui): restore DecorativeBox for layout component examples
2026-01-29 13:38:05 +00:00
Charles de Dreuille
b9be9d33aa
Upgrade to ESLint 9 for Next.js 16 compatibility
...
Next.js 16 requires ESLint 9 for proper flat config support. This commit:
- Upgrades eslint from ^8 to ^9
- Migrates from .eslintrc.json to eslint.config.mjs (flat config)
- Updates lint script to use eslint directly (next lint removed in Next.js 16)
- Adds tsconfig.json includes for Next.js 16 dev types
- Fixes layout.tsx to use proper theme CSS link tags
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-29 13:30:44 +00:00
Charles de Dreuille
0a2a3e51e8
Update spacing props display with collapsible groups
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-29 12:54:02 +00:00
Johan Persson
864eb8c4c8
docs(ui): improve Container documentation
...
Improves Container documentation to better explain its purpose as
a page-level wrapper for plugin content.
- Added Core Concepts section explaining centering, max-width, and gutters
- Removed redundant Basic Usage example
- Updated examples to use DecorativeBox
- Improved PageTitle description
Signed-off-by: Johan Persson <johanopersson@gmail.com >
2026-01-29 13:48:50 +01:00
Johan Persson
b8eb1284ba
docs(ui): restore DecorativeBox for layout component examples
...
Restores the striped DecorativeBox pattern for visualizing layout
in Box, Flex, and Grid documentation examples.
- Enhanced DecorativeBox to accept children and style props
- Updated Box examples to use DecorativeBox with width/height props
- Replaced inline boxStyle/labelBoxStyle in Flex and Grid with DecorativeBox
- Improved Box surface example description
Signed-off-by: Johan Persson <johanopersson@gmail.com >
2026-01-29 13:47:25 +01:00
Johan Persson
2c219b9817
feat(ui): add danger variant to Button component
...
Added a `danger` variant for destructive actions like delete or remove.
Uses solid red background with white text in both light and dark modes.
- Added CSS styles with custom properties for future token migration
- Updated Storybook stories to include danger variant examples
- Updated docs-ui documentation to reflect the new variant
Signed-off-by: Johan Persson <johanopersson@gmail.com >
2026-01-29 11:42:56 +01:00
Johan Persson
2a57064226
docs(ui): comprehensive documentation improvements for all components
...
Improves documentation quality and consistency across all UI components.
Props documentation:
- Added descriptions to all props across all components
- Fixed prop types to match source implementations
- Added missing props (onAction, isInvalid, aria-label, etc.)
- Corrected default values and removed non-existent props
- Converted props-definition files to .tsx for Chip component usage
Examples and snippets:
- Added side-by-side layout option to Snippet component
- Fixed snippet/preview mismatches
- Improved example code indentation and formatting
- Added live previews to Container, Box, Grid examples
- Wrapped Skeleton examples in themed Box for visibility
API reference:
- Added ReactAriaLinks to all components
- Updated React Aria URLs to react-aria.adobe.com format
- Cleaned up verbose prose and standardized descriptions
Other:
- Updated PageTitle descriptions to 5-12 word format
- Varied example intro phrasing for consistency
Signed-off-by: Johan Persson <johanopersson@gmail.com >
2026-01-28 14:09:26 +01:00
Charles de Dreuille
d013d4a20b
Adding docs for Alert
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-26 18:37:28 +00:00
Johan Persson
ec66afb03e
docs(table): rewrite Table component documentation
...
Comprehensive rewrite of the Table component documentation including:
- Updated prop definitions with JSX descriptions
- New interactive examples for sorting, search, pagination, selection
- Expanded code snippets covering all major use cases
- Added custom row and primitives examples
- Improved MDX structure and styling
Signed-off-by: Johan Persson <johanopersson@gmail.com >
2026-01-23 14:13:50 +01:00
Charles de Dreuille
fb438cdec3
Fix prettier
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-15 17:59:21 +01:00
Charles de Dreuille
8e4fc42348
Fixes a few docs pages
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-15 17:49:42 +01:00
Charles de Dreuille
c29416593e
Migrate all components to their new format
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-15 17:01:49 +01:00
Charles de Dreuille
ca2e767204
Migrate all mdx files
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2026-01-14 23:53:30 +01:00
Charles de Dreuille
90a72b8d3e
Rename --bui-bg into --bui-bg-surface-0
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-12-22 16:15:56 +01:00
Charles de Dreuille
7f91058ce4
Add mobile navigation
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-11-04 19:02:24 +00:00
Charles de Dreuille
d7d87d5760
Cleaning build
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-11-04 14:30:54 +00:00
Charles de Dreuille
2d01298ed1
Improve layout
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-11-04 14:30:54 +00:00
Charles de Dreuille
f084d37b3f
Update toolbar
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-11-04 14:30:54 +00:00
Charles de Dreuille
510f9ede8b
First pass at bringing our new navigation to BUI's docs
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-11-04 14:30:54 +00:00
Charles de Dreuille
717f7080d1
Fixes on icons
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-10-18 22:41:50 +01:00
Charles de Dreuille
87cf96e1ea
Improve BUI install docs
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-10-18 22:31:56 +01:00
Vincenzo Scamporlino
ee0e5b3257
docs: fix monospace font usage
...
Signed-off-by: Vincenzo Scamporlino <vincenzos@spotify.com >
2025-10-08 17:46:15 +02:00
birdhb
c513f33e12
Merge branch 'backstage:master' into add-clear-and-visibility-actions-to-text-field
2025-10-08 10:44:31 +02:00
Charles de Dreuille
f3c9a47400
Small fixes
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-10-07 07:27:01 +01:00
Hermione Bird
b78dc1154c
add page to docs-ui, fix aria labels, compatibility with one password icons, create custom button
...
Signed-off-by: Hermione Bird <hermioneb@spotify.com >
2025-09-26 11:42:09 +01:00
Charles de Dreuille
0b3f0dcbc4
Fix docs
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-08-13 21:04:43 +02:00
Charles de Dreuille
3a381cf129
Update BUI cover
...
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com >
2025-07-23 09:54:39 +01:00