@boostdev/design-system-components 1.2.0 → 1.2.1

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 (126) hide show
  1. package/AGENTS.md +25 -4
  2. package/dist/client.cjs +58 -54
  3. package/dist/client.css +503 -525
  4. package/dist/client.js +58 -54
  5. package/dist/index.cjs +58 -54
  6. package/dist/index.css +503 -525
  7. package/dist/index.js +58 -54
  8. package/dist/web-components/{chunk-6MH5UWUD.js → chunk-2FGATTGT.js} +5 -0
  9. package/dist/web-components/{chunk-5IPHEONG.js → chunk-6I2DBFQ7.js} +1 -0
  10. package/dist/web-components/{chunk-DI46Q2EA.js → chunk-OCODKRVZ.js} +57 -82
  11. package/dist/web-components/index.d.ts +571 -1
  12. package/dist/web-components/index.js +1501 -4
  13. package/dist/web-components/interaction/bds-collapsible.js +1 -1
  14. package/dist/web-components/interaction/bds-drawer.js +1 -1
  15. package/dist/web-components/interaction/form/bds-segmented-control.js +1 -1
  16. package/package.json +1 -1
  17. package/src/components/interaction/Drawer/Drawer.module.css +37 -62
  18. package/src/components/interaction/Drawer/Drawer.tsx +21 -17
  19. package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +8 -4
  20. package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +13 -6
  21. package/src/stories/Introduction.mdx +2 -1
  22. package/src/web-components/index.ts +12 -0
  23. package/src/web-components/interaction/BdsAccordion.mdx +80 -28
  24. package/src/web-components/interaction/BdsAccordion.stories.tsx +67 -58
  25. package/src/web-components/interaction/BdsCollapsible.mdx +93 -23
  26. package/src/web-components/interaction/BdsCollapsible.stories.tsx +29 -48
  27. package/src/web-components/interaction/BdsDialog.mdx +88 -27
  28. package/src/web-components/interaction/BdsDialog.stories.tsx +129 -47
  29. package/src/web-components/interaction/BdsDrawer.mdx +85 -27
  30. package/src/web-components/interaction/BdsDrawer.stories.tsx +161 -31
  31. package/src/web-components/interaction/BdsDropdownMenu.mdx +108 -0
  32. package/src/web-components/interaction/BdsDropdownMenu.stories.tsx +91 -0
  33. package/src/web-components/interaction/BdsSkipLink.mdx +72 -16
  34. package/src/web-components/interaction/BdsSkipLink.stories.tsx +47 -34
  35. package/src/web-components/interaction/BdsTabs.mdx +97 -27
  36. package/src/web-components/interaction/BdsTabs.stories.tsx +69 -55
  37. package/src/web-components/interaction/BdsTooltip.mdx +84 -18
  38. package/src/web-components/interaction/BdsTooltip.stories.tsx +49 -30
  39. package/src/web-components/interaction/bds-collapsible.ts +1 -0
  40. package/src/web-components/interaction/bds-drawer.ts +59 -82
  41. package/src/web-components/interaction/bds-dropdown-menu-item.ts +124 -0
  42. package/src/web-components/interaction/bds-dropdown-menu.spec.ts +102 -0
  43. package/src/web-components/interaction/bds-dropdown-menu.ts +200 -0
  44. package/src/web-components/interaction/form/BdsCheckbox.mdx +57 -20
  45. package/src/web-components/interaction/form/BdsCheckbox.stories.tsx +35 -36
  46. package/src/web-components/interaction/form/BdsCheckboxGroup.mdx +70 -0
  47. package/src/web-components/interaction/form/BdsCheckboxGroup.stories.tsx +81 -0
  48. package/src/web-components/interaction/form/BdsCombobox.mdx +52 -33
  49. package/src/web-components/interaction/form/BdsCombobox.stories.tsx +55 -53
  50. package/src/web-components/interaction/form/BdsFileInput.mdx +59 -24
  51. package/src/web-components/interaction/form/BdsFileInput.stories.tsx +38 -53
  52. package/src/web-components/interaction/form/BdsFormInput.mdx +98 -0
  53. package/src/web-components/interaction/form/BdsFormInput.stories.tsx +139 -0
  54. package/src/web-components/interaction/form/BdsNumberInput.mdx +51 -22
  55. package/src/web-components/interaction/form/BdsNumberInput.stories.tsx +24 -46
  56. package/src/web-components/interaction/form/BdsRadio.mdx +53 -22
  57. package/src/web-components/interaction/form/BdsRadio.stories.tsx +19 -51
  58. package/src/web-components/interaction/form/BdsRadioGroup.mdx +73 -0
  59. package/src/web-components/interaction/form/BdsRadioGroup.stories.tsx +88 -0
  60. package/src/web-components/interaction/form/BdsSegmentedControl.mdx +76 -23
  61. package/src/web-components/interaction/form/BdsSegmentedControl.stories.tsx +64 -54
  62. package/src/web-components/interaction/form/BdsSelect.mdx +59 -21
  63. package/src/web-components/interaction/form/BdsSelect.stories.tsx +47 -56
  64. package/src/web-components/interaction/form/BdsSlider.mdx +55 -27
  65. package/src/web-components/interaction/form/BdsSlider.stories.tsx +23 -44
  66. package/src/web-components/interaction/form/BdsSwitch.mdx +53 -20
  67. package/src/web-components/interaction/form/BdsSwitch.stories.tsx +22 -37
  68. package/src/web-components/interaction/form/BdsTextarea.mdx +54 -22
  69. package/src/web-components/interaction/form/BdsTextarea.stories.tsx +35 -44
  70. package/src/web-components/interaction/form/bds-checkbox-group.spec.ts +55 -0
  71. package/src/web-components/interaction/form/bds-checkbox-group.ts +117 -0
  72. package/src/web-components/interaction/form/bds-form-input.spec.ts +83 -0
  73. package/src/web-components/interaction/form/bds-form-input.ts +268 -0
  74. package/src/web-components/interaction/form/bds-radio-group.spec.ts +62 -0
  75. package/src/web-components/interaction/form/bds-radio-group.ts +142 -0
  76. package/src/web-components/interaction/form/bds-segmented-control.ts +5 -0
  77. package/src/web-components/ui/BdsAvatar.mdx +29 -20
  78. package/src/web-components/ui/BdsAvatar.stories.tsx +14 -28
  79. package/src/web-components/ui/BdsBreadcrumb.mdx +22 -19
  80. package/src/web-components/ui/BdsBreadcrumb.stories.tsx +11 -21
  81. package/src/web-components/ui/BdsButtonGroup.mdx +69 -0
  82. package/src/web-components/ui/BdsButtonGroup.stories.tsx +66 -0
  83. package/src/web-components/ui/BdsCalendar.mdx +93 -0
  84. package/src/web-components/ui/BdsCalendar.stories.tsx +63 -0
  85. package/src/web-components/ui/BdsCard.mdx +30 -25
  86. package/src/web-components/ui/BdsCard.stories.tsx +19 -42
  87. package/src/web-components/ui/BdsCarousel.mdx +83 -0
  88. package/src/web-components/ui/BdsCarousel.stories.tsx +96 -0
  89. package/src/web-components/ui/BdsDescriptionList.mdx +13 -16
  90. package/src/web-components/ui/BdsDescriptionList.stories.tsx +34 -49
  91. package/src/web-components/ui/BdsIconWrapper.mdx +20 -20
  92. package/src/web-components/ui/BdsIconWrapper.stories.tsx +46 -41
  93. package/src/web-components/ui/BdsLink.mdx +21 -17
  94. package/src/web-components/ui/BdsLink.stories.tsx +19 -20
  95. package/src/web-components/ui/BdsLoading.mdx +9 -13
  96. package/src/web-components/ui/BdsLoading.stories.tsx +8 -10
  97. package/src/web-components/ui/BdsNotificationBanner.mdx +32 -37
  98. package/src/web-components/ui/BdsNotificationBanner.stories.tsx +38 -47
  99. package/src/web-components/ui/BdsPagination.mdx +74 -0
  100. package/src/web-components/ui/BdsPagination.stories.tsx +36 -0
  101. package/src/web-components/ui/BdsProgress.mdx +24 -17
  102. package/src/web-components/ui/BdsProgress.stories.tsx +55 -29
  103. package/src/web-components/ui/BdsProgressCircle.mdx +24 -18
  104. package/src/web-components/ui/BdsProgressCircle.stories.tsx +17 -29
  105. package/src/web-components/ui/BdsRating.mdx +22 -22
  106. package/src/web-components/ui/BdsRating.stories.tsx +19 -13
  107. package/src/web-components/ui/BdsSectionHeader.mdx +31 -28
  108. package/src/web-components/ui/BdsSectionHeader.stories.tsx +21 -23
  109. package/src/web-components/ui/BdsSeparator.mdx +22 -8
  110. package/src/web-components/ui/BdsSeparator.stories.tsx +27 -19
  111. package/src/web-components/ui/BdsSkeleton.mdx +20 -26
  112. package/src/web-components/ui/BdsSkeleton.stories.tsx +23 -23
  113. package/src/web-components/ui/BdsTable.mdx +81 -0
  114. package/src/web-components/ui/BdsTable.stories.tsx +83 -0
  115. package/src/web-components/ui/BdsTypography.mdx +20 -29
  116. package/src/web-components/ui/BdsTypography.stories.tsx +19 -18
  117. package/src/web-components/ui/bds-button-group.spec.ts +40 -0
  118. package/src/web-components/ui/bds-button-group.ts +78 -0
  119. package/src/web-components/ui/bds-calendar.spec.ts +91 -0
  120. package/src/web-components/ui/bds-calendar.ts +427 -0
  121. package/src/web-components/ui/bds-carousel.spec.ts +64 -0
  122. package/src/web-components/ui/bds-carousel.ts +296 -0
  123. package/src/web-components/ui/bds-pagination.spec.ts +67 -0
  124. package/src/web-components/ui/bds-pagination.ts +197 -0
  125. package/src/web-components/ui/bds-table.spec.ts +45 -0
  126. package/src/web-components/ui/bds-table.ts +96 -0
package/AGENTS.md CHANGED
@@ -32,12 +32,32 @@ import '@boostdev/components/web-components';
32
32
 
33
33
  ### Web Components (experimental) — `src/web-components/`
34
34
  Custom elements built with Lit. Entry: `src/web-components/index.ts`. Bundled with Lit (no peer dep required).
35
- - **ui/**: `<bds-alert>`, `<bds-badge>`
36
- - **interaction/**: `<bds-button>`, `<bds-popover>`, `<bds-toast-provider>`
37
35
 
38
- Storybook stories live at `src/web-components/{ui,interaction}/Bds*.stories.tsx` (title path `'Web Components/{UI|Interaction}/{Name}'`, tags `['!stable', 'experimental']`). Stories use a thin React wrapper to enable Storybook controls.
36
+ - **ui/**: `<bds-alert>`, `<bds-avatar>`, `<bds-badge>`, `<bds-breadcrumb>`, `<bds-button-group>`, `<bds-calendar>`, `<bds-card>`, `<bds-carousel>`, `<bds-description-list>`, `<bds-icon-wrapper>`, `<bds-link>`, `<bds-loading>`, `<bds-notification-banner>`, `<bds-pagination>`, `<bds-progress>`, `<bds-progress-circle>`, `<bds-rating>`, `<bds-section-header>`, `<bds-separator>`, `<bds-skeleton>`, `<bds-table>`, `<bds-typography>`
37
+ - **interaction/**: `<bds-accordion>`, `<bds-accordion-item>`, `<bds-button>`, `<bds-collapsible>`, `<bds-dialog>`, `<bds-drawer>`, `<bds-dropdown-menu>`, `<bds-dropdown-menu-item>`, `<bds-popover>`, `<bds-skip-link>`, `<bds-tab>`, `<bds-tab-panel>`, `<bds-tabs>`, `<bds-toast-provider>`, `<bds-tooltip>`
38
+ - **interaction/form/**: `<bds-checkbox>`, `<bds-checkbox-group>`, `<bds-combobox>`, `<bds-file-input>`, `<bds-form-input>`, `<bds-number-input>`, `<bds-radio>`, `<bds-radio-group>`, `<bds-segmented-control>`, `<bds-select>`, `<bds-slider>`, `<bds-switch>`, `<bds-textarea>`
39
39
 
40
- MDX docs live at `src/web-components/{ui,interaction}/Bds*.mdx` — one per component.
40
+ **Not ported** (deferred): `Command` — depends on `cmdk` React library internals. Use `<bds-combobox>` as the web component alternative.
41
+
42
+ Storybook stories live at `src/web-components/{ui,interaction,interaction/form}/Bds*.stories.tsx` (title path `'Web Components/{UI|Interaction|Form}/{Name}'`, tags `['!stable', 'experimental']`). Stories use a thin React wrapper to enable Storybook controls.
43
+
44
+ MDX docs live at `src/web-components/{ui,interaction,interaction/form}/Bds*.mdx` — one per component.
45
+
46
+ **Custom events in stories**: React 18 does NOT wire `onBdsClose` (or any `onBds*` prop) as a DOM event listener on custom elements — it sets it as a property, which is a no-op. Always use `addEventListener` via `ref` + `useEffect` to handle custom events from web components:
47
+
48
+ ```tsx
49
+ const ref = React.useRef<HTMLElement>(null);
50
+ React.useEffect(() => {
51
+ const el = ref.current;
52
+ if (!el) return;
53
+ const handler = () => setState(false);
54
+ el.addEventListener('bds-close', handler);
55
+ return () => el.removeEventListener('bds-close', handler);
56
+ }, []);
57
+ // then pass ref={ref} to React.createElement(...)
58
+ ```
59
+
60
+ Also: never define story component functions inside a `render: () => { function Foo() {...} }` arrow — React treats each render as a new component type and unmounts/remounts it. Define them at module scope instead.
41
61
 
42
62
  ### React Native (alpha) — `src/components/**/*.native.tsx`
43
63
  Native implementations co-located with their web counterparts. Metro resolves them automatically.
@@ -202,6 +222,7 @@ References: https://developer.mozilla.org/en-US/docs/Web/Accessibility | https:/
202
222
  - **Backdrop token**: `var(--color_backdrop, rgb(0 0 0 / 50%))` — never hardcode rgba. (`--color_backdrop` is a library hook token, not a foundation token.)
203
223
  - **`bds-popover` Invoker Commands API**: `<button commandfor="<id>" command="--toggle|--open|--close">` declaratively controls the popover. Handled via a `command` event listener on the host (light DOM) in `connectedCallback`/`disconnectedCallback`. Use an arrow-function handler for stable `removeEventListener` reference.
204
224
  - **State guard in open/close methods**: `_open()` and `_close()` on stateful web components must return early if already in the target state, to prevent dispatching redundant events to listeners.
225
+ - **Drawer/Dialog animation**: `<dialog>` is the sliding panel itself — no wrapper div. Slide animation uses `translate` + `@starting-style` only. Do **not** add `@keyframes` — mixing `@keyframes` (open) with `translate` transition (close) causes a stutter. Backdrop uses `opacity: 0` as default with `@starting-style { opacity: 0 }` on `[open]::backdrop` for a smooth fade. `display` and `overlay` discrete transitions must include the easing function before `allow-discrete`.
205
226
 
206
227
  ## Adding new components
207
228
 
package/dist/client.cjs CHANGED
@@ -87,7 +87,7 @@ module.exports = __toCommonJS(client_exports);
87
87
  var import_react = require("react");
88
88
 
89
89
  // src/components/ui/Accordion/Accordion.module.css
90
- var Accordion_default = {"accordion":"bds120Accordion-accordion","item":"bds120Accordion-item","heading":"bds120Accordion-heading","trigger":"bds120Accordion-trigger","triggerLabel":"bds120Accordion-triggerLabel","chevron":"bds120Accordion-chevron","--open":"bds120Accordion---open","panel":"bds120Accordion-panel","panelContent":"bds120Accordion-panelContent"};
90
+ var Accordion_default = {"accordion":"bds121Accordion-accordion","item":"bds121Accordion-item","heading":"bds121Accordion-heading","trigger":"bds121Accordion-trigger","triggerLabel":"bds121Accordion-triggerLabel","chevron":"bds121Accordion-chevron","--open":"bds121Accordion---open","panel":"bds121Accordion-panel","panelContent":"bds121Accordion-panelContent"};
91
91
 
92
92
  // src/components/ui/Accordion/Accordion.tsx
93
93
  var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -155,7 +155,7 @@ function Accordion({
155
155
  }
156
156
 
157
157
  // src/components/ui/Alert/Alert.module.css
158
- var Alert_default = {"alert":"bds120Alert-alert","--variant_info":"bds120Alert---variant_info","--variant_success":"bds120Alert---variant_success","--variant_warning":"bds120Alert---variant_warning","--variant_error":"bds120Alert---variant_error","icon":"bds120Alert-icon","content":"bds120Alert-content","title":"bds120Alert-title","dismiss":"bds120Alert-dismiss"};
158
+ var Alert_default = {"alert":"bds121Alert-alert","--variant_info":"bds121Alert---variant_info","--variant_success":"bds121Alert---variant_success","--variant_warning":"bds121Alert---variant_warning","--variant_error":"bds121Alert---variant_error","icon":"bds121Alert-icon","content":"bds121Alert-content","title":"bds121Alert-title","dismiss":"bds121Alert-dismiss"};
159
159
 
160
160
  // src/components/ui/Alert/Alert.tsx
161
161
  var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -198,7 +198,7 @@ function Alert({
198
198
  }
199
199
 
200
200
  // src/components/ui/Avatar/Avatar.module.css
201
- var Avatar_default = {"avatar":"bds120Avatar-avatar","--fallback":"bds120Avatar---fallback","--size_small":"bds120Avatar---size_small","--size_medium":"bds120Avatar---size_medium","--size_large":"bds120Avatar---size_large","image":"bds120Avatar-image","initials":"bds120Avatar-initials"};
201
+ var Avatar_default = {"avatar":"bds121Avatar-avatar","--fallback":"bds121Avatar---fallback","--size_small":"bds121Avatar---size_small","--size_medium":"bds121Avatar---size_medium","--size_large":"bds121Avatar---size_large","image":"bds121Avatar-image","initials":"bds121Avatar-initials"};
202
202
 
203
203
  // src/components/ui/Avatar/Avatar.tsx
204
204
  var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -224,7 +224,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
224
224
  }
225
225
 
226
226
  // src/components/ui/Badge/Badge.module.css
227
- var Badge_default = {"badge":"bds120Badge-badge","--variant_primary":"bds120Badge---variant_primary","--variant_secondary":"bds120Badge---variant_secondary","--variant_success":"bds120Badge---variant_success","--variant_error":"bds120Badge---variant_error","--variant_warning":"bds120Badge---variant_warning"};
227
+ var Badge_default = {"badge":"bds121Badge-badge","--variant_primary":"bds121Badge---variant_primary","--variant_secondary":"bds121Badge---variant_secondary","--variant_success":"bds121Badge---variant_success","--variant_error":"bds121Badge---variant_error","--variant_warning":"bds121Badge---variant_warning"};
228
228
 
229
229
  // src/components/ui/Badge/Badge.tsx
230
230
  var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -234,7 +234,7 @@ function Badge({ children, variant = "primary", className }) {
234
234
  }
235
235
 
236
236
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
237
- var Breadcrumb_default = {"breadcrumb":"bds120Breadcrumb-breadcrumb","list":"bds120Breadcrumb-list","item":"bds120Breadcrumb-item","link":"bds120Breadcrumb-link","separator":"bds120Breadcrumb-separator","current":"bds120Breadcrumb-current"};
237
+ var Breadcrumb_default = {"breadcrumb":"bds121Breadcrumb-breadcrumb","list":"bds121Breadcrumb-list","item":"bds121Breadcrumb-item","link":"bds121Breadcrumb-link","separator":"bds121Breadcrumb-separator","current":"bds121Breadcrumb-current"};
238
238
 
239
239
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
240
240
  var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -250,7 +250,7 @@ function Breadcrumb({ items, className }) {
250
250
  }
251
251
 
252
252
  // src/components/ui/Collapsible/Collapsible.module.css
253
- var Collapsible_default = {"collapsible":"bds120Collapsible-collapsible","summary":"bds120Collapsible-summary","summaryContent":"bds120Collapsible-summaryContent","icon":"bds120Collapsible-icon","content":"bds120Collapsible-content"};
253
+ var Collapsible_default = {"collapsible":"bds121Collapsible-collapsible","summary":"bds121Collapsible-summary","summaryContent":"bds121Collapsible-summaryContent","icon":"bds121Collapsible-icon","content":"bds121Collapsible-content"};
254
254
 
255
255
  // src/components/ui/Collapsible/Collapsible.tsx
256
256
  var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -291,7 +291,7 @@ function Collapsible({
291
291
  var import_react2 = require("react");
292
292
 
293
293
  // src/components/ui/Calendar/Calendar.module.css
294
- var Calendar_default = {"calendar":"bds120Calendar-calendar","header":"bds120Calendar-header","monthYear":"bds120Calendar-monthYear","navBtn":"bds120Calendar-navBtn","grid":"bds120Calendar-grid","weekday":"bds120Calendar-weekday","empty":"bds120Calendar-empty","day":"bds120Calendar-day","disabled":"bds120Calendar-disabled","selected":"bds120Calendar-selected","today":"bds120Calendar-today"};
294
+ var Calendar_default = {"calendar":"bds121Calendar-calendar","header":"bds121Calendar-header","monthYear":"bds121Calendar-monthYear","navBtn":"bds121Calendar-navBtn","grid":"bds121Calendar-grid","weekday":"bds121Calendar-weekday","empty":"bds121Calendar-empty","day":"bds121Calendar-day","disabled":"bds121Calendar-disabled","selected":"bds121Calendar-selected","today":"bds121Calendar-today"};
295
295
 
296
296
  // src/components/ui/Calendar/Calendar.tsx
297
297
  var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -466,7 +466,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
466
466
  var import_react3 = require("react");
467
467
 
468
468
  // src/components/ui/Carousel/Carousel.module.css
469
- var Carousel_default = {"carousel":"bds120Carousel-carousel","track":"bds120Carousel-track","slide":"bds120Carousel-slide","navBtn":"bds120Carousel-navBtn"};
469
+ var Carousel_default = {"carousel":"bds121Carousel-carousel","track":"bds121Carousel-track","slide":"bds121Carousel-slide","navBtn":"bds121Carousel-navBtn"};
470
470
 
471
471
  // src/components/ui/Carousel/Carousel.tsx
472
472
  var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -519,7 +519,7 @@ function Carousel({ items, label, className }) {
519
519
  }
520
520
 
521
521
  // src/components/ui/DescriptionList/DescriptionList.module.css
522
- var DescriptionList_default = {"list":"bds120DescriptionList-list","group":"bds120DescriptionList-group","term":"bds120DescriptionList-term","details":"bds120DescriptionList-details","--layout_inline":"bds120DescriptionList---layout_inline"};
522
+ var DescriptionList_default = {"list":"bds121DescriptionList-list","group":"bds121DescriptionList-group","term":"bds121DescriptionList-term","details":"bds121DescriptionList-details","--layout_inline":"bds121DescriptionList---layout_inline"};
523
523
 
524
524
  // src/components/ui/DescriptionList/DescriptionList.tsx
525
525
  var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -532,7 +532,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
532
532
  }
533
533
 
534
534
  // src/components/ui/Link/Link.module.css
535
- var Link_default = {"link":"bds120Link-link","--variant_default":"bds120Link---variant_default","--variant_subtle":"bds120Link---variant_subtle","--variant_standalone":"bds120Link---variant_standalone","externalLabel":"bds120Link-externalLabel"};
535
+ var Link_default = {"link":"bds121Link-link","--variant_default":"bds121Link---variant_default","--variant_subtle":"bds121Link---variant_subtle","--variant_standalone":"bds121Link---variant_standalone","externalLabel":"bds121Link-externalLabel"};
536
536
 
537
537
  // src/components/ui/Link/Link.tsx
538
538
  var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -563,7 +563,7 @@ function Link({
563
563
  }
564
564
 
565
565
  // src/components/ui/Loading/Loading.module.css
566
- var Loading_default = {"loading":"bds120Loading-loading","spinner":"bds120Loading-spinner","--size_small":"bds120Loading---size_small","--size_large":"bds120Loading---size_large"};
566
+ var Loading_default = {"loading":"bds121Loading-loading","spinner":"bds121Loading-spinner","--size_small":"bds121Loading---size_small","--size_large":"bds121Loading---size_large"};
567
567
 
568
568
  // src/components/ui/Loading/Loading.tsx
569
569
  var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -573,7 +573,7 @@ function Loading({ size = "medium", className }) {
573
573
  }
574
574
 
575
575
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
576
- var NotificationBanner_default = {"banner":"bds120NotificationBanner-banner","--variant_info":"bds120NotificationBanner---variant_info","--variant_success":"bds120NotificationBanner---variant_success","--variant_warning":"bds120NotificationBanner---variant_warning","--variant_error":"bds120NotificationBanner---variant_error","content":"bds120NotificationBanner-content","action":"bds120NotificationBanner-action","dismiss":"bds120NotificationBanner-dismiss"};
576
+ var NotificationBanner_default = {"banner":"bds121NotificationBanner-banner","--variant_info":"bds121NotificationBanner---variant_info","--variant_success":"bds121NotificationBanner---variant_success","--variant_warning":"bds121NotificationBanner---variant_warning","--variant_error":"bds121NotificationBanner---variant_error","content":"bds121NotificationBanner-content","action":"bds121NotificationBanner-action","dismiss":"bds121NotificationBanner-dismiss"};
577
577
 
578
578
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
579
579
  var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -612,7 +612,7 @@ function NotificationBanner({
612
612
  }
613
613
 
614
614
  // src/components/ui/Pagination/Pagination.module.css
615
- var Pagination_default = {"pagination":"bds120Pagination-pagination","list":"bds120Pagination-list","button":"bds120Pagination-button","--active":"bds120Pagination---active","--nav":"bds120Pagination---nav","ellipsis":"bds120Pagination-ellipsis"};
615
+ var Pagination_default = {"pagination":"bds121Pagination-pagination","list":"bds121Pagination-list","button":"bds121Pagination-button","--active":"bds121Pagination---active","--nav":"bds121Pagination---nav","ellipsis":"bds121Pagination-ellipsis"};
616
616
 
617
617
  // src/components/ui/Pagination/Pagination.tsx
618
618
  var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -676,7 +676,7 @@ function Pagination({
676
676
  }
677
677
 
678
678
  // src/components/ui/Progress/Progress.module.css
679
- var Progress_default = {"container":"bds120Progress-container","labelRow":"bds120Progress-labelRow","value":"bds120Progress-value","track":"bds120Progress-track","--size_small":"bds120Progress---size_small","--size_medium":"bds120Progress---size_medium","--size_large":"bds120Progress---size_large","fill":"bds120Progress-fill"};
679
+ var Progress_default = {"container":"bds121Progress-container","labelRow":"bds121Progress-labelRow","value":"bds121Progress-value","track":"bds121Progress-track","--size_small":"bds121Progress---size_small","--size_medium":"bds121Progress---size_medium","--size_large":"bds121Progress---size_large","fill":"bds121Progress-fill"};
680
680
 
681
681
  // src/components/ui/Progress/Progress.tsx
682
682
  var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -714,7 +714,7 @@ function Progress({
714
714
  }
715
715
 
716
716
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
717
- var ProgressCircle_default = {"wrapper":"bds120ProgressCircle-wrapper","svg":"bds120ProgressCircle-svg","track":"bds120ProgressCircle-track","fill":"bds120ProgressCircle-fill","value":"bds120ProgressCircle-value","--size_small":"bds120ProgressCircle---size_small","--size_medium":"bds120ProgressCircle---size_medium","--size_large":"bds120ProgressCircle---size_large"};
717
+ var ProgressCircle_default = {"wrapper":"bds121ProgressCircle-wrapper","svg":"bds121ProgressCircle-svg","track":"bds121ProgressCircle-track","fill":"bds121ProgressCircle-fill","value":"bds121ProgressCircle-value","--size_small":"bds121ProgressCircle---size_small","--size_medium":"bds121ProgressCircle---size_medium","--size_large":"bds121ProgressCircle---size_large"};
718
718
 
719
719
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
720
720
  var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -793,7 +793,7 @@ function ProgressCircle({
793
793
  }
794
794
 
795
795
  // src/components/ui/Separator/Separator.module.css
796
- var Separator_default = {"separator":"bds120Separator-separator","--horizontal":"bds120Separator---horizontal","--vertical":"bds120Separator---vertical"};
796
+ var Separator_default = {"separator":"bds121Separator-separator","--horizontal":"bds121Separator---horizontal","--vertical":"bds121Separator---vertical"};
797
797
 
798
798
  // src/components/ui/Separator/Separator.tsx
799
799
  var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -816,7 +816,7 @@ function Separator({ orientation = "horizontal", className }) {
816
816
  var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
817
817
 
818
818
  // src/components/ui/Skeleton/Skeleton.module.css
819
- var Skeleton_default = {"skeleton":"bds120Skeleton-skeleton"};
819
+ var Skeleton_default = {"skeleton":"bds121Skeleton-skeleton"};
820
820
 
821
821
  // src/components/ui/Skeleton/Skeleton.tsx
822
822
  var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -825,7 +825,7 @@ function Skeleton({ className }) {
825
825
  }
826
826
 
827
827
  // src/components/ui/SkipLink/SkipLink.module.css
828
- var SkipLink_default = {"skipLink":"bds120SkipLink-skipLink"};
828
+ var SkipLink_default = {"skipLink":"bds121SkipLink-skipLink"};
829
829
 
830
830
  // src/components/ui/SkipLink/SkipLink.tsx
831
831
  var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -835,7 +835,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
835
835
  }
836
836
 
837
837
  // src/components/ui/Table/Table.module.css
838
- var Table_default = {"wrapper":"bds120Table-wrapper","table":"bds120Table-table","caption":"bds120Table-caption","thead":"bds120Table-thead","th":"bds120Table-th","--sortable":"bds120Table---sortable","sortButton":"bds120Table-sortButton","sortIcon":"bds120Table-sortIcon","--sort-active":"bds120Table---sort-active","--sort-desc":"bds120Table---sort-desc","tbody":"bds120Table-tbody","tr":"bds120Table-tr","td":"bds120Table-td"};
838
+ var Table_default = {"wrapper":"bds121Table-wrapper","table":"bds121Table-table","caption":"bds121Table-caption","thead":"bds121Table-thead","th":"bds121Table-th","--sortable":"bds121Table---sortable","sortButton":"bds121Table-sortButton","sortIcon":"bds121Table-sortIcon","--sort-active":"bds121Table---sort-active","--sort-desc":"bds121Table---sort-desc","tbody":"bds121Table-tbody","tr":"bds121Table-tr","td":"bds121Table-td"};
839
839
 
840
840
  // src/components/ui/Table/Table.tsx
841
841
  var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -905,7 +905,7 @@ function Table({
905
905
  var import_react4 = require("react");
906
906
 
907
907
  // src/components/ui/Tabs/Tabs.module.css
908
- var Tabs_default = {"tabs":"bds120Tabs-tabs","tabList":"bds120Tabs-tabList","tab":"bds120Tabs-tab","--active":"bds120Tabs---active","panel":"bds120Tabs-panel"};
908
+ var Tabs_default = {"tabs":"bds121Tabs-tabs","tabList":"bds121Tabs-tabList","tab":"bds121Tabs-tab","--active":"bds121Tabs---active","panel":"bds121Tabs-panel"};
909
909
 
910
910
  // src/components/ui/Tabs/Tabs.tsx
911
911
  var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -985,7 +985,7 @@ function Tabs({ tabs, defaultTab, className }) {
985
985
  var import_react5 = require("react");
986
986
 
987
987
  // src/components/ui/Tooltip/Tooltip.module.css
988
- var Tooltip_default = {"wrapper":"bds120Tooltip-wrapper","tooltip":"bds120Tooltip-tooltip","--placement_top":"bds120Tooltip---placement_top","--placement_bottom":"bds120Tooltip---placement_bottom","--placement_left":"bds120Tooltip---placement_left","--placement_right":"bds120Tooltip---placement_right"};
988
+ var Tooltip_default = {"wrapper":"bds121Tooltip-wrapper","tooltip":"bds121Tooltip-tooltip","--placement_top":"bds121Tooltip---placement_top","--placement_bottom":"bds121Tooltip---placement_bottom","--placement_left":"bds121Tooltip---placement_left","--placement_right":"bds121Tooltip---placement_right"};
989
989
 
990
990
  // src/components/ui/Tooltip/Tooltip.tsx
991
991
  var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1027,7 +1027,7 @@ function Tooltip({
1027
1027
  }
1028
1028
 
1029
1029
  // src/components/ui/Typography/Typography.module.css
1030
- var Typography_default = {"typography":"bds120Typography-typography","--h1":"bds120Typography---h1","--h2":"bds120Typography---h2","--h3":"bds120Typography---h3","--body":"bds120Typography---body","--body_s":"bds120Typography---body_s"};
1030
+ var Typography_default = {"typography":"bds121Typography-typography","--h1":"bds121Typography---h1","--h2":"bds121Typography---h2","--h3":"bds121Typography---h3","--body":"bds121Typography---body","--body_s":"bds121Typography---body_s"};
1031
1031
 
1032
1032
  // src/components/ui/Typography/Typography.tsx
1033
1033
  var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1045,7 +1045,7 @@ function Typography({ variant = "body", component, children, className }) {
1045
1045
  }
1046
1046
 
1047
1047
  // src/components/interaction/Button/Button.module.css
1048
- var Button_default = {"button":"bds120Button-button","--default":"bds120Button---default","--outline":"bds120Button---outline","--ghost":"bds120Button---ghost","--size_small":"bds120Button---size_small","--size_medium":"bds120Button---size_medium","--size_large":"bds120Button---size_large","--hasPulse":"bds120Button---hasPulse","iconStart":"bds120Button-iconStart","iconEnd":"bds120Button-iconEnd"};
1048
+ var Button_default = {"button":"bds121Button-button","--default":"bds121Button---default","--outline":"bds121Button---outline","--ghost":"bds121Button---ghost","--size_small":"bds121Button---size_small","--size_medium":"bds121Button---size_medium","--size_large":"bds121Button---size_large","--hasPulse":"bds121Button---hasPulse","iconStart":"bds121Button-iconStart","iconEnd":"bds121Button-iconEnd"};
1049
1049
 
1050
1050
  // src/components/interaction/Button/Button.tsx
1051
1051
  var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1160,7 +1160,7 @@ function installInvokerCommandsPolyfill() {
1160
1160
  }
1161
1161
 
1162
1162
  // src/components/interaction/Command/Command.module.css
1163
- var Command_default = {"dialog":"bds120Command-dialog","palette":"bds120Command-palette","searchRow":"bds120Command-searchRow","searchIcon":"bds120Command-searchIcon","search":"bds120Command-search","escHint":"bds120Command-escHint","list":"bds120Command-list","groupList":"bds120Command-groupList","group":"bds120Command-group","item":"bds120Command-item","itemActive":"bds120Command-itemActive","itemLabel":"bds120Command-itemLabel","itemDesc":"bds120Command-itemDesc","shortcut":"bds120Command-shortcut","empty":"bds120Command-empty"};
1163
+ var Command_default = {"dialog":"bds121Command-dialog","palette":"bds121Command-palette","searchRow":"bds121Command-searchRow","searchIcon":"bds121Command-searchIcon","search":"bds121Command-search","escHint":"bds121Command-escHint","list":"bds121Command-list","groupList":"bds121Command-groupList","group":"bds121Command-group","item":"bds121Command-item","itemActive":"bds121Command-itemActive","itemLabel":"bds121Command-itemLabel","itemDesc":"bds121Command-itemDesc","shortcut":"bds121Command-shortcut","empty":"bds121Command-empty"};
1164
1164
 
1165
1165
  // src/components/interaction/Command/Command.tsx
1166
1166
  var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1335,7 +1335,7 @@ function Command({
1335
1335
  var import_react7 = require("react");
1336
1336
 
1337
1337
  // src/components/interaction/Dialog/Dialog.module.css
1338
- var Dialog_default = {"dialog":"bds120Dialog-dialog","dialogContent":"bds120Dialog-dialogContent","closeButton":"bds120Dialog-closeButton"};
1338
+ var Dialog_default = {"dialog":"bds121Dialog-dialog","dialogContent":"bds121Dialog-dialogContent","closeButton":"bds121Dialog-closeButton"};
1339
1339
 
1340
1340
  // src/components/interaction/Dialog/Dialog.tsx
1341
1341
  var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1440,7 +1440,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1440
1440
  var import_react8 = require("react");
1441
1441
 
1442
1442
  // src/components/interaction/Drawer/Drawer.module.css
1443
- var Drawer_default = {"drawer":"bds120Drawer-drawer","panel":"bds120Drawer-panel","--side_right":"bds120Drawer---side_right","--side_left":"bds120Drawer---side_left","header":"bds120Drawer-header","closeButton":"bds120Drawer-closeButton","body":"bds120Drawer-body"};
1443
+ var Drawer_default = {"drawer":"bds121Drawer-drawer","--side_left":"bds121Drawer---side_left","header":"bds121Drawer-header","closeButton":"bds121Drawer-closeButton","body":"bds121Drawer-body"};
1444
1444
 
1445
1445
  // src/components/interaction/Drawer/Drawer.tsx
1446
1446
  var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1496,13 +1496,17 @@ function Drawer({
1496
1496
  return () => dialog.removeEventListener("command", handleCommand);
1497
1497
  }, [onOpen, onClose]);
1498
1498
  const handleClick = (e) => {
1499
- if (e.target === dialogRef.current) onClose();
1499
+ const dialog = dialogRef.current;
1500
+ if (!dialog) return;
1501
+ const rect = dialog.getBoundingClientRect();
1502
+ const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
1503
+ if (outside) onClose();
1500
1504
  };
1501
1505
  const handleCancel = (e) => {
1502
1506
  e.preventDefault();
1503
1507
  onClose();
1504
1508
  };
1505
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1509
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
1506
1510
  "dialog",
1507
1511
  {
1508
1512
  ref: dialogRef,
@@ -1512,7 +1516,7 @@ function Drawer({
1512
1516
  "aria-modal": "true",
1513
1517
  onClick: handleClick,
1514
1518
  onCancel: handleCancel,
1515
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.panel, children: [
1519
+ children: [
1516
1520
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.header, children: [
1517
1521
  !!title && title,
1518
1522
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -1528,7 +1532,7 @@ function Drawer({
1528
1532
  )
1529
1533
  ] }),
1530
1534
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Drawer_default.body, children })
1531
- ] })
1535
+ ]
1532
1536
  }
1533
1537
  );
1534
1538
  }
@@ -1537,7 +1541,7 @@ function Drawer({
1537
1541
  var import_react9 = require("react");
1538
1542
 
1539
1543
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1540
- var DropdownMenu_default = {"wrapper":"bds120DropdownMenu-wrapper","menu":"bds120DropdownMenu-menu","--placement_bottom-start":"bds120DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds120DropdownMenu---placement_bottom-end","separator":"bds120DropdownMenu-separator","item":"bds120DropdownMenu-item","icon":"bds120DropdownMenu-icon"};
1544
+ var DropdownMenu_default = {"wrapper":"bds121DropdownMenu-wrapper","menu":"bds121DropdownMenu-menu","--placement_bottom-start":"bds121DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds121DropdownMenu---placement_bottom-end","separator":"bds121DropdownMenu-separator","item":"bds121DropdownMenu-item","icon":"bds121DropdownMenu-icon"};
1541
1545
 
1542
1546
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1543
1547
  var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1650,7 +1654,7 @@ function DropdownMenu({
1650
1654
  var import_react10 = require("react");
1651
1655
 
1652
1656
  // src/components/interaction/Popover/Popover.module.css
1653
- var Popover_default = {"wrapper":"bds120Popover-wrapper","panel":"bds120Popover-panel","g":"bds120Popover-g"};
1657
+ var Popover_default = {"wrapper":"bds121Popover-wrapper","panel":"bds121Popover-panel","g":"bds121Popover-g"};
1654
1658
 
1655
1659
  // src/components/interaction/Popover/Popover.tsx
1656
1660
  var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1734,7 +1738,7 @@ function Popover({
1734
1738
  }
1735
1739
 
1736
1740
  // src/components/interaction/Rating/Rating.module.css
1737
- var Rating_default = {"rating":"bds120Rating-rating","star":"bds120Rating-star","--filled":"bds120Rating---filled"};
1741
+ var Rating_default = {"rating":"bds121Rating-rating","star":"bds121Rating-star","--filled":"bds121Rating---filled"};
1738
1742
 
1739
1743
  // src/components/interaction/Rating/Rating.tsx
1740
1744
  var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1765,7 +1769,7 @@ function Rating({ value, max = 5, className }) {
1765
1769
  var import_react11 = require("react");
1766
1770
 
1767
1771
  // src/components/interaction/Toast/Toast.module.css
1768
- var Toast_default = {"toastContainer":"bds120Toast-toastContainer","toast":"bds120Toast-toast","--variant_success":"bds120Toast---variant_success","--variant_warning":"bds120Toast---variant_warning","--variant_info":"bds120Toast---variant_info","--variant_error":"bds120Toast---variant_error","message":"bds120Toast-message","closeButton":"bds120Toast-closeButton"};
1772
+ var Toast_default = {"toastContainer":"bds121Toast-toastContainer","toast":"bds121Toast-toast","--variant_success":"bds121Toast---variant_success","--variant_warning":"bds121Toast---variant_warning","--variant_info":"bds121Toast---variant_info","--variant_error":"bds121Toast---variant_error","message":"bds121Toast-message","closeButton":"bds121Toast-closeButton"};
1769
1773
 
1770
1774
  // src/components/interaction/Toast/Toast.tsx
1771
1775
  var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1838,10 +1842,10 @@ function useToast() {
1838
1842
  var import_react12 = require("react");
1839
1843
 
1840
1844
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1841
- var Checkbox_default = {"checkboxGroup":"bds120Checkbox-checkboxGroup","inputWrapper":"bds120Checkbox-inputWrapper","checkbox":"bds120Checkbox-checkbox","checkboxError":"bds120Checkbox-checkboxError"};
1845
+ var Checkbox_default = {"checkboxGroup":"bds121Checkbox-checkboxGroup","inputWrapper":"bds121Checkbox-inputWrapper","checkbox":"bds121Checkbox-checkbox","checkboxError":"bds121Checkbox-checkboxError"};
1842
1846
 
1843
1847
  // src/components/interaction/form/atoms/Message.module.css
1844
- var Message_default = {"error":"bds120Message-error","hint":"bds120Message-hint"};
1848
+ var Message_default = {"error":"bds121Message-error","hint":"bds121Message-hint"};
1845
1849
 
1846
1850
  // src/components/interaction/form/atoms/Message.tsx
1847
1851
  var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1852,7 +1856,7 @@ var Message = ({ message, type, inputId, className }) => {
1852
1856
  };
1853
1857
 
1854
1858
  // src/components/interaction/form/atoms/Label.module.css
1855
- var Label_default = {"label":"bds120Label-label"};
1859
+ var Label_default = {"label":"bds121Label-label"};
1856
1860
 
1857
1861
  // src/components/interaction/form/atoms/Label.tsx
1858
1862
  var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1865,7 +1869,7 @@ var Label = ({ label, id, className }) => {
1865
1869
  var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
1866
1870
 
1867
1871
  // src/components/interaction/form/atoms/InputContainer.module.css
1868
- var InputContainer_default = {"container":"bds120InputContainer-container"};
1872
+ var InputContainer_default = {"container":"bds121InputContainer-container"};
1869
1873
 
1870
1874
  // src/components/interaction/form/atoms/InputContainer.tsx
1871
1875
  var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1906,7 +1910,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1906
1910
  var import_react13 = require("react");
1907
1911
 
1908
1912
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1909
- var CheckboxGroup_default = {"group":"bds120CheckboxGroup-group","legend":"bds120CheckboxGroup-legend","required":"bds120CheckboxGroup-required","items":"bds120CheckboxGroup-items"};
1913
+ var CheckboxGroup_default = {"group":"bds121CheckboxGroup-group","legend":"bds121CheckboxGroup-legend","required":"bds121CheckboxGroup-required","items":"bds121CheckboxGroup-items"};
1910
1914
 
1911
1915
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1912
1916
  var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1948,7 +1952,7 @@ function CheckboxGroup({
1948
1952
  var import_react14 = require("react");
1949
1953
 
1950
1954
  // src/components/interaction/form/Combobox/Combobox.module.css
1951
- var Combobox_default = {"formGroup":"bds120Combobox-formGroup","inputWrapper":"bds120Combobox-inputWrapper","input":"bds120Combobox-input","inputError":"bds120Combobox-inputError","chevron":"bds120Combobox-chevron","listbox":"bds120Combobox-listbox","option":"bds120Combobox-option","--highlighted":"bds120Combobox---highlighted","--selected":"bds120Combobox---selected","--disabled":"bds120Combobox---disabled"};
1955
+ var Combobox_default = {"formGroup":"bds121Combobox-formGroup","inputWrapper":"bds121Combobox-inputWrapper","input":"bds121Combobox-input","inputError":"bds121Combobox-inputError","chevron":"bds121Combobox-chevron","listbox":"bds121Combobox-listbox","option":"bds121Combobox-option","--highlighted":"bds121Combobox---highlighted","--selected":"bds121Combobox---selected","--disabled":"bds121Combobox---disabled"};
1952
1956
 
1953
1957
  // src/components/interaction/form/Combobox/Combobox.tsx
1954
1958
  var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2098,7 +2102,7 @@ function Combobox({
2098
2102
  var import_react15 = require("react");
2099
2103
 
2100
2104
  // src/components/interaction/form/FileInput/FileInput.module.css
2101
- var FileInput_default = {"formGroup":"bds120FileInput-formGroup","fieldLabel":"bds120FileInput-fieldLabel","dropZone":"bds120FileInput-dropZone","isDragging":"bds120FileInput-isDragging","hasError":"bds120FileInput-hasError","isDisabled":"bds120FileInput-isDisabled","icon":"bds120FileInput-icon","prompt":"bds120FileInput-prompt","acceptHint":"bds120FileInput-acceptHint","hiddenInput":"bds120FileInput-hiddenInput"};
2105
+ var FileInput_default = {"formGroup":"bds121FileInput-formGroup","fieldLabel":"bds121FileInput-fieldLabel","dropZone":"bds121FileInput-dropZone","isDragging":"bds121FileInput-isDragging","hasError":"bds121FileInput-hasError","isDisabled":"bds121FileInput-isDisabled","icon":"bds121FileInput-icon","prompt":"bds121FileInput-prompt","acceptHint":"bds121FileInput-acceptHint","hiddenInput":"bds121FileInput-hiddenInput"};
2102
2106
 
2103
2107
  // src/components/interaction/form/FileInput/FileInput.tsx
2104
2108
  var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2198,7 +2202,7 @@ function FileInput({
2198
2202
  var import_react16 = require("react");
2199
2203
 
2200
2204
  // src/components/interaction/form/FormInput/FormInput.module.css
2201
- var FormInput_default = {"formGroup":"bds120FormInput-formGroup","input":"bds120FormInput-input","inputError":"bds120FormInput-inputError"};
2205
+ var FormInput_default = {"formGroup":"bds121FormInput-formGroup","input":"bds121FormInput-input","inputError":"bds121FormInput-inputError"};
2202
2206
 
2203
2207
  // src/components/interaction/form/FormInput/FormInput.tsx
2204
2208
  var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2242,7 +2246,7 @@ function FormInput({
2242
2246
  var import_react17 = require("react");
2243
2247
 
2244
2248
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2245
- var NumberInput_default = {"formGroup":"bds120NumberInput-formGroup","inputRow":"bds120NumberInput-inputRow","input":"bds120NumberInput-input","inputError":"bds120NumberInput-inputError","stepper":"bds120NumberInput-stepper"};
2249
+ var NumberInput_default = {"formGroup":"bds121NumberInput-formGroup","inputRow":"bds121NumberInput-inputRow","input":"bds121NumberInput-input","inputError":"bds121NumberInput-inputError","stepper":"bds121NumberInput-stepper"};
2246
2250
 
2247
2251
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2248
2252
  var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2346,7 +2350,7 @@ function NumberInput({
2346
2350
  var import_react18 = require("react");
2347
2351
 
2348
2352
  // src/components/interaction/form/Radio/Radio.module.css
2349
- var Radio_default = {"radioGroup":"bds120Radio-radioGroup","inputWrapper":"bds120Radio-inputWrapper","textWrapper":"bds120Radio-textWrapper","description":"bds120Radio-description","radio":"bds120Radio-radio","radioError":"bds120Radio-radioError"};
2353
+ var Radio_default = {"radioGroup":"bds121Radio-radioGroup","inputWrapper":"bds121Radio-inputWrapper","textWrapper":"bds121Radio-textWrapper","description":"bds121Radio-description","radio":"bds121Radio-radio","radioError":"bds121Radio-radioError"};
2350
2354
 
2351
2355
  // src/components/interaction/form/Radio/Radio.tsx
2352
2356
  var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2384,7 +2388,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2384
2388
  var import_react19 = require("react");
2385
2389
 
2386
2390
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2387
- var RadioGroup_default = {"group":"bds120RadioGroup-group","legend":"bds120RadioGroup-legend","required":"bds120RadioGroup-required","items":"bds120RadioGroup-items"};
2391
+ var RadioGroup_default = {"group":"bds121RadioGroup-group","legend":"bds121RadioGroup-legend","required":"bds121RadioGroup-required","items":"bds121RadioGroup-items"};
2388
2392
 
2389
2393
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2390
2394
  var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2426,7 +2430,7 @@ function RadioGroup({
2426
2430
  var import_react20 = require("react");
2427
2431
 
2428
2432
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2429
- var SegmentedControl_default = {"control":"bds120SegmentedControl-control","thumb":"bds120SegmentedControl-thumb","indicator":"bds120SegmentedControl-indicator","item":"bds120SegmentedControl-item","--active":"bds120SegmentedControl---active","--disabled":"bds120SegmentedControl---disabled","--size_small":"bds120SegmentedControl---size_small","--size_large":"bds120SegmentedControl---size_large","--variant_outline":"bds120SegmentedControl---variant_outline"};
2433
+ var SegmentedControl_default = {"control":"bds121SegmentedControl-control","thumb":"bds121SegmentedControl-thumb","indicator":"bds121SegmentedControl-indicator","item":"bds121SegmentedControl-item","--active":"bds121SegmentedControl---active","--disabled":"bds121SegmentedControl---disabled","--size_small":"bds121SegmentedControl---size_small","--size_large":"bds121SegmentedControl---size_large","--variant_outline":"bds121SegmentedControl---variant_outline"};
2430
2434
 
2431
2435
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2432
2436
  var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2482,7 +2486,7 @@ function SegmentedControl({
2482
2486
  var import_react21 = require("react");
2483
2487
 
2484
2488
  // src/components/interaction/form/Select/Select.module.css
2485
- var Select_default = {"formGroup":"bds120Select-formGroup","selectWrapper":"bds120Select-selectWrapper","select":"bds120Select-select","selectError":"bds120Select-selectError","chevron":"bds120Select-chevron"};
2489
+ var Select_default = {"formGroup":"bds121Select-formGroup","selectWrapper":"bds121Select-selectWrapper","select":"bds121Select-select","selectError":"bds121Select-selectError","chevron":"bds121Select-chevron"};
2486
2490
 
2487
2491
  // src/components/interaction/form/Select/Select.tsx
2488
2492
  var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
@@ -2533,7 +2537,7 @@ function Select({
2533
2537
  var import_react22 = require("react");
2534
2538
 
2535
2539
  // src/components/interaction/form/Slider/Slider.module.css
2536
- var Slider_default = {"formGroup":"bds120Slider-formGroup","labelRow":"bds120Slider-labelRow","value":"bds120Slider-value","slider":"bds120Slider-slider","sliderError":"bds120Slider-sliderError"};
2540
+ var Slider_default = {"formGroup":"bds121Slider-formGroup","labelRow":"bds121Slider-labelRow","value":"bds121Slider-value","slider":"bds121Slider-slider","sliderError":"bds121Slider-sliderError"};
2537
2541
 
2538
2542
  // src/components/interaction/form/Slider/Slider.tsx
2539
2543
  var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2595,7 +2599,7 @@ function Slider({
2595
2599
  var import_react23 = require("react");
2596
2600
 
2597
2601
  // src/components/interaction/form/Switch/Switch.module.css
2598
- var Switch_default = {"switchGroup":"bds120Switch-switchGroup","--size_small":"bds120Switch---size_small","--size_medium":"bds120Switch---size_medium","--size_large":"bds120Switch---size_large","inputWrapper":"bds120Switch-inputWrapper","trackWrapper":"bds120Switch-trackWrapper","switch":"bds120Switch-switch","track":"bds120Switch-track","thumb":"bds120Switch-thumb","switchError":"bds120Switch-switchError"};
2602
+ var Switch_default = {"switchGroup":"bds121Switch-switchGroup","--size_small":"bds121Switch---size_small","--size_medium":"bds121Switch---size_medium","--size_large":"bds121Switch---size_large","inputWrapper":"bds121Switch-inputWrapper","trackWrapper":"bds121Switch-trackWrapper","switch":"bds121Switch-switch","track":"bds121Switch-track","thumb":"bds121Switch-thumb","switchError":"bds121Switch-switchError"};
2599
2603
 
2600
2604
  // src/components/interaction/form/Switch/Switch.tsx
2601
2605
  var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -2643,7 +2647,7 @@ function Switch({
2643
2647
  var import_react24 = require("react");
2644
2648
 
2645
2649
  // src/components/interaction/form/Textarea/Textarea.module.css
2646
- var Textarea_default = {"formGroup":"bds120Textarea-formGroup","textarea":"bds120Textarea-textarea","textareaError":"bds120Textarea-textareaError"};
2650
+ var Textarea_default = {"formGroup":"bds121Textarea-formGroup","textarea":"bds121Textarea-textarea","textareaError":"bds121Textarea-textareaError"};
2647
2651
 
2648
2652
  // src/components/interaction/form/Textarea/Textarea.tsx
2649
2653
  var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -2682,7 +2686,7 @@ function Textarea({
2682
2686
  }
2683
2687
 
2684
2688
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2685
- var ButtonGroup_default = {"buttonGroup":"bds120ButtonGroup-buttonGroup","container":"bds120ButtonGroup-container","--variant_card":"bds120ButtonGroup---variant_card","--variant_flow":"bds120ButtonGroup---variant_flow","--variant_modal":"bds120ButtonGroup---variant_modal","--variant_content":"bds120ButtonGroup---variant_content","--variant_grid":"bds120ButtonGroup---variant_grid"};
2689
+ var ButtonGroup_default = {"buttonGroup":"bds121ButtonGroup-buttonGroup","container":"bds121ButtonGroup-container","--variant_card":"bds121ButtonGroup---variant_card","--variant_flow":"bds121ButtonGroup---variant_flow","--variant_modal":"bds121ButtonGroup---variant_modal","--variant_content":"bds121ButtonGroup---variant_content","--variant_grid":"bds121ButtonGroup---variant_grid"};
2686
2690
 
2687
2691
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2688
2692
  var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
@@ -2700,7 +2704,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
2700
2704
  }
2701
2705
 
2702
2706
  // src/components/layout/Card/Card.module.css
2703
- var Card_default = {"card":"bds120Card-card","--default":"bds120Card---default","--elevated":"bds120Card---elevated","--outlined":"bds120Card---outlined","--clickable":"bds120Card---clickable","--padding-none":"bds120Card---padding-none","--padding-small":"bds120Card---padding-small","--padding-medium":"bds120Card---padding-medium","--padding-large":"bds120Card---padding-large","--text-start":"bds120Card---text-start","--text-center":"bds120Card---text-center","--text-end":"bds120Card---text-end"};
2707
+ var Card_default = {"card":"bds121Card-card","--default":"bds121Card---default","--elevated":"bds121Card---elevated","--outlined":"bds121Card---outlined","--clickable":"bds121Card---clickable","--padding-none":"bds121Card---padding-none","--padding-small":"bds121Card---padding-small","--padding-medium":"bds121Card---padding-medium","--padding-large":"bds121Card---padding-large","--text-start":"bds121Card---text-start","--text-center":"bds121Card---text-center","--text-end":"bds121Card---text-end"};
2704
2708
 
2705
2709
  // src/components/layout/Card/Card.tsx
2706
2710
  var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -2738,7 +2742,7 @@ function Card({
2738
2742
  }
2739
2743
 
2740
2744
  // src/components/layout/SectionHeader/SectionHeader.module.css
2741
- var SectionHeader_default = {"sectionHeader":"bds120SectionHeader-sectionHeader","title":"bds120SectionHeader-title","subtitle":"bds120SectionHeader-subtitle","--start":"bds120SectionHeader---start","--center":"bds120SectionHeader---center","--end":"bds120SectionHeader---end","--small":"bds120SectionHeader---small","--medium":"bds120SectionHeader---medium","--large":"bds120SectionHeader---large"};
2745
+ var SectionHeader_default = {"sectionHeader":"bds121SectionHeader-sectionHeader","title":"bds121SectionHeader-title","subtitle":"bds121SectionHeader-subtitle","--start":"bds121SectionHeader---start","--center":"bds121SectionHeader---center","--end":"bds121SectionHeader---end","--small":"bds121SectionHeader---small","--medium":"bds121SectionHeader---medium","--large":"bds121SectionHeader---large"};
2742
2746
 
2743
2747
  // src/components/layout/SectionHeader/SectionHeader.tsx
2744
2748
  var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
@@ -2759,7 +2763,7 @@ function SectionHeader({
2759
2763
  }
2760
2764
 
2761
2765
  // src/components/layout/IconWrapper/IconWrapper.module.css
2762
- var IconWrapper_default = {"wrapper":"bds120IconWrapper-wrapper"};
2766
+ var IconWrapper_default = {"wrapper":"bds121IconWrapper-wrapper"};
2763
2767
 
2764
2768
  // src/components/layout/IconWrapper/IconWrapper.tsx
2765
2769
  var import_design_system_foundation50 = require("@boostdev/design-system-foundation");