Commit Graph

60 Commits

Author SHA1 Message Date
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