braid-design-system 34.8.2 → 34.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/dist/color-mode/query-param.d.cts +1 -1
  3. package/dist/color-mode/query-param.d.mts +1 -1
  4. package/dist/index.cjs +3 -1
  5. package/dist/index.d.cts +2 -1
  6. package/dist/index.d.mts +2 -1
  7. package/dist/index.mjs +3 -2
  8. package/dist/lib/components/Avatar/Avatar.cjs +213 -0
  9. package/dist/lib/components/Avatar/Avatar.css.cjs +31 -0
  10. package/dist/lib/components/Avatar/Avatar.css.d.cts +4 -0
  11. package/dist/lib/components/Avatar/Avatar.css.d.mts +4 -0
  12. package/dist/lib/components/Avatar/Avatar.css.mjs +29 -0
  13. package/dist/lib/components/Avatar/Avatar.d.cts +21 -0
  14. package/dist/lib/components/Avatar/Avatar.d.mts +21 -0
  15. package/dist/lib/components/Avatar/Avatar.mjs +211 -0
  16. package/dist/lib/components/Avatar/Avatar.playroom.cjs +14 -0
  17. package/dist/lib/components/Avatar/Avatar.playroom.d.cts +8 -0
  18. package/dist/lib/components/Avatar/Avatar.playroom.d.mts +8 -0
  19. package/dist/lib/components/Avatar/Avatar.playroom.mjs +14 -0
  20. package/dist/lib/components/Drawer/Drawer.cjs +26 -0
  21. package/dist/lib/components/Drawer/Drawer.d.cts +15 -4
  22. package/dist/lib/components/Drawer/Drawer.d.mts +15 -4
  23. package/dist/lib/components/Drawer/Drawer.mjs +25 -0
  24. package/dist/lib/components/Heading/Heading.cjs +2 -1
  25. package/dist/lib/components/Heading/Heading.mjs +3 -2
  26. package/dist/lib/components/List/List.cjs +16 -16
  27. package/dist/lib/components/List/List.mjs +16 -16
  28. package/dist/lib/components/Rating/Rating.cjs +48 -20
  29. package/dist/lib/components/Rating/Rating.css.cjs +34 -0
  30. package/dist/lib/components/Rating/Rating.css.mjs +31 -1
  31. package/dist/lib/components/Rating/Rating.d.cts +11 -2
  32. package/dist/lib/components/Rating/Rating.d.mts +11 -2
  33. package/dist/lib/components/Rating/Rating.mjs +50 -22
  34. package/dist/lib/components/Text/Text.cjs +2 -1
  35. package/dist/lib/components/Text/Text.mjs +2 -1
  36. package/dist/lib/components/index.d.cts +2 -1
  37. package/dist/lib/components/index.d.mts +2 -1
  38. package/dist/lib/components/private/InlineField/StyledInput.cjs +3 -4
  39. package/dist/lib/components/private/InlineField/StyledInput.mjs +3 -4
  40. package/dist/lib/components/private/Modal/Modal.cjs +6 -2
  41. package/dist/lib/components/private/Modal/Modal.mjs +6 -2
  42. package/dist/lib/components/private/Modal/ModalContent.cjs +104 -71
  43. package/dist/lib/components/private/Modal/ModalContent.mjs +104 -71
  44. package/dist/lib/components/private/Skeleton/Skeleton.cjs +14 -0
  45. package/dist/lib/components/private/Skeleton/Skeleton.css.cjs +25 -0
  46. package/dist/lib/components/private/Skeleton/Skeleton.css.mjs +25 -0
  47. package/dist/lib/components/private/Skeleton/Skeleton.mjs +14 -0
  48. package/dist/lib/css/atoms/sprinkles.css.d.cts +1 -1
  49. package/dist/lib/css/atoms/sprinkles.css.d.mts +1 -1
  50. package/dist/lib/css/typography.css.cjs +12 -0
  51. package/dist/lib/css/typography.css.mjs +12 -2
  52. package/dist/lib/playroom/components.cjs +2 -0
  53. package/dist/lib/playroom/components.d.cts +2 -1
  54. package/dist/lib/playroom/components.d.mts +2 -1
  55. package/dist/lib/playroom/components.mjs +2 -1
  56. package/dist/lib/playroom/snippets/Avatar.cjs +41 -0
  57. package/dist/lib/playroom/snippets/Avatar.mjs +41 -0
  58. package/dist/lib/playroom/snippets/CardList.cjs +1 -1
  59. package/dist/lib/playroom/snippets/CardList.mjs +1 -1
  60. package/dist/lib/playroom/snippets.cjs +2 -10
  61. package/dist/lib/playroom/snippets.mjs +94 -102
  62. package/dist/lib/themes/docs/tokens.cjs +4 -4
  63. package/dist/lib/themes/docs/tokens.mjs +4 -4
  64. package/dist/lib/themes/wireframe/tokens.cjs +1 -1
  65. package/dist/lib/themes/wireframe/tokens.mjs +1 -1
  66. package/dist/node_modules/.pnpm/{@capsizecss_metrics@4.2.0 → @capsizecss_metrics@4.3.0}/node_modules/@capsizecss/metrics/entireMetricsCollection/appleSystem/index.cjs +1 -1
  67. package/dist/node_modules/.pnpm/{@capsizecss_metrics@4.2.0 → @capsizecss_metrics@4.3.0}/node_modules/@capsizecss/metrics/entireMetricsCollection/appleSystem/index.mjs +1 -1
  68. package/dist/node_modules/.pnpm/{@capsizecss_metrics@4.2.0 → @capsizecss_metrics@4.3.0}/node_modules/@capsizecss/metrics/entireMetricsCollection/courierNew/index.cjs +1 -1
  69. package/dist/node_modules/.pnpm/{@capsizecss_metrics@4.2.0 → @capsizecss_metrics@4.3.0}/node_modules/@capsizecss/metrics/entireMetricsCollection/courierNew/index.mjs +1 -1
  70. package/dist/playroom/components.cjs +2 -0
  71. package/dist/playroom/components.d.cts +2 -1
  72. package/dist/playroom/components.d.mts +2 -1
  73. package/dist/playroom/components.mjs +2 -1
  74. package/package.json +3 -3
  75. package/dist/lib/playroom/snippets/DividedList.cjs +0 -8
  76. package/dist/lib/playroom/snippets/DividedList.mjs +0 -8
  77. package/dist/lib/playroom/snippets/Form.cjs +0 -12
  78. package/dist/lib/playroom/snippets/Form.mjs +0 -12
  79. package/dist/lib/playroom/snippets/SteppedSection.cjs +0 -8
  80. package/dist/lib/playroom/snippets/SteppedSection.mjs +0 -8
  81. package/dist/lib/playroom/snippets/TabbedSection.cjs +0 -8
  82. package/dist/lib/playroom/snippets/TabbedSection.mjs +0 -8
  83. package/dist/lib/playroom/snippets/TableSection.cjs +0 -8
  84. package/dist/lib/playroom/snippets/TableSection.mjs +0 -8
@@ -1,8 +0,0 @@
1
- //#region src/lib/playroom/snippets/TabbedSection.ts
2
- const snippets = [{
3
- group: "Sections",
4
- name: "Tabbed Section",
5
- code: "<PageBlock width=\"medium\">\n <TabsProvider>\n <Stack space=\"large\">\n <Tabs divider=\"none\" label=\"Tabs Block\">\n <Tab>Tab 1</Tab>\n <Tab>Tab 2</Tab>\n <Tab>Tab 3</Tab>\n </Tabs>\n\n <TabPanels>\n <TabPanel>\n <Placeholder label=\"Tab 1 content\" height={500} />\n </TabPanel>\n <TabPanel>\n <Placeholder label=\"Tab 2 content\" height={300} />\n </TabPanel>\n <TabPanel>\n <Placeholder label=\"Tab 3 content\" height={400} />\n </TabPanel>\n </TabPanels>\n </Stack>\n </TabsProvider>\n</PageBlock>"
6
- }];
7
- //#endregion
8
- export { snippets };
@@ -1,8 +0,0 @@
1
- //#region src/lib/playroom/snippets/TableSection.ts
2
- const snippets = [{
3
- group: "Sections",
4
- name: "Table Section",
5
- code: "<PageBlock width=\"medium\">\n <Stack space=\"medium\">\n <Heading level=\"3\">Heading (optional)</Heading>\n\n <Table label=\"Table Block\">\n <TableHeader>\n <TableRow>\n <TableHeaderCell width=\"content\">\n <Text>Status</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 1</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 2</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 3</Text>\n </TableHeaderCell>\n <TableHeaderCell width=\"content\" align=\"right\">\n <Text>Actions</Text>\n </TableHeaderCell>\n </TableRow>\n </TableHeader>\n <TableBody>\n {[\n {\n status: \"Lorem\",\n data1: \"Sit\",\n data2: \"Amet\",\n data3: \"Consectetur\",\n },\n {\n status: \"Ipsum\",\n data1: \"Adipiscing\",\n data2: \"Elit\",\n data3: \"Praesent\",\n },\n {\n status: \"Dolor\",\n data1: \"Semper\",\n data2: \"Interdum\",\n data3: \"Viverra\",\n },\n ].map((row) => (\n <TableRow key={row.data1}>\n <TableCell width=\"content\">\n <Badge>{row.status}</Badge>\n </TableCell>\n <TableCell>\n <Text>{row.data1}</Text>\n </TableCell>\n <TableCell>\n <Text>{row.data2}</Text>\n </TableCell>\n <TableCell>\n <Text>{row.data3}</Text>\n </TableCell>\n <TableCell width=\"content\" align=\"right\">\n <OverflowMenu size=\"small\" label=\"Options\">\n <MenuItem>Option 1</MenuItem>\n <MenuItem>Option 2</MenuItem>\n </OverflowMenu>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </Stack>\n</PageBlock>"
6
- }];
7
- //#endregion
8
- exports.snippets = snippets;
@@ -1,8 +0,0 @@
1
- //#region src/lib/playroom/snippets/TableSection.ts
2
- const snippets = [{
3
- group: "Sections",
4
- name: "Table Section",
5
- code: "<PageBlock width=\"medium\">\n <Stack space=\"medium\">\n <Heading level=\"3\">Heading (optional)</Heading>\n\n <Table label=\"Table Block\">\n <TableHeader>\n <TableRow>\n <TableHeaderCell width=\"content\">\n <Text>Status</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 1</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 2</Text>\n </TableHeaderCell>\n <TableHeaderCell>\n <Text>Data 3</Text>\n </TableHeaderCell>\n <TableHeaderCell width=\"content\" align=\"right\">\n <Text>Actions</Text>\n </TableHeaderCell>\n </TableRow>\n </TableHeader>\n <TableBody>\n {[\n {\n status: \"Lorem\",\n data1: \"Sit\",\n data2: \"Amet\",\n data3: \"Consectetur\",\n },\n {\n status: \"Ipsum\",\n data1: \"Adipiscing\",\n data2: \"Elit\",\n data3: \"Praesent\",\n },\n {\n status: \"Dolor\",\n data1: \"Semper\",\n data2: \"Interdum\",\n data3: \"Viverra\",\n },\n ].map((row) => (\n <TableRow key={row.data1}>\n <TableCell width=\"content\">\n <Badge>{row.status}</Badge>\n </TableCell>\n <TableCell>\n <Text>{row.data1}</Text>\n </TableCell>\n <TableCell>\n <Text>{row.data2}</Text>\n </TableCell>\n <TableCell>\n <Text>{row.data3}</Text>\n </TableCell>\n <TableCell width=\"content\" align=\"right\">\n <OverflowMenu size=\"small\" label=\"Options\">\n <MenuItem>Option 1</MenuItem>\n <MenuItem>Option 2</MenuItem>\n </OverflowMenu>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </Stack>\n</PageBlock>"
6
- }];
7
- //#endregion
8
- export { snippets };