@boostdev/design-system-components 0.1.12 → 0.1.13
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/AGENTS.md +13 -1
- package/README.md +34 -4
- package/dist/client.cjs +46 -46
- package/dist/client.css +415 -410
- package/dist/client.js +46 -46
- package/dist/index.cjs +46 -46
- package/dist/index.css +415 -410
- package/dist/index.js +46 -46
- package/package.json +4 -2
- package/src/components/interaction/Dialog/Dialog.module.css +6 -0
package/AGENTS.md
CHANGED
|
@@ -128,4 +128,16 @@ References: https://developer.mozilla.org/en-US/docs/Web/Accessibility | https:/
|
|
|
128
128
|
4. Use only design token custom properties for colours, spacing, typography
|
|
129
129
|
5. Re-export from the category barrel and from `src/index.ts`
|
|
130
130
|
6. Meet all accessibility requirements listed above
|
|
131
|
-
7. After changes: `pnpm build`, `pnpm typecheck`, `pnpm lint`, `pnpm lint:css`
|
|
131
|
+
7. After changes: `pnpm build`, `pnpm typecheck`, `pnpm lint`, `pnpm lint:css`, `pnpm test`
|
|
132
|
+
|
|
133
|
+
## MCP server
|
|
134
|
+
|
|
135
|
+
A live version of this design system is available as an MCP server at:
|
|
136
|
+
|
|
137
|
+
```
|
|
138
|
+
https://ds.boostdev.nl/api/mcp
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
Connect to it to look up component props and tokens without reading source files. Use
|
|
142
|
+
`ds_get_component` before writing any component code to ensure you have the correct prop names.
|
|
143
|
+
Run `pnpm mcp:start` to start a local instance at `http://localhost:3001/api/mcp`.
|
package/README.md
CHANGED
|
@@ -155,14 +155,16 @@ import { Button } from '@boostdev/components';
|
|
|
155
155
|
```tsx
|
|
156
156
|
import { Dialog } from '@boostdev/components';
|
|
157
157
|
|
|
158
|
-
<Dialog
|
|
158
|
+
<Dialog isOpen={open} onClose={() => setOpen(false)}>
|
|
159
159
|
<h2>Confirm</h2>
|
|
160
160
|
<p>Are you sure?</p>
|
|
161
161
|
</Dialog>
|
|
162
162
|
```
|
|
163
163
|
|
|
164
|
-
Renders a native `<dialog>` element. `
|
|
165
|
-
when the close button is pressed.
|
|
164
|
+
Renders a native `<dialog>` element with a dimmed, blurred backdrop. `isOpen` controls open/close;
|
|
165
|
+
`onClose` is called when the close button is pressed or the backdrop is clicked.
|
|
166
|
+
|
|
167
|
+
Override the backdrop colour via `--dialog_backdrop-color` (default: `rgb(0 0 0 / 50%)`).
|
|
166
168
|
|
|
167
169
|
---
|
|
168
170
|
|
|
@@ -429,7 +431,8 @@ pnpm build # compile to dist/
|
|
|
429
431
|
pnpm typecheck # TypeScript check (library code only)
|
|
430
432
|
pnpm lint # ESLint
|
|
431
433
|
pnpm lint:css # Stylelint
|
|
432
|
-
pnpm test # Vitest —
|
|
434
|
+
pnpm test # Vitest — 304 tests
|
|
435
|
+
pnpm mcp:start # Start the MCP server locally (http://localhost:3001/api/mcp)
|
|
433
436
|
pnpm storybook # Storybook dev server on port 6006
|
|
434
437
|
```
|
|
435
438
|
|
|
@@ -444,6 +447,33 @@ pnpm storybook # Storybook dev server on port 6006
|
|
|
444
447
|
|
|
445
448
|
---
|
|
446
449
|
|
|
450
|
+
## Design system reference (MCP server)
|
|
451
|
+
|
|
452
|
+
A live MCP server exposing this design system's components and tokens is deployed at:
|
|
453
|
+
|
|
454
|
+
```
|
|
455
|
+
https://ds.boostdev.nl/api/mcp
|
|
456
|
+
```
|
|
457
|
+
|
|
458
|
+
AI coding agents can connect to it to look up component props and design tokens without reading
|
|
459
|
+
the source code directly. It exposes five tools:
|
|
460
|
+
|
|
461
|
+
| Tool | Description |
|
|
462
|
+
|---|---|
|
|
463
|
+
| `ds_list_components` | All components grouped by category |
|
|
464
|
+
| `ds_get_component` | Full props interface for a named component |
|
|
465
|
+
| `ds_list_tokens` | Design tokens, filterable by group |
|
|
466
|
+
| `ds_search` | Keyword search across components and tokens |
|
|
467
|
+
| `ds_get_guide` | Returns the `AGENTS.md` usage guide |
|
|
468
|
+
|
|
469
|
+
To run the MCP server locally:
|
|
470
|
+
|
|
471
|
+
```bash
|
|
472
|
+
pnpm mcp:start # listens on http://localhost:3001/api/mcp
|
|
473
|
+
```
|
|
474
|
+
|
|
475
|
+
---
|
|
476
|
+
|
|
447
477
|
## Publishing a new version
|
|
448
478
|
|
|
449
479
|
```bash
|
package/dist/client.cjs
CHANGED
|
@@ -73,7 +73,7 @@ module.exports = __toCommonJS(client_exports);
|
|
|
73
73
|
var import_react = require("react");
|
|
74
74
|
|
|
75
75
|
// src/components/ui/Accordion/Accordion.module.css
|
|
76
|
-
var Accordion_default = {"accordion":"
|
|
76
|
+
var Accordion_default = {"accordion":"bds0113Accordion-accordion","item":"bds0113Accordion-item","heading":"bds0113Accordion-heading","trigger":"bds0113Accordion-trigger","triggerLabel":"bds0113Accordion-triggerLabel","chevron":"bds0113Accordion-chevron","--open":"bds0113Accordion---open","panel":"bds0113Accordion-panel","panelContent":"bds0113Accordion-panelContent"};
|
|
77
77
|
|
|
78
78
|
// src/components/ui/Accordion/Accordion.tsx
|
|
79
79
|
var import_design_system_foundation = require("@boostdev/design-system-foundation");
|
|
@@ -141,7 +141,7 @@ function Accordion({
|
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
// src/components/ui/Alert/Alert.module.css
|
|
144
|
-
var Alert_default = {"alert":"
|
|
144
|
+
var Alert_default = {"alert":"bds0113Alert-alert","--variant_info":"bds0113Alert---variant_info","--variant_success":"bds0113Alert---variant_success","--variant_warning":"bds0113Alert---variant_warning","--variant_error":"bds0113Alert---variant_error","icon":"bds0113Alert-icon","content":"bds0113Alert-content","title":"bds0113Alert-title","dismiss":"bds0113Alert-dismiss"};
|
|
145
145
|
|
|
146
146
|
// src/components/ui/Alert/Alert.tsx
|
|
147
147
|
var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
|
|
@@ -184,7 +184,7 @@ function Alert({
|
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
// src/components/ui/Avatar/Avatar.module.css
|
|
187
|
-
var Avatar_default = {"avatar":"
|
|
187
|
+
var Avatar_default = {"avatar":"bds0113Avatar-avatar","--fallback":"bds0113Avatar---fallback","--size_small":"bds0113Avatar---size_small","--size_medium":"bds0113Avatar---size_medium","--size_large":"bds0113Avatar---size_large","image":"bds0113Avatar-image","initials":"bds0113Avatar-initials"};
|
|
188
188
|
|
|
189
189
|
// src/components/ui/Avatar/Avatar.tsx
|
|
190
190
|
var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
|
|
@@ -210,7 +210,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
// src/components/ui/Badge/Badge.module.css
|
|
213
|
-
var Badge_default = {"badge":"
|
|
213
|
+
var Badge_default = {"badge":"bds0113Badge-badge","--variant_primary":"bds0113Badge---variant_primary","--variant_secondary":"bds0113Badge---variant_secondary","--variant_success":"bds0113Badge---variant_success","--variant_error":"bds0113Badge---variant_error","--variant_warning":"bds0113Badge---variant_warning"};
|
|
214
214
|
|
|
215
215
|
// src/components/ui/Badge/Badge.tsx
|
|
216
216
|
var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
|
|
@@ -220,7 +220,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
223
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
223
|
+
var Breadcrumb_default = {"breadcrumb":"bds0113Breadcrumb-breadcrumb","list":"bds0113Breadcrumb-list","item":"bds0113Breadcrumb-item","link":"bds0113Breadcrumb-link","separator":"bds0113Breadcrumb-separator","current":"bds0113Breadcrumb-current"};
|
|
224
224
|
|
|
225
225
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
226
226
|
var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
|
|
@@ -239,7 +239,7 @@ function Breadcrumb({ items, className }) {
|
|
|
239
239
|
var import_react2 = require("react");
|
|
240
240
|
|
|
241
241
|
// src/components/ui/Calendar/Calendar.module.css
|
|
242
|
-
var Calendar_default = {"calendar":"
|
|
242
|
+
var Calendar_default = {"calendar":"bds0113Calendar-calendar","header":"bds0113Calendar-header","monthYear":"bds0113Calendar-monthYear","navBtn":"bds0113Calendar-navBtn","grid":"bds0113Calendar-grid","weekday":"bds0113Calendar-weekday","empty":"bds0113Calendar-empty","day":"bds0113Calendar-day","disabled":"bds0113Calendar-disabled","selected":"bds0113Calendar-selected","today":"bds0113Calendar-today"};
|
|
243
243
|
|
|
244
244
|
// src/components/ui/Calendar/Calendar.tsx
|
|
245
245
|
var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
|
|
@@ -405,7 +405,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
405
405
|
var import_react3 = require("react");
|
|
406
406
|
|
|
407
407
|
// src/components/ui/Carousel/Carousel.module.css
|
|
408
|
-
var Carousel_default = {"carousel":"
|
|
408
|
+
var Carousel_default = {"carousel":"bds0113Carousel-carousel","track":"bds0113Carousel-track","slide":"bds0113Carousel-slide","navBtn":"bds0113Carousel-navBtn"};
|
|
409
409
|
|
|
410
410
|
// src/components/ui/Carousel/Carousel.tsx
|
|
411
411
|
var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
|
|
@@ -458,7 +458,7 @@ function Carousel({ items, label, className }) {
|
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
461
|
-
var DescriptionList_default = {"list":"
|
|
461
|
+
var DescriptionList_default = {"list":"bds0113DescriptionList-list","group":"bds0113DescriptionList-group","term":"bds0113DescriptionList-term","details":"bds0113DescriptionList-details","--layout_inline":"bds0113DescriptionList---layout_inline"};
|
|
462
462
|
|
|
463
463
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
464
464
|
var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
|
|
@@ -471,7 +471,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
471
471
|
}
|
|
472
472
|
|
|
473
473
|
// src/components/ui/Link/Link.module.css
|
|
474
|
-
var Link_default = {"link":"
|
|
474
|
+
var Link_default = {"link":"bds0113Link-link","--variant_default":"bds0113Link---variant_default","--variant_subtle":"bds0113Link---variant_subtle","--variant_standalone":"bds0113Link---variant_standalone","externalLabel":"bds0113Link-externalLabel"};
|
|
475
475
|
|
|
476
476
|
// src/components/ui/Link/Link.tsx
|
|
477
477
|
var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
|
|
@@ -502,7 +502,7 @@ function Link({
|
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
// src/components/ui/Loading/Loading.module.css
|
|
505
|
-
var Loading_default = {"loading":"
|
|
505
|
+
var Loading_default = {"loading":"bds0113Loading-loading","spinner":"bds0113Loading-spinner","--size_small":"bds0113Loading---size_small","--size_large":"bds0113Loading---size_large"};
|
|
506
506
|
|
|
507
507
|
// src/components/ui/Loading/Loading.tsx
|
|
508
508
|
var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
|
|
@@ -512,7 +512,7 @@ function Loading({ size = "medium", className }) {
|
|
|
512
512
|
}
|
|
513
513
|
|
|
514
514
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
515
|
-
var NotificationBanner_default = {"banner":"
|
|
515
|
+
var NotificationBanner_default = {"banner":"bds0113NotificationBanner-banner","--variant_info":"bds0113NotificationBanner---variant_info","--variant_success":"bds0113NotificationBanner---variant_success","--variant_warning":"bds0113NotificationBanner---variant_warning","--variant_error":"bds0113NotificationBanner---variant_error","content":"bds0113NotificationBanner-content","action":"bds0113NotificationBanner-action","dismiss":"bds0113NotificationBanner-dismiss"};
|
|
516
516
|
|
|
517
517
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
518
518
|
var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
|
|
@@ -551,7 +551,7 @@ function NotificationBanner({
|
|
|
551
551
|
}
|
|
552
552
|
|
|
553
553
|
// src/components/ui/Pagination/Pagination.module.css
|
|
554
|
-
var Pagination_default = {"pagination":"
|
|
554
|
+
var Pagination_default = {"pagination":"bds0113Pagination-pagination","list":"bds0113Pagination-list","button":"bds0113Pagination-button","--active":"bds0113Pagination---active","--nav":"bds0113Pagination---nav","ellipsis":"bds0113Pagination-ellipsis"};
|
|
555
555
|
|
|
556
556
|
// src/components/ui/Pagination/Pagination.tsx
|
|
557
557
|
var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
|
|
@@ -615,7 +615,7 @@ function Pagination({
|
|
|
615
615
|
}
|
|
616
616
|
|
|
617
617
|
// src/components/ui/Progress/Progress.module.css
|
|
618
|
-
var Progress_default = {"container":"
|
|
618
|
+
var Progress_default = {"container":"bds0113Progress-container","labelRow":"bds0113Progress-labelRow","label":"bds0113Progress-label","value":"bds0113Progress-value","track":"bds0113Progress-track","--size_small":"bds0113Progress---size_small","--size_medium":"bds0113Progress---size_medium","--size_large":"bds0113Progress---size_large","fill":"bds0113Progress-fill"};
|
|
619
619
|
|
|
620
620
|
// src/components/ui/Progress/Progress.tsx
|
|
621
621
|
var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
|
|
@@ -653,7 +653,7 @@ function Progress({
|
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
656
|
-
var ProgressCircle_default = {"wrapper":"
|
|
656
|
+
var ProgressCircle_default = {"wrapper":"bds0113ProgressCircle-wrapper","svg":"bds0113ProgressCircle-svg","track":"bds0113ProgressCircle-track","fill":"bds0113ProgressCircle-fill","value":"bds0113ProgressCircle-value","--size_small":"bds0113ProgressCircle---size_small","--size_medium":"bds0113ProgressCircle---size_medium","--size_large":"bds0113ProgressCircle---size_large"};
|
|
657
657
|
|
|
658
658
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
659
659
|
var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
|
|
@@ -732,7 +732,7 @@ function ProgressCircle({
|
|
|
732
732
|
}
|
|
733
733
|
|
|
734
734
|
// src/components/ui/Separator/Separator.module.css
|
|
735
|
-
var Separator_default = {"separator":"
|
|
735
|
+
var Separator_default = {"separator":"bds0113Separator-separator","--horizontal":"bds0113Separator---horizontal","--vertical":"bds0113Separator---vertical"};
|
|
736
736
|
|
|
737
737
|
// src/components/ui/Separator/Separator.tsx
|
|
738
738
|
var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
|
|
@@ -755,7 +755,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
755
755
|
var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
|
|
756
756
|
|
|
757
757
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
758
|
-
var Skeleton_default = {"skeleton":"
|
|
758
|
+
var Skeleton_default = {"skeleton":"bds0113Skeleton-skeleton"};
|
|
759
759
|
|
|
760
760
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
761
761
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
@@ -764,7 +764,7 @@ function Skeleton({ className }) {
|
|
|
764
764
|
}
|
|
765
765
|
|
|
766
766
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
767
|
-
var SkipLink_default = {"skipLink":"
|
|
767
|
+
var SkipLink_default = {"skipLink":"bds0113SkipLink-skipLink"};
|
|
768
768
|
|
|
769
769
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
770
770
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -773,7 +773,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
|
|
|
773
773
|
}
|
|
774
774
|
|
|
775
775
|
// src/components/ui/Table/Table.module.css
|
|
776
|
-
var Table_default = {"wrapper":"
|
|
776
|
+
var Table_default = {"wrapper":"bds0113Table-wrapper","table":"bds0113Table-table","caption":"bds0113Table-caption","thead":"bds0113Table-thead","th":"bds0113Table-th","--sortable":"bds0113Table---sortable","sortButton":"bds0113Table-sortButton","sortIcon":"bds0113Table-sortIcon","--sort-active":"bds0113Table---sort-active","--sort-desc":"bds0113Table---sort-desc","tbody":"bds0113Table-tbody","tr":"bds0113Table-tr","td":"bds0113Table-td"};
|
|
777
777
|
|
|
778
778
|
// src/components/ui/Table/Table.tsx
|
|
779
779
|
var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
|
|
@@ -842,7 +842,7 @@ function Table({
|
|
|
842
842
|
var import_react4 = require("react");
|
|
843
843
|
|
|
844
844
|
// src/components/ui/Tabs/Tabs.module.css
|
|
845
|
-
var Tabs_default = {"tabs":"
|
|
845
|
+
var Tabs_default = {"tabs":"bds0113Tabs-tabs","tabList":"bds0113Tabs-tabList","tab":"bds0113Tabs-tab","--active":"bds0113Tabs---active","panel":"bds0113Tabs-panel"};
|
|
846
846
|
|
|
847
847
|
// src/components/ui/Tabs/Tabs.tsx
|
|
848
848
|
var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
|
|
@@ -923,7 +923,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
923
923
|
var import_react5 = require("react");
|
|
924
924
|
|
|
925
925
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
926
|
-
var Tooltip_default = {"wrapper":"
|
|
926
|
+
var Tooltip_default = {"wrapper":"bds0113Tooltip-wrapper","tooltip":"bds0113Tooltip-tooltip","--placement_top":"bds0113Tooltip---placement_top","--placement_bottom":"bds0113Tooltip---placement_bottom","--placement_left":"bds0113Tooltip---placement_left","--placement_right":"bds0113Tooltip---placement_right"};
|
|
927
927
|
|
|
928
928
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
929
929
|
var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
|
|
@@ -953,7 +953,7 @@ function Tooltip({
|
|
|
953
953
|
}
|
|
954
954
|
|
|
955
955
|
// src/components/ui/Typography/Typography.module.css
|
|
956
|
-
var Typography_default = {"typography":"
|
|
956
|
+
var Typography_default = {"typography":"bds0113Typography-typography","--h1":"bds0113Typography---h1","--h2":"bds0113Typography---h2","--h3":"bds0113Typography---h3","--body":"bds0113Typography---body","--body_s":"bds0113Typography---body_s"};
|
|
957
957
|
|
|
958
958
|
// src/components/ui/Typography/Typography.tsx
|
|
959
959
|
var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
|
|
@@ -971,7 +971,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
// src/components/interaction/Button/Button.module.css
|
|
974
|
-
var Button_default = {"button":"
|
|
974
|
+
var Button_default = {"button":"bds0113Button-button","--primary":"bds0113Button---primary","--secondary":"bds0113Button---secondary","--size_small":"bds0113Button---size_small","--size_medium":"bds0113Button---size_medium","--size_large":"bds0113Button---size_large","--hasPulse":"bds0113Button---hasPulse","prefix":"bds0113Button-prefix","suffix":"bds0113Button-suffix"};
|
|
975
975
|
|
|
976
976
|
// src/components/interaction/Button/Button.tsx
|
|
977
977
|
var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
|
|
@@ -1047,7 +1047,7 @@ function Button({
|
|
|
1047
1047
|
var import_react6 = require("react");
|
|
1048
1048
|
|
|
1049
1049
|
// src/components/interaction/Command/Command.module.css
|
|
1050
|
-
var Command_default = {"dialog":"
|
|
1050
|
+
var Command_default = {"dialog":"bds0113Command-dialog","palette":"bds0113Command-palette","searchRow":"bds0113Command-searchRow","searchIcon":"bds0113Command-searchIcon","search":"bds0113Command-search","escHint":"bds0113Command-escHint","list":"bds0113Command-list","groupList":"bds0113Command-groupList","group":"bds0113Command-group","item":"bds0113Command-item","itemActive":"bds0113Command-itemActive","itemLabel":"bds0113Command-itemLabel","itemDesc":"bds0113Command-itemDesc","shortcut":"bds0113Command-shortcut","empty":"bds0113Command-empty"};
|
|
1051
1051
|
|
|
1052
1052
|
// src/components/interaction/Command/Command.tsx
|
|
1053
1053
|
var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
|
|
@@ -1186,7 +1186,7 @@ function Command({
|
|
|
1186
1186
|
var import_react7 = require("react");
|
|
1187
1187
|
|
|
1188
1188
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1189
|
-
var Dialog_default = {"dialog":"
|
|
1189
|
+
var Dialog_default = {"dialog":"bds0113Dialog-dialog","dialogContent":"bds0113Dialog-dialogContent","closeForm":"bds0113Dialog-closeForm","closeButton":"bds0113Dialog-closeButton"};
|
|
1190
1190
|
|
|
1191
1191
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1192
1192
|
var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
|
|
@@ -1242,7 +1242,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
|
|
|
1242
1242
|
var import_react8 = require("react");
|
|
1243
1243
|
|
|
1244
1244
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1245
|
-
var Drawer_default = {"drawer":"
|
|
1245
|
+
var Drawer_default = {"drawer":"bds0113Drawer-drawer","panel":"bds0113Drawer-panel","--side_right":"bds0113Drawer---side_right","--side_left":"bds0113Drawer---side_left","header":"bds0113Drawer-header","title":"bds0113Drawer-title","closeButton":"bds0113Drawer-closeButton","body":"bds0113Drawer-body"};
|
|
1246
1246
|
|
|
1247
1247
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1248
1248
|
var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
|
|
@@ -1304,7 +1304,7 @@ function Drawer({
|
|
|
1304
1304
|
var import_react9 = require("react");
|
|
1305
1305
|
|
|
1306
1306
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1307
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1307
|
+
var DropdownMenu_default = {"wrapper":"bds0113DropdownMenu-wrapper","menu":"bds0113DropdownMenu-menu","--placement_bottom-start":"bds0113DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0113DropdownMenu---placement_bottom-end","separator":"bds0113DropdownMenu-separator","item":"bds0113DropdownMenu-item","icon":"bds0113DropdownMenu-icon"};
|
|
1308
1308
|
|
|
1309
1309
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1310
1310
|
var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
|
|
@@ -1417,7 +1417,7 @@ function DropdownMenu({
|
|
|
1417
1417
|
var import_react10 = require("react");
|
|
1418
1418
|
|
|
1419
1419
|
// src/components/interaction/Popover/Popover.module.css
|
|
1420
|
-
var Popover_default = {"wrapper":"
|
|
1420
|
+
var Popover_default = {"wrapper":"bds0113Popover-wrapper","panel":"bds0113Popover-panel","--placement_bottom":"bds0113Popover---placement_bottom","--placement_top":"bds0113Popover---placement_top","--placement_right":"bds0113Popover---placement_right","--placement_left":"bds0113Popover---placement_left"};
|
|
1421
1421
|
|
|
1422
1422
|
// src/components/interaction/Popover/Popover.tsx
|
|
1423
1423
|
var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
|
|
@@ -1473,7 +1473,7 @@ function Popover({
|
|
|
1473
1473
|
}
|
|
1474
1474
|
|
|
1475
1475
|
// src/components/interaction/Rating/Rating.module.css
|
|
1476
|
-
var Rating_default = {"rating":"
|
|
1476
|
+
var Rating_default = {"rating":"bds0113Rating-rating","star":"bds0113Rating-star","--filled":"bds0113Rating---filled"};
|
|
1477
1477
|
|
|
1478
1478
|
// src/components/interaction/Rating/Rating.tsx
|
|
1479
1479
|
var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
|
|
@@ -1504,7 +1504,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1504
1504
|
var import_react11 = require("react");
|
|
1505
1505
|
|
|
1506
1506
|
// src/components/interaction/Toast/Toast.module.css
|
|
1507
|
-
var Toast_default = {"toastContainer":"
|
|
1507
|
+
var Toast_default = {"toastContainer":"bds0113Toast-toastContainer","toast":"bds0113Toast-toast","message":"bds0113Toast-message","closeButton":"bds0113Toast-closeButton"};
|
|
1508
1508
|
|
|
1509
1509
|
// src/components/interaction/Toast/Toast.tsx
|
|
1510
1510
|
var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
|
|
@@ -1554,10 +1554,10 @@ function useToast() {
|
|
|
1554
1554
|
var import_react12 = require("react");
|
|
1555
1555
|
|
|
1556
1556
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1557
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1557
|
+
var Checkbox_default = {"checkboxGroup":"bds0113Checkbox-checkboxGroup","inputWrapper":"bds0113Checkbox-inputWrapper","checkbox":"bds0113Checkbox-checkbox","checkboxError":"bds0113Checkbox-checkboxError"};
|
|
1558
1558
|
|
|
1559
1559
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1560
|
-
var Message_default = {"error":"
|
|
1560
|
+
var Message_default = {"error":"bds0113Message-error","hint":"bds0113Message-hint"};
|
|
1561
1561
|
|
|
1562
1562
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1563
1563
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
@@ -1567,7 +1567,7 @@ var Message = ({ message, type, inputId }) => {
|
|
|
1567
1567
|
};
|
|
1568
1568
|
|
|
1569
1569
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1570
|
-
var Label_default = {"label":"
|
|
1570
|
+
var Label_default = {"label":"bds0113Label-label"};
|
|
1571
1571
|
|
|
1572
1572
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1573
1573
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
@@ -1579,7 +1579,7 @@ var Label = ({ label, id }) => {
|
|
|
1579
1579
|
var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
|
|
1580
1580
|
|
|
1581
1581
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1582
|
-
var InputContainer_default = {"container":"
|
|
1582
|
+
var InputContainer_default = {"container":"bds0113InputContainer-container"};
|
|
1583
1583
|
|
|
1584
1584
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1585
1585
|
var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
|
|
@@ -1620,7 +1620,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1620
1620
|
var import_react13 = require("react");
|
|
1621
1621
|
|
|
1622
1622
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1623
|
-
var Combobox_default = {"formGroup":"
|
|
1623
|
+
var Combobox_default = {"formGroup":"bds0113Combobox-formGroup","inputWrapper":"bds0113Combobox-inputWrapper","input":"bds0113Combobox-input","inputError":"bds0113Combobox-inputError","chevron":"bds0113Combobox-chevron","listbox":"bds0113Combobox-listbox","option":"bds0113Combobox-option","--highlighted":"bds0113Combobox---highlighted","--selected":"bds0113Combobox---selected","--disabled":"bds0113Combobox---disabled"};
|
|
1624
1624
|
|
|
1625
1625
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1626
1626
|
var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
|
|
@@ -1771,7 +1771,7 @@ function Combobox({
|
|
|
1771
1771
|
var import_react14 = require("react");
|
|
1772
1772
|
|
|
1773
1773
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
1774
|
-
var FileInput_default = {"formGroup":"
|
|
1774
|
+
var FileInput_default = {"formGroup":"bds0113FileInput-formGroup","dropZone":"bds0113FileInput-dropZone","isDragging":"bds0113FileInput-isDragging","hasError":"bds0113FileInput-hasError","isDisabled":"bds0113FileInput-isDisabled","icon":"bds0113FileInput-icon","prompt":"bds0113FileInput-prompt","acceptHint":"bds0113FileInput-acceptHint","hiddenInput":"bds0113FileInput-hiddenInput"};
|
|
1775
1775
|
|
|
1776
1776
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
1777
1777
|
var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
|
|
@@ -1868,7 +1868,7 @@ function FileInput({
|
|
|
1868
1868
|
var import_react15 = require("react");
|
|
1869
1869
|
|
|
1870
1870
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
1871
|
-
var FormInput_default = {"formGroup":"
|
|
1871
|
+
var FormInput_default = {"formGroup":"bds0113FormInput-formGroup","input":"bds0113FormInput-input","inputError":"bds0113FormInput-inputError"};
|
|
1872
1872
|
|
|
1873
1873
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
1874
1874
|
var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
|
|
@@ -1909,7 +1909,7 @@ function FormInput({
|
|
|
1909
1909
|
var import_react16 = require("react");
|
|
1910
1910
|
|
|
1911
1911
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
1912
|
-
var NumberInput_default = {"formGroup":"
|
|
1912
|
+
var NumberInput_default = {"formGroup":"bds0113NumberInput-formGroup","inputRow":"bds0113NumberInput-inputRow","input":"bds0113NumberInput-input","inputError":"bds0113NumberInput-inputError","stepper":"bds0113NumberInput-stepper"};
|
|
1913
1913
|
|
|
1914
1914
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
1915
1915
|
var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
|
|
@@ -2004,7 +2004,7 @@ function NumberInput({
|
|
|
2004
2004
|
var import_react17 = require("react");
|
|
2005
2005
|
|
|
2006
2006
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2007
|
-
var Radio_default = {"radioGroup":"
|
|
2007
|
+
var Radio_default = {"radioGroup":"bds0113Radio-radioGroup","inputWrapper":"bds0113Radio-inputWrapper","radio":"bds0113Radio-radio","radioError":"bds0113Radio-radioError"};
|
|
2008
2008
|
|
|
2009
2009
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2010
2010
|
var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
|
|
@@ -2039,7 +2039,7 @@ function Radio({ label, name, error, hint, className, ...props }) {
|
|
|
2039
2039
|
var import_react18 = require("react");
|
|
2040
2040
|
|
|
2041
2041
|
// src/components/interaction/form/Select/Select.module.css
|
|
2042
|
-
var Select_default = {"formGroup":"
|
|
2042
|
+
var Select_default = {"formGroup":"bds0113Select-formGroup","selectWrapper":"bds0113Select-selectWrapper","select":"bds0113Select-select","selectError":"bds0113Select-selectError","chevron":"bds0113Select-chevron"};
|
|
2043
2043
|
|
|
2044
2044
|
// src/components/interaction/form/Select/Select.tsx
|
|
2045
2045
|
var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
|
|
@@ -2087,7 +2087,7 @@ function Select({
|
|
|
2087
2087
|
var import_react19 = require("react");
|
|
2088
2088
|
|
|
2089
2089
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2090
|
-
var Slider_default = {"formGroup":"
|
|
2090
|
+
var Slider_default = {"formGroup":"bds0113Slider-formGroup","labelRow":"bds0113Slider-labelRow","value":"bds0113Slider-value","slider":"bds0113Slider-slider","sliderError":"bds0113Slider-sliderError"};
|
|
2091
2091
|
|
|
2092
2092
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2093
2093
|
var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
|
|
@@ -2148,7 +2148,7 @@ function Slider({
|
|
|
2148
2148
|
var import_react20 = require("react");
|
|
2149
2149
|
|
|
2150
2150
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2151
|
-
var Switch_default = {"switchGroup":"
|
|
2151
|
+
var Switch_default = {"switchGroup":"bds0113Switch-switchGroup","--size_small":"bds0113Switch---size_small","--size_medium":"bds0113Switch---size_medium","--size_large":"bds0113Switch---size_large","inputWrapper":"bds0113Switch-inputWrapper","trackWrapper":"bds0113Switch-trackWrapper","switch":"bds0113Switch-switch","track":"bds0113Switch-track","thumb":"bds0113Switch-thumb","switchError":"bds0113Switch-switchError"};
|
|
2152
2152
|
|
|
2153
2153
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2154
2154
|
var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
|
|
@@ -2194,7 +2194,7 @@ function Switch({
|
|
|
2194
2194
|
var import_react21 = require("react");
|
|
2195
2195
|
|
|
2196
2196
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2197
|
-
var Textarea_default = {"formGroup":"
|
|
2197
|
+
var Textarea_default = {"formGroup":"bds0113Textarea-formGroup","textarea":"bds0113Textarea-textarea","textareaError":"bds0113Textarea-textareaError"};
|
|
2198
2198
|
|
|
2199
2199
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2200
2200
|
var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
|
|
@@ -2230,7 +2230,7 @@ function Textarea({
|
|
|
2230
2230
|
}
|
|
2231
2231
|
|
|
2232
2232
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2233
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2233
|
+
var ButtonGroup_default = {"buttonGroup":"bds0113ButtonGroup-buttonGroup","container":"bds0113ButtonGroup-container","--variant__card":"bds0113ButtonGroup---variant__card","--variant__flow":"bds0113ButtonGroup---variant__flow","--variant__modal":"bds0113ButtonGroup---variant__modal","--variant__content":"bds0113ButtonGroup---variant__content","--variant__grid":"bds0113ButtonGroup---variant__grid"};
|
|
2234
2234
|
|
|
2235
2235
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2236
2236
|
var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
|
|
@@ -2240,7 +2240,7 @@ function ButtonGroup({ children, className, variant }) {
|
|
|
2240
2240
|
}
|
|
2241
2241
|
|
|
2242
2242
|
// src/components/layout/Card/Card.module.css
|
|
2243
|
-
var Card_default = {"card":"
|
|
2243
|
+
var Card_default = {"card":"bds0113Card-card","--default":"bds0113Card---default","--elevated":"bds0113Card---elevated","--outlined":"bds0113Card---outlined","--clickable":"bds0113Card---clickable","--padding-none":"bds0113Card---padding-none","--padding-small":"bds0113Card---padding-small","--padding-medium":"bds0113Card---padding-medium","--padding-large":"bds0113Card---padding-large","--text-start":"bds0113Card---text-start","--text-center":"bds0113Card---text-center","--text-end":"bds0113Card---text-end"};
|
|
2244
2244
|
|
|
2245
2245
|
// src/components/layout/Card/Card.tsx
|
|
2246
2246
|
var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
|
|
@@ -2278,7 +2278,7 @@ function Card({
|
|
|
2278
2278
|
}
|
|
2279
2279
|
|
|
2280
2280
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2281
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2281
|
+
var SectionHeader_default = {"sectionHeader":"bds0113SectionHeader-sectionHeader","title":"bds0113SectionHeader-title","subtitle":"bds0113SectionHeader-subtitle","--start":"bds0113SectionHeader---start","--center":"bds0113SectionHeader---center","--end":"bds0113SectionHeader---end","--small":"bds0113SectionHeader---small","--medium":"bds0113SectionHeader---medium","--large":"bds0113SectionHeader---large"};
|
|
2282
2282
|
|
|
2283
2283
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2284
2284
|
var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
|
|
@@ -2299,7 +2299,7 @@ function SectionHeader({
|
|
|
2299
2299
|
}
|
|
2300
2300
|
|
|
2301
2301
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2302
|
-
var IconWrapper_default = {"wrapper":"
|
|
2302
|
+
var IconWrapper_default = {"wrapper":"bds0113IconWrapper-wrapper"};
|
|
2303
2303
|
|
|
2304
2304
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2305
2305
|
var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
|