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.
- package/CHANGELOG.md +50 -0
- package/dist/color-mode/query-param.d.cts +1 -1
- package/dist/color-mode/query-param.d.mts +1 -1
- package/dist/index.cjs +3 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +3 -2
- package/dist/lib/components/Avatar/Avatar.cjs +213 -0
- package/dist/lib/components/Avatar/Avatar.css.cjs +31 -0
- package/dist/lib/components/Avatar/Avatar.css.d.cts +4 -0
- package/dist/lib/components/Avatar/Avatar.css.d.mts +4 -0
- package/dist/lib/components/Avatar/Avatar.css.mjs +29 -0
- package/dist/lib/components/Avatar/Avatar.d.cts +21 -0
- package/dist/lib/components/Avatar/Avatar.d.mts +21 -0
- package/dist/lib/components/Avatar/Avatar.mjs +211 -0
- package/dist/lib/components/Avatar/Avatar.playroom.cjs +14 -0
- package/dist/lib/components/Avatar/Avatar.playroom.d.cts +8 -0
- package/dist/lib/components/Avatar/Avatar.playroom.d.mts +8 -0
- package/dist/lib/components/Avatar/Avatar.playroom.mjs +14 -0
- package/dist/lib/components/Drawer/Drawer.cjs +26 -0
- package/dist/lib/components/Drawer/Drawer.d.cts +15 -4
- package/dist/lib/components/Drawer/Drawer.d.mts +15 -4
- package/dist/lib/components/Drawer/Drawer.mjs +25 -0
- package/dist/lib/components/Heading/Heading.cjs +2 -1
- package/dist/lib/components/Heading/Heading.mjs +3 -2
- package/dist/lib/components/List/List.cjs +16 -16
- package/dist/lib/components/List/List.mjs +16 -16
- package/dist/lib/components/Rating/Rating.cjs +48 -20
- package/dist/lib/components/Rating/Rating.css.cjs +34 -0
- package/dist/lib/components/Rating/Rating.css.mjs +31 -1
- package/dist/lib/components/Rating/Rating.d.cts +11 -2
- package/dist/lib/components/Rating/Rating.d.mts +11 -2
- package/dist/lib/components/Rating/Rating.mjs +50 -22
- package/dist/lib/components/Text/Text.cjs +2 -1
- package/dist/lib/components/Text/Text.mjs +2 -1
- package/dist/lib/components/index.d.cts +2 -1
- package/dist/lib/components/index.d.mts +2 -1
- package/dist/lib/components/private/InlineField/StyledInput.cjs +3 -4
- package/dist/lib/components/private/InlineField/StyledInput.mjs +3 -4
- package/dist/lib/components/private/Modal/Modal.cjs +6 -2
- package/dist/lib/components/private/Modal/Modal.mjs +6 -2
- package/dist/lib/components/private/Modal/ModalContent.cjs +104 -71
- package/dist/lib/components/private/Modal/ModalContent.mjs +104 -71
- package/dist/lib/components/private/Skeleton/Skeleton.cjs +14 -0
- package/dist/lib/components/private/Skeleton/Skeleton.css.cjs +25 -0
- package/dist/lib/components/private/Skeleton/Skeleton.css.mjs +25 -0
- package/dist/lib/components/private/Skeleton/Skeleton.mjs +14 -0
- package/dist/lib/css/atoms/sprinkles.css.d.cts +1 -1
- package/dist/lib/css/atoms/sprinkles.css.d.mts +1 -1
- package/dist/lib/css/typography.css.cjs +12 -0
- package/dist/lib/css/typography.css.mjs +12 -2
- package/dist/lib/playroom/components.cjs +2 -0
- package/dist/lib/playroom/components.d.cts +2 -1
- package/dist/lib/playroom/components.d.mts +2 -1
- package/dist/lib/playroom/components.mjs +2 -1
- package/dist/lib/playroom/snippets/Avatar.cjs +41 -0
- package/dist/lib/playroom/snippets/Avatar.mjs +41 -0
- package/dist/lib/playroom/snippets/CardList.cjs +1 -1
- package/dist/lib/playroom/snippets/CardList.mjs +1 -1
- package/dist/lib/playroom/snippets.cjs +2 -10
- package/dist/lib/playroom/snippets.mjs +94 -102
- package/dist/lib/themes/docs/tokens.cjs +4 -4
- package/dist/lib/themes/docs/tokens.mjs +4 -4
- package/dist/lib/themes/wireframe/tokens.cjs +1 -1
- package/dist/lib/themes/wireframe/tokens.mjs +1 -1
- 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
- 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
- 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
- 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
- package/dist/playroom/components.cjs +2 -0
- package/dist/playroom/components.d.cts +2 -1
- package/dist/playroom/components.d.mts +2 -1
- package/dist/playroom/components.mjs +2 -1
- package/package.json +3 -3
- package/dist/lib/playroom/snippets/DividedList.cjs +0 -8
- package/dist/lib/playroom/snippets/DividedList.mjs +0 -8
- package/dist/lib/playroom/snippets/Form.cjs +0 -12
- package/dist/lib/playroom/snippets/Form.mjs +0 -12
- package/dist/lib/playroom/snippets/SteppedSection.cjs +0 -8
- package/dist/lib/playroom/snippets/SteppedSection.mjs +0 -8
- package/dist/lib/playroom/snippets/TabbedSection.cjs +0 -8
- package/dist/lib/playroom/snippets/TabbedSection.mjs +0 -8
- package/dist/lib/playroom/snippets/TableSection.cjs +0 -8
- 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 };
|