Merge branch 'master' into bui-header

# Conflicts:
#	docs-ui/public/theme-backstage.css
#	docs-ui/public/theme-spotify.css
#	packages/ui/.storybook/themes/spotify.css
This commit is contained in:
Charles de Dreuille
2025-08-11 10:11:56 +02:00
431 changed files with 8503 additions and 3986 deletions
+6 -6
View File
@@ -12,8 +12,8 @@
"sync:css:watch": "node scripts/sync-css.js --watch"
},
"resolutions": {
"@types/react": "19.1.8",
"@types/react-dom": "19.1.6"
"@types/react": "19.1.9",
"@types/react-dom": "19.1.7"
},
"dependencies": {
"@codemirror/lang-sass": "^6.0.2",
@@ -31,16 +31,16 @@
"next": "15.3.4",
"next-mdx-remote-client": "^2.1.2",
"prop-types": "^15.8.1",
"react": "19.1.0",
"react-dom": "19.1.0",
"react": "19.1.1",
"react-dom": "19.1.1",
"shiki": "^1.26.1",
"storybook": "^8.6.8"
},
"devDependencies": {
"@types/mdx": "^2.0.13",
"@types/node": "^20",
"@types/react": "19.1.8",
"@types/react-dom": "19.1.6",
"@types/react": "19.1.9",
"@types/react-dom": "19.1.7",
"chokidar": "^3.6.0",
"concurrently": "^8.2.2",
"eslint": "^8",
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -7,6 +7,7 @@ import {
searchFieldDefaultSnippet,
searchFieldSizesSnippet,
searchFieldDescriptionSnippet,
searchFieldCollapsibleSnippet,
} from './search-field.props';
import { PageTitle } from '@/components/PageTitle';
import { Theming } from '@/components/Theming';
@@ -59,6 +60,18 @@ Here's a simple SearchField with a description.
code={searchFieldDescriptionSnippet}
/>
### Collapsible
You can make the SearchField collapsible by setting the `startCollapsed` prop to `true`.
<Snippet
align="center"
py={4}
open
preview={<SearchFieldSnippet story="StartCollapsed" />}
code={searchFieldCollapsibleSnippet}
/>
<Theming component="SearchField" />
<ChangelogComponent component="search-field" />
@@ -25,6 +25,10 @@ export const searchFieldPropDefs: Record<string, PropDef> = {
type: 'string',
required: true,
},
startCollapsed: {
type: 'boolean',
default: 'false',
},
...classNamePropDefs,
...stylePropDefs,
};
@@ -41,3 +45,5 @@ export const searchFieldSizesSnippet = `<Flex direction="row" gap="4">
</Flex>`;
export const searchFieldDescriptionSnippet = `<SearchField label="Label" description="Description" placeholder="Enter a URL" />`;
export const searchFieldCollapsibleSnippet = `<SearchField startCollapsed />`;
+49 -49
View File
@@ -1201,21 +1201,21 @@ __metadata:
languageName: node
linkType: hard
"@types/react-dom@npm:19.1.6":
version: 19.1.6
resolution: "@types/react-dom@npm:19.1.6"
"@types/react-dom@npm:19.1.7":
version: 19.1.7
resolution: "@types/react-dom@npm:19.1.7"
peerDependencies:
"@types/react": ^19.0.0
checksum: 10/b5b20b7f0797f34c5a11915b74dcf8b3b7a9da9fea90279975ce6f150ca5d31bb069dbb0838638a5e9e168098aa4bb4a6f61d078efa1bbb55d7f0bdfe47bb142
checksum: 10/a99465e5a17d40725dedb3708357f8998c57caab768cee0992b4bb7822ce7ed2ec697a5f426cb98d3397b020756a6e4b0986dc5f6f4254e13b3536afb38538e6
languageName: node
linkType: hard
"@types/react@npm:19.1.8":
version: 19.1.8
resolution: "@types/react@npm:19.1.8"
"@types/react@npm:19.1.9":
version: 19.1.9
resolution: "@types/react@npm:19.1.9"
dependencies:
csstype: "npm:^3.0.2"
checksum: 10/a3e6fe0f60f22828ef887f30993aa147b71532d7b1219dd00d246277eb7a9ca01ec533096237fa21ca1bccb3653373b4e8e59e5ae59f9c793058384bbc1f4d5c
checksum: 10/b1032eae52e3b4f2a8b9ea6aac936385a78b7eff55cad4ff4f0d7e726c6ea87c1f287a1ba0e57a76a8e4456d3fb918b4f97a01e71686fdc11a65b26b8d296be4
languageName: node
linkType: hard
@@ -1369,9 +1369,9 @@ __metadata:
languageName: node
linkType: hard
"@uiw/codemirror-extensions-basic-setup@npm:4.23.13":
version: 4.23.13
resolution: "@uiw/codemirror-extensions-basic-setup@npm:4.23.13"
"@uiw/codemirror-extensions-basic-setup@npm:4.24.2":
version: 4.24.2
resolution: "@uiw/codemirror-extensions-basic-setup@npm:4.24.2"
dependencies:
"@codemirror/autocomplete": "npm:^6.0.0"
"@codemirror/commands": "npm:^6.0.0"
@@ -1388,7 +1388,7 @@ __metadata:
"@codemirror/search": ">=6.0.0"
"@codemirror/state": ">=6.0.0"
"@codemirror/view": ">=6.0.0"
checksum: 10/35fd1894f9f7da8f94fa077a70821f92118597e2e2b12782b254b0844f06c1855508421c4cb47de7099a972ef706218c08203116aa93da4e8e1585c8d234015d
checksum: 10/077f64b4bbb6178038d30a3cb2961c0ff89c0836b73210d0ac3fca828c3ba8fbce61e42635ec2e2997cdffff5472b75ad58541c4e62f98d52b83d475da0c56eb
languageName: node
linkType: hard
@@ -1408,14 +1408,14 @@ __metadata:
linkType: hard
"@uiw/react-codemirror@npm:^4.23.7":
version: 4.23.13
resolution: "@uiw/react-codemirror@npm:4.23.13"
version: 4.24.2
resolution: "@uiw/react-codemirror@npm:4.24.2"
dependencies:
"@babel/runtime": "npm:^7.18.6"
"@codemirror/commands": "npm:^6.1.0"
"@codemirror/state": "npm:^6.1.1"
"@codemirror/theme-one-dark": "npm:^6.0.0"
"@uiw/codemirror-extensions-basic-setup": "npm:4.23.13"
"@uiw/codemirror-extensions-basic-setup": "npm:4.24.2"
codemirror: "npm:^6.0.0"
peerDependencies:
"@babel/runtime": ">=7.11.0"
@@ -1423,9 +1423,9 @@ __metadata:
"@codemirror/theme-one-dark": ">=6.0.0"
"@codemirror/view": ">=6.0.0"
codemirror: ">=6.0.0"
react: ">=16.8.0"
react-dom: ">=16.8.0"
checksum: 10/51777d7eb313be0716d3597f829e6ee9982ab2dc3e36dc5219f25cdf680b82a6c0a0951d9adaca85b9c829da92f7971aa6e65bdd50e7610972d89463fe2587a1
react: ">=17.0.0"
react-dom: ">=17.0.0"
checksum: 10/f0816fcf40c451c8bc15319d62f5b8d62a04c12c2bc053569212b31edba7c7164e45fd161ebb683a03fd5a50697b91a6ac4cab2d2d1a45da5f2626d959c399a0
languageName: node
linkType: hard
@@ -2315,8 +2315,8 @@ __metadata:
"@storybook/react": "npm:^8.6.8"
"@types/mdx": "npm:^2.0.13"
"@types/node": "npm:^20"
"@types/react": "npm:19.1.8"
"@types/react-dom": "npm:19.1.6"
"@types/react": "npm:19.1.9"
"@types/react-dom": "npm:19.1.7"
"@uiw/codemirror-themes": "npm:^4.23.7"
"@uiw/react-codemirror": "npm:^4.23.7"
chokidar: "npm:^3.6.0"
@@ -2329,8 +2329,8 @@ __metadata:
next: "npm:15.3.4"
next-mdx-remote-client: "npm:^2.1.2"
prop-types: "npm:^15.8.1"
react: "npm:19.1.0"
react-dom: "npm:19.1.0"
react: "npm:19.1.1"
react-dom: "npm:19.1.1"
shiki: "npm:^1.26.1"
storybook: "npm:^8.6.8"
typescript: "npm:^5"
@@ -3618,20 +3618,20 @@ __metadata:
linkType: hard
"html-react-parser@npm:^5.2.5":
version: 5.2.5
resolution: "html-react-parser@npm:5.2.5"
version: 5.2.6
resolution: "html-react-parser@npm:5.2.6"
dependencies:
domhandler: "npm:5.0.3"
html-dom-parser: "npm:5.1.1"
react-property: "npm:2.0.2"
style-to-js: "npm:1.1.16"
style-to-js: "npm:1.1.17"
peerDependencies:
"@types/react": 0.14 || 15 || 16 || 17 || 18 || 19
react: 0.14 || 15 || 16 || 17 || 18 || 19
peerDependenciesMeta:
"@types/react":
optional: true
checksum: 10/22852dc4826d3be9506e238e37a05c23b432675aac33f22bd5741caa195a32e99de99d2b99037fda532f198afbcdeacfc0b27627d6e529143a98c8f191e99c52
checksum: 10/be2903fd932d44ff6cae66bd18b025d318879e16eb1e67c0ae6dc640e5c77509da41b61948c0d404a43b5362b57b7cfa3963df242b9773d4c7a16f410db7f2ac
languageName: node
linkType: hard
@@ -5135,20 +5135,20 @@ __metadata:
linkType: hard
"next-mdx-remote-client@npm:^2.1.2":
version: 2.1.2
resolution: "next-mdx-remote-client@npm:2.1.2"
version: 2.1.3
resolution: "next-mdx-remote-client@npm:2.1.3"
dependencies:
"@babel/code-frame": "npm:^7.27.1"
"@mdx-js/mdx": "npm:^3.1.0"
"@mdx-js/react": "npm:^3.1.0"
remark-mdx-remove-esm: "npm:^1.1.0"
remark-mdx-remove-esm: "npm:^1.2.0"
serialize-error: "npm:^12.0.0"
vfile: "npm:^6.0.3"
vfile-matter: "npm:^5.0.1"
peerDependencies:
react: ^19.1.0
react-dom: ^19.1.0
checksum: 10/610e95bff6c1dcdb4d1fefc9333ac748f1899cbca1ea551e784cd1e8cfd077c14d6bb8ab27826886f354cc3b9cf700fe25810263f996c53f824a2cfdbc5a064f
checksum: 10/3837c63edf7d707de2eea9b4c565eeb7e505a769e93c2673f746ec9993c644f7cd0aacb8bad911eff9ea63190f48c2c16ffe98d47c39591c5dac29c8bf9a9e0c
languageName: node
linkType: hard
@@ -5585,14 +5585,14 @@ __metadata:
languageName: node
linkType: hard
"react-dom@npm:19.1.0":
version: 19.1.0
resolution: "react-dom@npm:19.1.0"
"react-dom@npm:19.1.1":
version: 19.1.1
resolution: "react-dom@npm:19.1.1"
dependencies:
scheduler: "npm:^0.26.0"
peerDependencies:
react: ^19.1.0
checksum: 10/c5b58605862c7b0bb044416b01c73647bb8e89717fb5d7a2c279b11815fb7b49b619fe685c404e59f55eb52c66831236cc565c25ee1c2d042739f4a2cc538aa2
react: ^19.1.1
checksum: 10/9005415d2175b1f1eb4a544ad04afb29691bb7b6dd43bbdaa09932146b310b73bd4552bc772ad78fa481f409eada1560cf887606c83c1a53a922c1e30f1b3a34
languageName: node
linkType: hard
@@ -5610,10 +5610,10 @@ __metadata:
languageName: node
linkType: hard
"react@npm:19.1.0":
version: 19.1.0
resolution: "react@npm:19.1.0"
checksum: 10/d0180689826fd9de87e839c365f6f361c561daea397d61d724687cae88f432a307d1c0f53a0ee95ddbe3352c10dac41d7ff1ad85530fb24951b27a39e5398db4
"react@npm:19.1.1":
version: 19.1.1
resolution: "react@npm:19.1.1"
checksum: 10/9801530fdc939e1a7a499422e930515b2400809cb39c2872984e99f832d233f61659a693871183dac3155c2f9b2c9dcf4440a56bd18983277ae92860e38c3a61
languageName: node
linkType: hard
@@ -5754,7 +5754,7 @@ __metadata:
languageName: node
linkType: hard
"remark-mdx-remove-esm@npm:^1.1.0":
"remark-mdx-remove-esm@npm:^1.2.0":
version: 1.2.0
resolution: "remark-mdx-remove-esm@npm:1.2.0"
dependencies:
@@ -6480,21 +6480,21 @@ __metadata:
languageName: node
linkType: hard
"style-to-js@npm:1.1.16, style-to-js@npm:^1.0.0":
version: 1.1.16
resolution: "style-to-js@npm:1.1.16"
"style-to-js@npm:1.1.17, style-to-js@npm:^1.0.0":
version: 1.1.17
resolution: "style-to-js@npm:1.1.17"
dependencies:
style-to-object: "npm:1.0.8"
checksum: 10/a876cc49a29ac90c7723b4d6f002ac6c1ac5ccc6b5bc963d9c607cfc74b15927b704c9324df6f824f576c65689fe4b4ff79caabcd44a13d8a02641f721f1b316
style-to-object: "npm:1.0.9"
checksum: 10/431f2fca8a55a61939a83ff0f58638e2996621ad93a97cf93f2be5115f411330d4e506ccf18621bd45607ec161546b763bb6961ad08238ad939b6261ff377230
languageName: node
linkType: hard
"style-to-object@npm:1.0.8":
version: 1.0.8
resolution: "style-to-object@npm:1.0.8"
"style-to-object@npm:1.0.9":
version: 1.0.9
resolution: "style-to-object@npm:1.0.9"
dependencies:
inline-style-parser: "npm:0.2.4"
checksum: 10/530b067325e3119bfaf75bdbe25cc86b02b559db00d881a74b98a2d5bb10ac953d1b455ed90c825963cf3b4bdaa1bda45f406d78d987391434b8d8ab3835df4e
checksum: 10/fd0c131a83103fe4025afd8e0fd90c605054d485ad80f2ab402e7afa79f482f4b05fff40b6aa661cb1b835e5c56bb0644dc38cbf9b3d2982fc552435db3dae50
languageName: node
linkType: hard