@boostdev/design-system-components 1.1.2 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +13 -10
- package/dist/client.cjs +77 -99
- package/dist/client.css +611 -580
- package/dist/client.d.cts +13 -16
- package/dist/client.d.ts +13 -16
- package/dist/client.js +87 -109
- package/dist/index.cjs +77 -99
- package/dist/index.css +611 -580
- package/dist/index.d.cts +13 -16
- package/dist/index.d.ts +13 -16
- package/dist/index.js +87 -109
- package/dist/native/index.cjs +9 -8
- package/dist/native/index.d.cts +1 -1
- package/dist/native/index.d.ts +1 -1
- package/dist/native/index.js +9 -8
- package/dist/web-components/{chunk-O4UFI2RX.js → chunk-3REOIRDW.js} +13 -11
- package/dist/web-components/{chunk-K5CE6HSB.js → chunk-6MH5UWUD.js} +74 -17
- package/dist/web-components/{chunk-VM3YHGQ2.js → chunk-AJSXNDAP.js} +1 -2
- package/dist/web-components/{chunk-LSC4N56Q.js → chunk-BX3IPVOB.js} +1 -2
- package/dist/web-components/{chunk-CJ5ZOO42.js → chunk-DI46Q2EA.js} +50 -1
- package/dist/web-components/{chunk-CAPI25CU.js → chunk-DZRSJGPB.js} +3 -3
- package/dist/web-components/{chunk-VSS5ITNE.js → chunk-EBJM3VD4.js} +1 -3
- package/dist/web-components/{chunk-O7I63SQX.js → chunk-HHHRF2PS.js} +6 -12
- package/dist/web-components/{chunk-OTX4COSV.js → chunk-JUKB3BUP.js} +3 -4
- package/dist/web-components/{chunk-IQGLIQSO.js → chunk-N6IMUOY4.js} +2 -5
- package/dist/web-components/{chunk-QDRH46TF.js → chunk-QLZ2362S.js} +1 -3
- package/dist/web-components/{chunk-IK3PTFZ4.js → chunk-T6AETZRP.js} +1 -3
- package/dist/web-components/{chunk-4BX6AWXX.js → chunk-X3FKVHLK.js} +2 -4
- package/dist/web-components/{chunk-A67LCT7C.js → chunk-XNA6WTXG.js} +3 -4
- package/dist/web-components/{chunk-XIENXR7H.js → chunk-YRXCVKHV.js} +1 -3
- package/dist/web-components/{chunk-6T3RKUKG.js → chunk-ZTC6GRP7.js} +1 -2
- package/dist/web-components/globals.js +1 -1
- package/dist/web-components/index.js +16 -16
- package/dist/web-components/interaction/bds-accordion.js +1 -1
- package/dist/web-components/interaction/bds-button.d.ts +2 -2
- package/dist/web-components/interaction/bds-button.js +1 -1
- package/dist/web-components/interaction/bds-dialog.js +1 -1
- package/dist/web-components/interaction/bds-drawer.js +1 -1
- package/dist/web-components/interaction/form/bds-checkbox.js +1 -1
- package/dist/web-components/interaction/form/bds-combobox.js +1 -1
- package/dist/web-components/interaction/form/bds-number-input.js +1 -1
- package/dist/web-components/interaction/form/bds-radio.js +1 -1
- package/dist/web-components/interaction/form/bds-segmented-control.d.ts +20 -3
- package/dist/web-components/interaction/form/bds-segmented-control.js +1 -1
- package/dist/web-components/interaction/form/bds-select.js +1 -1
- package/dist/web-components/interaction/form/bds-switch.js +1 -1
- package/dist/web-components/interaction/form/bds-textarea.js +1 -1
- package/dist/web-components/ui/bds-alert.js +1 -1
- package/dist/web-components/ui/bds-card.js +1 -1
- package/dist/web-components/ui/bds-notification-banner.js +1 -1
- package/package.json +2 -2
- package/src/components/interaction/Button/Button.module.css +12 -11
- package/src/components/interaction/Button/Button.native.tsx +10 -9
- package/src/components/interaction/Button/Button.tsx +1 -1
- package/src/components/interaction/Command/Command.module.css +3 -7
- package/src/components/interaction/Dialog/Dialog.module.css +7 -5
- package/src/components/interaction/Drawer/Drawer.module.css +49 -1
- package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +1 -3
- package/src/components/interaction/Popover/Popover.module.css +1 -3
- package/src/components/interaction/form/Checkbox/Checkbox.module.css +1 -3
- package/src/components/interaction/form/Combobox/Combobox.module.css +2 -6
- package/src/components/interaction/form/FormInput/FormInput.module.css +1 -3
- package/src/components/interaction/form/NumberInput/NumberInput.module.css +16 -4
- package/src/components/interaction/form/Radio/Radio.module.css +6 -16
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +70 -25
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +55 -33
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.spec.tsx +127 -56
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.stories.tsx +89 -72
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.tsx +40 -62
- package/src/components/interaction/form/SegmentedControl/index.ts +1 -1
- package/src/components/interaction/form/Select/Select.module.css +2 -4
- package/src/components/interaction/form/Switch/Switch.module.css +5 -7
- package/src/components/interaction/form/Switch/Switch.native.spec.tsx +9 -9
- package/src/components/interaction/form/Switch/Switch.native.tsx +2 -2
- package/src/components/interaction/form/Textarea/Textarea.module.css +1 -3
- package/src/components/interaction/form/atoms/InputContainer.stories.tsx +64 -0
- package/src/components/interaction/form/atoms/Label.stories.tsx +33 -0
- package/src/components/interaction/form/atoms/Message.stories.tsx +33 -0
- package/src/components/layout/Card/Card.module.css +1 -3
- package/src/components/ui/Accordion/Accordion.module.css +1 -2
- package/src/components/ui/Alert/Alert.module.css +1 -2
- package/src/components/ui/Calendar/Calendar.module.css +2 -5
- package/src/components/ui/Carousel/Carousel.module.css +1 -3
- package/src/components/ui/NotificationBanner/NotificationBanner.module.css +1 -2
- package/src/components/ui/Pagination/Pagination.module.css +1 -2
- package/src/components/ui/SkipLink/SkipLink.module.css +1 -2
- package/src/components/ui/Table/Table.module.css +1 -2
- package/src/css/bdc.css +16 -11
- package/src/index.ts +1 -1
- package/src/web-components/globals.ts +3 -3
- package/src/web-components/interaction/BdsAccordion.mdx +51 -0
- package/src/web-components/interaction/BdsAccordion.stories.tsx +85 -0
- package/src/web-components/interaction/BdsCollapsible.mdx +46 -0
- package/src/web-components/interaction/BdsCollapsible.stories.tsx +87 -0
- package/src/web-components/interaction/BdsDialog.mdx +49 -0
- package/src/web-components/interaction/BdsDialog.stories.tsx +75 -0
- package/src/web-components/interaction/BdsDrawer.mdx +50 -0
- package/src/web-components/interaction/BdsDrawer.stories.tsx +66 -0
- package/src/web-components/interaction/BdsSkipLink.mdx +34 -0
- package/src/web-components/interaction/BdsSkipLink.stories.tsx +55 -0
- package/src/web-components/interaction/BdsTabs.mdx +47 -0
- package/src/web-components/interaction/BdsTabs.stories.tsx +80 -0
- package/src/web-components/interaction/BdsTooltip.mdx +38 -0
- package/src/web-components/interaction/BdsTooltip.stories.tsx +68 -0
- package/src/web-components/interaction/bds-accordion.ts +1 -2
- package/src/web-components/interaction/bds-button.ts +15 -13
- package/src/web-components/interaction/bds-dialog.ts +2 -5
- package/src/web-components/interaction/bds-drawer.ts +50 -1
- package/src/web-components/interaction/form/BdsCheckbox.mdx +39 -0
- package/src/web-components/interaction/form/BdsCheckbox.stories.tsx +73 -0
- package/src/web-components/interaction/form/BdsCombobox.mdx +52 -0
- package/src/web-components/interaction/form/BdsCombobox.stories.tsx +91 -0
- package/src/web-components/interaction/form/BdsFileInput.mdx +44 -0
- package/src/web-components/interaction/form/BdsFileInput.stories.tsx +84 -0
- package/src/web-components/interaction/form/BdsNumberInput.mdx +41 -0
- package/src/web-components/interaction/form/BdsNumberInput.stories.tsx +90 -0
- package/src/web-components/interaction/form/BdsRadio.mdx +41 -0
- package/src/web-components/interaction/form/BdsRadio.stories.tsx +90 -0
- package/src/web-components/interaction/form/BdsSegmentedControl.mdx +42 -0
- package/src/web-components/interaction/form/BdsSegmentedControl.stories.tsx +92 -0
- package/src/web-components/interaction/form/BdsSelect.mdx +38 -0
- package/src/web-components/interaction/form/BdsSelect.stories.tsx +93 -0
- package/src/web-components/interaction/form/BdsSlider.mdx +49 -0
- package/src/web-components/interaction/form/BdsSlider.stories.tsx +89 -0
- package/src/web-components/interaction/form/BdsSwitch.mdx +39 -0
- package/src/web-components/interaction/form/BdsSwitch.stories.tsx +73 -0
- package/src/web-components/interaction/form/BdsTextarea.mdx +41 -0
- package/src/web-components/interaction/form/BdsTextarea.stories.tsx +79 -0
- package/src/web-components/interaction/form/bds-checkbox.ts +1 -3
- package/src/web-components/interaction/form/bds-combobox.ts +1 -3
- package/src/web-components/interaction/form/bds-number-input.ts +3 -4
- package/src/web-components/interaction/form/bds-radio.ts +6 -12
- package/src/web-components/interaction/form/bds-segmented-control.ts +91 -20
- package/src/web-components/interaction/form/bds-select.ts +2 -4
- package/src/web-components/interaction/form/bds-switch.ts +3 -4
- package/src/web-components/interaction/form/bds-textarea.ts +1 -3
- package/src/web-components/ui/BdsAvatar.mdx +67 -0
- package/src/web-components/ui/BdsAvatar.stories.tsx +62 -0
- package/src/web-components/ui/BdsBreadcrumb.mdx +63 -0
- package/src/web-components/ui/BdsBreadcrumb.stories.tsx +59 -0
- package/src/web-components/ui/BdsCard.mdx +83 -0
- package/src/web-components/ui/BdsCard.stories.tsx +90 -0
- package/src/web-components/ui/BdsDescriptionList.mdx +67 -0
- package/src/web-components/ui/BdsDescriptionList.stories.tsx +79 -0
- package/src/web-components/ui/BdsIconWrapper.mdx +70 -0
- package/src/web-components/ui/BdsIconWrapper.stories.tsx +76 -0
- package/src/web-components/ui/BdsLink.mdx +75 -0
- package/src/web-components/ui/BdsLink.stories.tsx +64 -0
- package/src/web-components/ui/BdsLoading.mdx +62 -0
- package/src/web-components/ui/BdsLoading.stories.tsx +37 -0
- package/src/web-components/ui/BdsNotificationBanner.mdx +90 -0
- package/src/web-components/ui/BdsNotificationBanner.stories.tsx +93 -0
- package/src/web-components/ui/BdsProgress.mdx +63 -0
- package/src/web-components/ui/BdsProgress.stories.tsx +70 -0
- package/src/web-components/ui/BdsProgressCircle.mdx +64 -0
- package/src/web-components/ui/BdsProgressCircle.stories.tsx +69 -0
- package/src/web-components/ui/BdsRating.mdx +61 -0
- package/src/web-components/ui/BdsRating.stories.tsx +39 -0
- package/src/web-components/ui/BdsSectionHeader.mdx +69 -0
- package/src/web-components/ui/BdsSectionHeader.stories.tsx +56 -0
- package/src/web-components/ui/BdsSeparator.mdx +63 -0
- package/src/web-components/ui/BdsSeparator.stories.tsx +47 -0
- package/src/web-components/ui/BdsSkeleton.mdx +67 -0
- package/src/web-components/ui/BdsSkeleton.stories.tsx +50 -0
- package/src/web-components/ui/BdsTypography.mdx +83 -0
- package/src/web-components/ui/BdsTypography.stories.tsx +51 -0
- package/src/web-components/ui/bds-alert.ts +1 -2
- package/src/web-components/ui/bds-card.ts +1 -3
- package/src/web-components/ui/bds-notification-banner.ts +1 -2
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { useId, useState } from "react";
|
|
3
3
|
|
|
4
4
|
// src/components/ui/Accordion/Accordion.module.css
|
|
5
|
-
var Accordion_default = {"accordion":"
|
|
5
|
+
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"};
|
|
6
6
|
|
|
7
7
|
// src/components/ui/Accordion/Accordion.tsx
|
|
8
8
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -70,7 +70,7 @@ function Accordion({
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
// src/components/ui/Alert/Alert.module.css
|
|
73
|
-
var Alert_default = {"alert":"
|
|
73
|
+
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"};
|
|
74
74
|
|
|
75
75
|
// src/components/ui/Alert/Alert.tsx
|
|
76
76
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
@@ -113,7 +113,7 @@ function Alert({
|
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
// src/components/ui/Avatar/Avatar.module.css
|
|
116
|
-
var Avatar_default = {"avatar":"
|
|
116
|
+
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"};
|
|
117
117
|
|
|
118
118
|
// src/components/ui/Avatar/Avatar.tsx
|
|
119
119
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
// src/components/ui/Badge/Badge.module.css
|
|
142
|
-
var Badge_default = {"badge":"
|
|
142
|
+
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"};
|
|
143
143
|
|
|
144
144
|
// src/components/ui/Badge/Badge.tsx
|
|
145
145
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
152
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
152
|
+
var Breadcrumb_default = {"breadcrumb":"bds120Breadcrumb-breadcrumb","list":"bds120Breadcrumb-list","item":"bds120Breadcrumb-item","link":"bds120Breadcrumb-link","separator":"bds120Breadcrumb-separator","current":"bds120Breadcrumb-current"};
|
|
153
153
|
|
|
154
154
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
155
155
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -165,7 +165,7 @@ function Breadcrumb({ items, className }) {
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
168
|
-
var Collapsible_default = {"collapsible":"
|
|
168
|
+
var Collapsible_default = {"collapsible":"bds120Collapsible-collapsible","summary":"bds120Collapsible-summary","summaryContent":"bds120Collapsible-summaryContent","icon":"bds120Collapsible-icon","content":"bds120Collapsible-content"};
|
|
169
169
|
|
|
170
170
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
171
171
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -206,7 +206,7 @@ function Collapsible({
|
|
|
206
206
|
import { useState as useState2, useId as useId2 } from "react";
|
|
207
207
|
|
|
208
208
|
// src/components/ui/Calendar/Calendar.module.css
|
|
209
|
-
var Calendar_default = {"calendar":"
|
|
209
|
+
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"};
|
|
210
210
|
|
|
211
211
|
// src/components/ui/Calendar/Calendar.tsx
|
|
212
212
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -381,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
381
381
|
import { useRef, useId as useId3 } from "react";
|
|
382
382
|
|
|
383
383
|
// src/components/ui/Carousel/Carousel.module.css
|
|
384
|
-
var Carousel_default = {"carousel":"
|
|
384
|
+
var Carousel_default = {"carousel":"bds120Carousel-carousel","track":"bds120Carousel-track","slide":"bds120Carousel-slide","navBtn":"bds120Carousel-navBtn"};
|
|
385
385
|
|
|
386
386
|
// src/components/ui/Carousel/Carousel.tsx
|
|
387
387
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -434,7 +434,7 @@ function Carousel({ items, label, className }) {
|
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
437
|
-
var DescriptionList_default = {"list":"
|
|
437
|
+
var DescriptionList_default = {"list":"bds120DescriptionList-list","group":"bds120DescriptionList-group","term":"bds120DescriptionList-term","details":"bds120DescriptionList-details","--layout_inline":"bds120DescriptionList---layout_inline"};
|
|
438
438
|
|
|
439
439
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
440
440
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -447,7 +447,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
// src/components/ui/Link/Link.module.css
|
|
450
|
-
var Link_default = {"link":"
|
|
450
|
+
var Link_default = {"link":"bds120Link-link","--variant_default":"bds120Link---variant_default","--variant_subtle":"bds120Link---variant_subtle","--variant_standalone":"bds120Link---variant_standalone","externalLabel":"bds120Link-externalLabel"};
|
|
451
451
|
|
|
452
452
|
// src/components/ui/Link/Link.tsx
|
|
453
453
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -478,7 +478,7 @@ function Link({
|
|
|
478
478
|
}
|
|
479
479
|
|
|
480
480
|
// src/components/ui/Loading/Loading.module.css
|
|
481
|
-
var Loading_default = {"loading":"
|
|
481
|
+
var Loading_default = {"loading":"bds120Loading-loading","spinner":"bds120Loading-spinner","--size_small":"bds120Loading---size_small","--size_large":"bds120Loading---size_large"};
|
|
482
482
|
|
|
483
483
|
// src/components/ui/Loading/Loading.tsx
|
|
484
484
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -488,7 +488,7 @@ function Loading({ size = "medium", className }) {
|
|
|
488
488
|
}
|
|
489
489
|
|
|
490
490
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
491
|
-
var NotificationBanner_default = {"banner":"
|
|
491
|
+
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"};
|
|
492
492
|
|
|
493
493
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
494
494
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -527,7 +527,7 @@ function NotificationBanner({
|
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
// src/components/ui/Pagination/Pagination.module.css
|
|
530
|
-
var Pagination_default = {"pagination":"
|
|
530
|
+
var Pagination_default = {"pagination":"bds120Pagination-pagination","list":"bds120Pagination-list","button":"bds120Pagination-button","--active":"bds120Pagination---active","--nav":"bds120Pagination---nav","ellipsis":"bds120Pagination-ellipsis"};
|
|
531
531
|
|
|
532
532
|
// src/components/ui/Pagination/Pagination.tsx
|
|
533
533
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -591,7 +591,7 @@ function Pagination({
|
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
// src/components/ui/Progress/Progress.module.css
|
|
594
|
-
var Progress_default = {"container":"
|
|
594
|
+
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"};
|
|
595
595
|
|
|
596
596
|
// src/components/ui/Progress/Progress.tsx
|
|
597
597
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -629,7 +629,7 @@ function Progress({
|
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
632
|
-
var ProgressCircle_default = {"wrapper":"
|
|
632
|
+
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"};
|
|
633
633
|
|
|
634
634
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
635
635
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -708,7 +708,7 @@ function ProgressCircle({
|
|
|
708
708
|
}
|
|
709
709
|
|
|
710
710
|
// src/components/ui/Separator/Separator.module.css
|
|
711
|
-
var Separator_default = {"separator":"
|
|
711
|
+
var Separator_default = {"separator":"bds120Separator-separator","--horizontal":"bds120Separator---horizontal","--vertical":"bds120Separator---vertical"};
|
|
712
712
|
|
|
713
713
|
// src/components/ui/Separator/Separator.tsx
|
|
714
714
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -731,7 +731,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
731
731
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
732
732
|
|
|
733
733
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
734
|
-
var Skeleton_default = {"skeleton":"
|
|
734
|
+
var Skeleton_default = {"skeleton":"bds120Skeleton-skeleton"};
|
|
735
735
|
|
|
736
736
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
737
737
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -740,7 +740,7 @@ function Skeleton({ className }) {
|
|
|
740
740
|
}
|
|
741
741
|
|
|
742
742
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
743
|
-
var SkipLink_default = {"skipLink":"
|
|
743
|
+
var SkipLink_default = {"skipLink":"bds120SkipLink-skipLink"};
|
|
744
744
|
|
|
745
745
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
746
746
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -750,7 +750,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
750
750
|
}
|
|
751
751
|
|
|
752
752
|
// src/components/ui/Table/Table.module.css
|
|
753
|
-
var Table_default = {"wrapper":"
|
|
753
|
+
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"};
|
|
754
754
|
|
|
755
755
|
// src/components/ui/Table/Table.tsx
|
|
756
756
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -820,7 +820,7 @@ function Table({
|
|
|
820
820
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
821
821
|
|
|
822
822
|
// src/components/ui/Tabs/Tabs.module.css
|
|
823
|
-
var Tabs_default = {"tabs":"
|
|
823
|
+
var Tabs_default = {"tabs":"bds120Tabs-tabs","tabList":"bds120Tabs-tabList","tab":"bds120Tabs-tab","--active":"bds120Tabs---active","panel":"bds120Tabs-panel"};
|
|
824
824
|
|
|
825
825
|
// src/components/ui/Tabs/Tabs.tsx
|
|
826
826
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -900,7 +900,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
900
900
|
import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
|
|
901
901
|
|
|
902
902
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
903
|
-
var Tooltip_default = {"wrapper":"
|
|
903
|
+
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"};
|
|
904
904
|
|
|
905
905
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
906
906
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -942,7 +942,7 @@ function Tooltip({
|
|
|
942
942
|
}
|
|
943
943
|
|
|
944
944
|
// src/components/ui/Typography/Typography.module.css
|
|
945
|
-
var Typography_default = {"typography":"
|
|
945
|
+
var Typography_default = {"typography":"bds120Typography-typography","--h1":"bds120Typography---h1","--h2":"bds120Typography---h2","--h3":"bds120Typography---h3","--body":"bds120Typography---body","--body_s":"bds120Typography---body_s"};
|
|
946
946
|
|
|
947
947
|
// src/components/ui/Typography/Typography.tsx
|
|
948
948
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -960,7 +960,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
960
960
|
}
|
|
961
961
|
|
|
962
962
|
// src/components/interaction/Button/Button.module.css
|
|
963
|
-
var Button_default = {"button":"
|
|
963
|
+
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"};
|
|
964
964
|
|
|
965
965
|
// src/components/interaction/Button/Button.tsx
|
|
966
966
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1075,7 +1075,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1075
1075
|
}
|
|
1076
1076
|
|
|
1077
1077
|
// src/components/interaction/Command/Command.module.css
|
|
1078
|
-
var Command_default = {"dialog":"
|
|
1078
|
+
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"};
|
|
1079
1079
|
|
|
1080
1080
|
// src/components/interaction/Command/Command.tsx
|
|
1081
1081
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1250,7 +1250,7 @@ function Command({
|
|
|
1250
1250
|
import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
|
|
1251
1251
|
|
|
1252
1252
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1253
|
-
var Dialog_default = {"dialog":"
|
|
1253
|
+
var Dialog_default = {"dialog":"bds120Dialog-dialog","dialogContent":"bds120Dialog-dialogContent","closeButton":"bds120Dialog-closeButton"};
|
|
1254
1254
|
|
|
1255
1255
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1256
1256
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1355,7 +1355,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1355
1355
|
import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
|
|
1356
1356
|
|
|
1357
1357
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1358
|
-
var Drawer_default = {"drawer":"
|
|
1358
|
+
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"};
|
|
1359
1359
|
|
|
1360
1360
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1361
1361
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1459,7 +1459,7 @@ import {
|
|
|
1459
1459
|
} from "react";
|
|
1460
1460
|
|
|
1461
1461
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1462
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1462
|
+
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"};
|
|
1463
1463
|
|
|
1464
1464
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1465
1465
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1579,7 +1579,7 @@ import {
|
|
|
1579
1579
|
} from "react";
|
|
1580
1580
|
|
|
1581
1581
|
// src/components/interaction/Popover/Popover.module.css
|
|
1582
|
-
var Popover_default = {"wrapper":"
|
|
1582
|
+
var Popover_default = {"wrapper":"bds120Popover-wrapper","panel":"bds120Popover-panel","g":"bds120Popover-g"};
|
|
1583
1583
|
|
|
1584
1584
|
// src/components/interaction/Popover/Popover.tsx
|
|
1585
1585
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1663,7 +1663,7 @@ function Popover({
|
|
|
1663
1663
|
}
|
|
1664
1664
|
|
|
1665
1665
|
// src/components/interaction/Rating/Rating.module.css
|
|
1666
|
-
var Rating_default = {"rating":"
|
|
1666
|
+
var Rating_default = {"rating":"bds120Rating-rating","star":"bds120Rating-star","--filled":"bds120Rating---filled"};
|
|
1667
1667
|
|
|
1668
1668
|
// src/components/interaction/Rating/Rating.tsx
|
|
1669
1669
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1694,7 +1694,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1694
1694
|
import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
|
|
1695
1695
|
|
|
1696
1696
|
// src/components/interaction/Toast/Toast.module.css
|
|
1697
|
-
var Toast_default = {"toastContainer":"
|
|
1697
|
+
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"};
|
|
1698
1698
|
|
|
1699
1699
|
// src/components/interaction/Toast/Toast.tsx
|
|
1700
1700
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1767,10 +1767,10 @@ function useToast() {
|
|
|
1767
1767
|
import { useId as useId11 } from "react";
|
|
1768
1768
|
|
|
1769
1769
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1770
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1770
|
+
var Checkbox_default = {"checkboxGroup":"bds120Checkbox-checkboxGroup","inputWrapper":"bds120Checkbox-inputWrapper","checkbox":"bds120Checkbox-checkbox","checkboxError":"bds120Checkbox-checkboxError"};
|
|
1771
1771
|
|
|
1772
1772
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1773
|
-
var Message_default = {"error":"
|
|
1773
|
+
var Message_default = {"error":"bds120Message-error","hint":"bds120Message-hint"};
|
|
1774
1774
|
|
|
1775
1775
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1776
1776
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -1781,7 +1781,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
1781
1781
|
};
|
|
1782
1782
|
|
|
1783
1783
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1784
|
-
var Label_default = {"label":"
|
|
1784
|
+
var Label_default = {"label":"bds120Label-label"};
|
|
1785
1785
|
|
|
1786
1786
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1787
1787
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1794,7 +1794,7 @@ var Label = ({ label, id, className }) => {
|
|
|
1794
1794
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
1795
1795
|
|
|
1796
1796
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1797
|
-
var InputContainer_default = {"container":"
|
|
1797
|
+
var InputContainer_default = {"container":"bds120InputContainer-container"};
|
|
1798
1798
|
|
|
1799
1799
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1800
1800
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1835,7 +1835,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1835
1835
|
import { useId as useId12 } from "react";
|
|
1836
1836
|
|
|
1837
1837
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1838
|
-
var CheckboxGroup_default = {"group":"
|
|
1838
|
+
var CheckboxGroup_default = {"group":"bds120CheckboxGroup-group","legend":"bds120CheckboxGroup-legend","required":"bds120CheckboxGroup-required","items":"bds120CheckboxGroup-items"};
|
|
1839
1839
|
|
|
1840
1840
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1841
1841
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -1883,7 +1883,7 @@ import {
|
|
|
1883
1883
|
} from "react";
|
|
1884
1884
|
|
|
1885
1885
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1886
|
-
var Combobox_default = {"formGroup":"
|
|
1886
|
+
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"};
|
|
1887
1887
|
|
|
1888
1888
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1889
1889
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2033,7 +2033,7 @@ function Combobox({
|
|
|
2033
2033
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2034
2034
|
|
|
2035
2035
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2036
|
-
var FileInput_default = {"formGroup":"
|
|
2036
|
+
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"};
|
|
2037
2037
|
|
|
2038
2038
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2039
2039
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2133,7 +2133,7 @@ function FileInput({
|
|
|
2133
2133
|
import { useId as useId15 } from "react";
|
|
2134
2134
|
|
|
2135
2135
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2136
|
-
var FormInput_default = {"formGroup":"
|
|
2136
|
+
var FormInput_default = {"formGroup":"bds120FormInput-formGroup","input":"bds120FormInput-input","inputError":"bds120FormInput-inputError"};
|
|
2137
2137
|
|
|
2138
2138
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2139
2139
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2177,7 +2177,7 @@ function FormInput({
|
|
|
2177
2177
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2178
2178
|
|
|
2179
2179
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2180
|
-
var NumberInput_default = {"formGroup":"
|
|
2180
|
+
var NumberInput_default = {"formGroup":"bds120NumberInput-formGroup","inputRow":"bds120NumberInput-inputRow","input":"bds120NumberInput-input","inputError":"bds120NumberInput-inputError","stepper":"bds120NumberInput-stepper"};
|
|
2181
2181
|
|
|
2182
2182
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2183
2183
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2281,7 +2281,7 @@ function NumberInput({
|
|
|
2281
2281
|
import { useId as useId17 } from "react";
|
|
2282
2282
|
|
|
2283
2283
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2284
|
-
var Radio_default = {"radioGroup":"
|
|
2284
|
+
var Radio_default = {"radioGroup":"bds120Radio-radioGroup","inputWrapper":"bds120Radio-inputWrapper","textWrapper":"bds120Radio-textWrapper","description":"bds120Radio-description","radio":"bds120Radio-radio","radioError":"bds120Radio-radioError"};
|
|
2285
2285
|
|
|
2286
2286
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2287
2287
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2319,7 +2319,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2319
2319
|
import { useId as useId18 } from "react";
|
|
2320
2320
|
|
|
2321
2321
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2322
|
-
var RadioGroup_default = {"group":"
|
|
2322
|
+
var RadioGroup_default = {"group":"bds120RadioGroup-group","legend":"bds120RadioGroup-legend","required":"bds120RadioGroup-required","items":"bds120RadioGroup-items"};
|
|
2323
2323
|
|
|
2324
2324
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2325
2325
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2358,77 +2358,55 @@ function RadioGroup({
|
|
|
2358
2358
|
}
|
|
2359
2359
|
|
|
2360
2360
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2361
|
-
import {
|
|
2361
|
+
import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2362
2362
|
|
|
2363
2363
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2364
|
-
var SegmentedControl_default = {"control":"
|
|
2364
|
+
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"};
|
|
2365
2365
|
|
|
2366
2366
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2367
2367
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
2368
2368
|
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2369
2369
|
function SegmentedControl({
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
value,
|
|
2373
|
-
defaultValue,
|
|
2374
|
-
onChange,
|
|
2370
|
+
children,
|
|
2371
|
+
selectedIndex: selectedIndexProp,
|
|
2375
2372
|
disabled,
|
|
2376
2373
|
size = "medium",
|
|
2374
|
+
variant = "outline",
|
|
2377
2375
|
className,
|
|
2378
|
-
"aria-label": ariaLabel
|
|
2379
|
-
...rest
|
|
2376
|
+
"aria-label": ariaLabel
|
|
2380
2377
|
}) {
|
|
2381
|
-
const
|
|
2382
|
-
const
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
const
|
|
2387
|
-
const handleChange = (optionValue) => {
|
|
2388
|
-
if (value === void 0) setInternalValue(optionValue);
|
|
2389
|
-
onChange?.(optionValue);
|
|
2390
|
-
};
|
|
2378
|
+
const validChildren = Children.toArray(children).filter(isValidElement4);
|
|
2379
|
+
const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
|
|
2380
|
+
const p = child.props;
|
|
2381
|
+
return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
|
|
2382
|
+
}) : -1;
|
|
2383
|
+
const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
|
|
2391
2384
|
return /* @__PURE__ */ jsxs31(
|
|
2392
2385
|
"div",
|
|
2393
2386
|
{
|
|
2394
2387
|
role: "group",
|
|
2395
2388
|
"aria-label": ariaLabel,
|
|
2396
|
-
className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
|
|
2389
|
+
className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
|
|
2397
2390
|
style: {
|
|
2398
|
-
"--control_count":
|
|
2399
|
-
"--control_selected-index":
|
|
2391
|
+
"--control_count": validChildren.length,
|
|
2392
|
+
"--control_selected-index": activeIndex
|
|
2400
2393
|
},
|
|
2401
2394
|
children: [
|
|
2402
2395
|
/* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
const
|
|
2406
|
-
const
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
type: "radio",
|
|
2418
|
-
id,
|
|
2419
|
-
name,
|
|
2420
|
-
value: option.value,
|
|
2421
|
-
checked: isChecked,
|
|
2422
|
-
disabled: isDisabled,
|
|
2423
|
-
className: SegmentedControl_default.radio,
|
|
2424
|
-
onChange: () => handleChange(option.value)
|
|
2425
|
-
}
|
|
2426
|
-
),
|
|
2427
|
-
/* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.label, children: option.label })
|
|
2428
|
-
]
|
|
2429
|
-
},
|
|
2430
|
-
option.value
|
|
2431
|
-
);
|
|
2396
|
+
/* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
|
|
2397
|
+
validChildren.map((child, index) => {
|
|
2398
|
+
const isActive = index === activeIndex;
|
|
2399
|
+
const p = child.props;
|
|
2400
|
+
const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
|
|
2401
|
+
return cloneElement4(child, {
|
|
2402
|
+
key: child.key ?? index,
|
|
2403
|
+
className: cn42(
|
|
2404
|
+
SegmentedControl_default.item,
|
|
2405
|
+
isActive && SegmentedControl_default["--active"],
|
|
2406
|
+
isDisabled && SegmentedControl_default["--disabled"],
|
|
2407
|
+
p.className
|
|
2408
|
+
)
|
|
2409
|
+
});
|
|
2432
2410
|
})
|
|
2433
2411
|
]
|
|
2434
2412
|
}
|
|
@@ -2436,10 +2414,10 @@ function SegmentedControl({
|
|
|
2436
2414
|
}
|
|
2437
2415
|
|
|
2438
2416
|
// src/components/interaction/form/Select/Select.tsx
|
|
2439
|
-
import { useId as
|
|
2417
|
+
import { useId as useId19 } from "react";
|
|
2440
2418
|
|
|
2441
2419
|
// src/components/interaction/form/Select/Select.module.css
|
|
2442
|
-
var Select_default = {"formGroup":"
|
|
2420
|
+
var Select_default = {"formGroup":"bds120Select-formGroup","selectWrapper":"bds120Select-selectWrapper","select":"bds120Select-select","selectError":"bds120Select-selectError","chevron":"bds120Select-chevron"};
|
|
2443
2421
|
|
|
2444
2422
|
// src/components/interaction/form/Select/Select.tsx
|
|
2445
2423
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2455,7 +2433,7 @@ function Select({
|
|
|
2455
2433
|
required,
|
|
2456
2434
|
...props
|
|
2457
2435
|
}) {
|
|
2458
|
-
const id = name +
|
|
2436
|
+
const id = name + useId19();
|
|
2459
2437
|
const hintId = id + "hint";
|
|
2460
2438
|
const errorId = id + "error";
|
|
2461
2439
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
@@ -2487,10 +2465,10 @@ function Select({
|
|
|
2487
2465
|
}
|
|
2488
2466
|
|
|
2489
2467
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2490
|
-
import { useId as
|
|
2468
|
+
import { useId as useId20, useState as useState12 } from "react";
|
|
2491
2469
|
|
|
2492
2470
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2493
|
-
var Slider_default = {"formGroup":"
|
|
2471
|
+
var Slider_default = {"formGroup":"bds120Slider-formGroup","labelRow":"bds120Slider-labelRow","value":"bds120Slider-value","slider":"bds120Slider-slider","sliderError":"bds120Slider-sliderError"};
|
|
2494
2472
|
|
|
2495
2473
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2496
2474
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2507,12 +2485,12 @@ function Slider({
|
|
|
2507
2485
|
onChange,
|
|
2508
2486
|
...props
|
|
2509
2487
|
}) {
|
|
2510
|
-
const id = name +
|
|
2488
|
+
const id = name + useId20();
|
|
2511
2489
|
const hintId = id + "hint";
|
|
2512
2490
|
const errorId = id + "error";
|
|
2513
2491
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2514
2492
|
const isControlled = props.value !== void 0;
|
|
2515
|
-
const [internalValue, setInternalValue] =
|
|
2493
|
+
const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
|
|
2516
2494
|
const currentValue = isControlled ? Number(props.value) : internalValue;
|
|
2517
2495
|
const fillPct = (currentValue - min) / (max - min) * 100;
|
|
2518
2496
|
const handleChange = (e) => {
|
|
@@ -2549,10 +2527,10 @@ function Slider({
|
|
|
2549
2527
|
}
|
|
2550
2528
|
|
|
2551
2529
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2552
|
-
import { useId as
|
|
2530
|
+
import { useId as useId21 } from "react";
|
|
2553
2531
|
|
|
2554
2532
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2555
|
-
var Switch_default = {"switchGroup":"
|
|
2533
|
+
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"};
|
|
2556
2534
|
|
|
2557
2535
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2558
2536
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2567,7 +2545,7 @@ function Switch({
|
|
|
2567
2545
|
prefix,
|
|
2568
2546
|
...props
|
|
2569
2547
|
}) {
|
|
2570
|
-
const id = name +
|
|
2548
|
+
const id = name + useId21();
|
|
2571
2549
|
const hintId = id + "hint";
|
|
2572
2550
|
const errorId = id + "error";
|
|
2573
2551
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
@@ -2597,10 +2575,10 @@ function Switch({
|
|
|
2597
2575
|
}
|
|
2598
2576
|
|
|
2599
2577
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2600
|
-
import { useId as
|
|
2578
|
+
import { useId as useId22 } from "react";
|
|
2601
2579
|
|
|
2602
2580
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2603
|
-
var Textarea_default = {"formGroup":"
|
|
2581
|
+
var Textarea_default = {"formGroup":"bds120Textarea-formGroup","textarea":"bds120Textarea-textarea","textareaError":"bds120Textarea-textareaError"};
|
|
2604
2582
|
|
|
2605
2583
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2606
2584
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2614,7 +2592,7 @@ function Textarea({
|
|
|
2614
2592
|
required,
|
|
2615
2593
|
...props
|
|
2616
2594
|
}) {
|
|
2617
|
-
const id = name +
|
|
2595
|
+
const id = name + useId22();
|
|
2618
2596
|
const hintId = id + "hint";
|
|
2619
2597
|
const errorId = id + "error";
|
|
2620
2598
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
@@ -2639,7 +2617,7 @@ function Textarea({
|
|
|
2639
2617
|
}
|
|
2640
2618
|
|
|
2641
2619
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2642
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2620
|
+
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"};
|
|
2643
2621
|
|
|
2644
2622
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2645
2623
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
@@ -2657,7 +2635,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
|
|
|
2657
2635
|
}
|
|
2658
2636
|
|
|
2659
2637
|
// src/components/layout/Card/Card.module.css
|
|
2660
|
-
var Card_default = {"card":"
|
|
2638
|
+
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"};
|
|
2661
2639
|
|
|
2662
2640
|
// src/components/layout/Card/Card.tsx
|
|
2663
2641
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -2695,7 +2673,7 @@ function Card({
|
|
|
2695
2673
|
}
|
|
2696
2674
|
|
|
2697
2675
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2698
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2676
|
+
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"};
|
|
2699
2677
|
|
|
2700
2678
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2701
2679
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -2716,7 +2694,7 @@ function SectionHeader({
|
|
|
2716
2694
|
}
|
|
2717
2695
|
|
|
2718
2696
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2719
|
-
var IconWrapper_default = {"wrapper":"
|
|
2697
|
+
var IconWrapper_default = {"wrapper":"bds120IconWrapper-wrapper"};
|
|
2720
2698
|
|
|
2721
2699
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2722
2700
|
import { cn as cn50 } from "@boostdev/design-system-foundation";
|