@boostdev/design-system-components 0.1.15 → 0.1.17
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 +4 -4
- package/README.md +50 -1
- package/dist/client.cjs +203 -114
- package/dist/client.css +520 -435
- package/dist/client.d.cts +23 -3
- package/dist/client.d.ts +23 -3
- package/dist/client.js +202 -114
- package/dist/index.cjs +203 -114
- package/dist/index.css +520 -435
- package/dist/index.d.cts +23 -3
- package/dist/index.d.ts +23 -3
- package/dist/index.js +202 -114
- package/package.json +1 -1
- package/src/components/interaction/Command/Command.mdx +1 -0
- package/src/components/interaction/Command/Command.spec.tsx +18 -0
- package/src/components/interaction/Command/Command.tsx +5 -0
- package/src/components/interaction/Dialog/Dialog.spec.tsx +18 -0
- package/src/components/interaction/Drawer/Drawer.spec.tsx +18 -0
- package/src/components/interaction/Drawer/Drawer.tsx +5 -0
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +64 -0
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +99 -0
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.spec.tsx +87 -0
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.stories.tsx +110 -0
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.tsx +89 -0
- package/src/components/interaction/form/SegmentedControl/index.ts +2 -0
- package/src/components/interaction/form/Switch/Switch.mdx +7 -2
- package/src/components/interaction/form/Switch/Switch.module.css +6 -6
- package/src/components/interaction/form/Switch/Switch.spec.tsx +23 -0
- package/src/components/interaction/form/Switch/Switch.stories.tsx +8 -0
- package/src/components/interaction/form/Switch/Switch.tsx +5 -2
- package/src/components/interaction/form/atoms/Label.module.css +0 -1
- package/src/components/ui/Progress/Progress.module.css +0 -4
- package/src/index.ts +2 -0
- package/src/stories/Introduction.mdx +4 -3
package/dist/client.cjs
CHANGED
|
@@ -53,6 +53,7 @@ __export(client_exports, {
|
|
|
53
53
|
Radio: () => Radio,
|
|
54
54
|
Rating: () => Rating,
|
|
55
55
|
SectionHeader: () => SectionHeader,
|
|
56
|
+
SegmentedControl: () => SegmentedControl,
|
|
56
57
|
Select: () => Select,
|
|
57
58
|
Separator: () => Separator,
|
|
58
59
|
Skeleton: () => Skeleton,
|
|
@@ -65,7 +66,7 @@ __export(client_exports, {
|
|
|
65
66
|
ToastProvider: () => ToastProvider,
|
|
66
67
|
Tooltip: () => Tooltip,
|
|
67
68
|
Typography: () => Typography,
|
|
68
|
-
cn: () =>
|
|
69
|
+
cn: () => import_design_system_foundation46.cn,
|
|
69
70
|
useToast: () => useToast
|
|
70
71
|
});
|
|
71
72
|
module.exports = __toCommonJS(client_exports);
|
|
@@ -74,7 +75,7 @@ module.exports = __toCommonJS(client_exports);
|
|
|
74
75
|
var import_react = require("react");
|
|
75
76
|
|
|
76
77
|
// src/components/ui/Accordion/Accordion.module.css
|
|
77
|
-
var Accordion_default = {"accordion":"
|
|
78
|
+
var Accordion_default = {"accordion":"bds0117Accordion-accordion","item":"bds0117Accordion-item","heading":"bds0117Accordion-heading","trigger":"bds0117Accordion-trigger","triggerLabel":"bds0117Accordion-triggerLabel","chevron":"bds0117Accordion-chevron","--open":"bds0117Accordion---open","panel":"bds0117Accordion-panel","panelContent":"bds0117Accordion-panelContent"};
|
|
78
79
|
|
|
79
80
|
// src/components/ui/Accordion/Accordion.tsx
|
|
80
81
|
var import_design_system_foundation = require("@boostdev/design-system-foundation");
|
|
@@ -142,7 +143,7 @@ function Accordion({
|
|
|
142
143
|
}
|
|
143
144
|
|
|
144
145
|
// src/components/ui/Alert/Alert.module.css
|
|
145
|
-
var Alert_default = {"alert":"
|
|
146
|
+
var Alert_default = {"alert":"bds0117Alert-alert","--variant_info":"bds0117Alert---variant_info","--variant_success":"bds0117Alert---variant_success","--variant_warning":"bds0117Alert---variant_warning","--variant_error":"bds0117Alert---variant_error","icon":"bds0117Alert-icon","content":"bds0117Alert-content","title":"bds0117Alert-title","dismiss":"bds0117Alert-dismiss"};
|
|
146
147
|
|
|
147
148
|
// src/components/ui/Alert/Alert.tsx
|
|
148
149
|
var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
|
|
@@ -185,7 +186,7 @@ function Alert({
|
|
|
185
186
|
}
|
|
186
187
|
|
|
187
188
|
// src/components/ui/Avatar/Avatar.module.css
|
|
188
|
-
var Avatar_default = {"avatar":"
|
|
189
|
+
var Avatar_default = {"avatar":"bds0117Avatar-avatar","--fallback":"bds0117Avatar---fallback","--size_small":"bds0117Avatar---size_small","--size_medium":"bds0117Avatar---size_medium","--size_large":"bds0117Avatar---size_large","image":"bds0117Avatar-image","initials":"bds0117Avatar-initials"};
|
|
189
190
|
|
|
190
191
|
// src/components/ui/Avatar/Avatar.tsx
|
|
191
192
|
var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
|
|
@@ -211,7 +212,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
211
212
|
}
|
|
212
213
|
|
|
213
214
|
// src/components/ui/Badge/Badge.module.css
|
|
214
|
-
var Badge_default = {"badge":"
|
|
215
|
+
var Badge_default = {"badge":"bds0117Badge-badge","--variant_primary":"bds0117Badge---variant_primary","--variant_secondary":"bds0117Badge---variant_secondary","--variant_success":"bds0117Badge---variant_success","--variant_error":"bds0117Badge---variant_error","--variant_warning":"bds0117Badge---variant_warning"};
|
|
215
216
|
|
|
216
217
|
// src/components/ui/Badge/Badge.tsx
|
|
217
218
|
var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
|
|
@@ -221,7 +222,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
221
222
|
}
|
|
222
223
|
|
|
223
224
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
224
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
225
|
+
var Breadcrumb_default = {"breadcrumb":"bds0117Breadcrumb-breadcrumb","list":"bds0117Breadcrumb-list","item":"bds0117Breadcrumb-item","link":"bds0117Breadcrumb-link","separator":"bds0117Breadcrumb-separator","current":"bds0117Breadcrumb-current"};
|
|
225
226
|
|
|
226
227
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
227
228
|
var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
|
|
@@ -237,7 +238,7 @@ function Breadcrumb({ items, className }) {
|
|
|
237
238
|
}
|
|
238
239
|
|
|
239
240
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
240
|
-
var Collapsible_default = {"collapsible":"
|
|
241
|
+
var Collapsible_default = {"collapsible":"bds0117Collapsible-collapsible","summary":"bds0117Collapsible-summary","summaryContent":"bds0117Collapsible-summaryContent","icon":"bds0117Collapsible-icon","content":"bds0117Collapsible-content"};
|
|
241
242
|
|
|
242
243
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
243
244
|
var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
|
|
@@ -278,7 +279,7 @@ function Collapsible({
|
|
|
278
279
|
var import_react2 = require("react");
|
|
279
280
|
|
|
280
281
|
// src/components/ui/Calendar/Calendar.module.css
|
|
281
|
-
var Calendar_default = {"calendar":"
|
|
282
|
+
var Calendar_default = {"calendar":"bds0117Calendar-calendar","header":"bds0117Calendar-header","monthYear":"bds0117Calendar-monthYear","navBtn":"bds0117Calendar-navBtn","grid":"bds0117Calendar-grid","weekday":"bds0117Calendar-weekday","empty":"bds0117Calendar-empty","day":"bds0117Calendar-day","disabled":"bds0117Calendar-disabled","selected":"bds0117Calendar-selected","today":"bds0117Calendar-today"};
|
|
282
283
|
|
|
283
284
|
// src/components/ui/Calendar/Calendar.tsx
|
|
284
285
|
var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
|
|
@@ -444,7 +445,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
444
445
|
var import_react3 = require("react");
|
|
445
446
|
|
|
446
447
|
// src/components/ui/Carousel/Carousel.module.css
|
|
447
|
-
var Carousel_default = {"carousel":"
|
|
448
|
+
var Carousel_default = {"carousel":"bds0117Carousel-carousel","track":"bds0117Carousel-track","slide":"bds0117Carousel-slide","navBtn":"bds0117Carousel-navBtn"};
|
|
448
449
|
|
|
449
450
|
// src/components/ui/Carousel/Carousel.tsx
|
|
450
451
|
var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
|
|
@@ -497,7 +498,7 @@ function Carousel({ items, label, className }) {
|
|
|
497
498
|
}
|
|
498
499
|
|
|
499
500
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
500
|
-
var DescriptionList_default = {"list":"
|
|
501
|
+
var DescriptionList_default = {"list":"bds0117DescriptionList-list","group":"bds0117DescriptionList-group","term":"bds0117DescriptionList-term","details":"bds0117DescriptionList-details","--layout_inline":"bds0117DescriptionList---layout_inline"};
|
|
501
502
|
|
|
502
503
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
503
504
|
var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
|
|
@@ -510,7 +511,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
510
511
|
}
|
|
511
512
|
|
|
512
513
|
// src/components/ui/Link/Link.module.css
|
|
513
|
-
var Link_default = {"link":"
|
|
514
|
+
var Link_default = {"link":"bds0117Link-link","--variant_default":"bds0117Link---variant_default","--variant_subtle":"bds0117Link---variant_subtle","--variant_standalone":"bds0117Link---variant_standalone","externalLabel":"bds0117Link-externalLabel"};
|
|
514
515
|
|
|
515
516
|
// src/components/ui/Link/Link.tsx
|
|
516
517
|
var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
|
|
@@ -541,7 +542,7 @@ function Link({
|
|
|
541
542
|
}
|
|
542
543
|
|
|
543
544
|
// src/components/ui/Loading/Loading.module.css
|
|
544
|
-
var Loading_default = {"loading":"
|
|
545
|
+
var Loading_default = {"loading":"bds0117Loading-loading","spinner":"bds0117Loading-spinner","--size_small":"bds0117Loading---size_small","--size_large":"bds0117Loading---size_large"};
|
|
545
546
|
|
|
546
547
|
// src/components/ui/Loading/Loading.tsx
|
|
547
548
|
var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
|
|
@@ -551,7 +552,7 @@ function Loading({ size = "medium", className }) {
|
|
|
551
552
|
}
|
|
552
553
|
|
|
553
554
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
554
|
-
var NotificationBanner_default = {"banner":"
|
|
555
|
+
var NotificationBanner_default = {"banner":"bds0117NotificationBanner-banner","--variant_info":"bds0117NotificationBanner---variant_info","--variant_success":"bds0117NotificationBanner---variant_success","--variant_warning":"bds0117NotificationBanner---variant_warning","--variant_error":"bds0117NotificationBanner---variant_error","content":"bds0117NotificationBanner-content","action":"bds0117NotificationBanner-action","dismiss":"bds0117NotificationBanner-dismiss"};
|
|
555
556
|
|
|
556
557
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
557
558
|
var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
|
|
@@ -590,7 +591,7 @@ function NotificationBanner({
|
|
|
590
591
|
}
|
|
591
592
|
|
|
592
593
|
// src/components/ui/Pagination/Pagination.module.css
|
|
593
|
-
var Pagination_default = {"pagination":"
|
|
594
|
+
var Pagination_default = {"pagination":"bds0117Pagination-pagination","list":"bds0117Pagination-list","button":"bds0117Pagination-button","--active":"bds0117Pagination---active","--nav":"bds0117Pagination---nav","ellipsis":"bds0117Pagination-ellipsis"};
|
|
594
595
|
|
|
595
596
|
// src/components/ui/Pagination/Pagination.tsx
|
|
596
597
|
var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
|
|
@@ -654,7 +655,7 @@ function Pagination({
|
|
|
654
655
|
}
|
|
655
656
|
|
|
656
657
|
// src/components/ui/Progress/Progress.module.css
|
|
657
|
-
var Progress_default = {"container":"
|
|
658
|
+
var Progress_default = {"container":"bds0117Progress-container","labelRow":"bds0117Progress-labelRow","value":"bds0117Progress-value","track":"bds0117Progress-track","--size_small":"bds0117Progress---size_small","--size_medium":"bds0117Progress---size_medium","--size_large":"bds0117Progress---size_large","fill":"bds0117Progress-fill"};
|
|
658
659
|
|
|
659
660
|
// src/components/ui/Progress/Progress.tsx
|
|
660
661
|
var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
|
|
@@ -692,7 +693,7 @@ function Progress({
|
|
|
692
693
|
}
|
|
693
694
|
|
|
694
695
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
695
|
-
var ProgressCircle_default = {"wrapper":"
|
|
696
|
+
var ProgressCircle_default = {"wrapper":"bds0117ProgressCircle-wrapper","svg":"bds0117ProgressCircle-svg","track":"bds0117ProgressCircle-track","fill":"bds0117ProgressCircle-fill","value":"bds0117ProgressCircle-value","--size_small":"bds0117ProgressCircle---size_small","--size_medium":"bds0117ProgressCircle---size_medium","--size_large":"bds0117ProgressCircle---size_large"};
|
|
696
697
|
|
|
697
698
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
698
699
|
var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
|
|
@@ -771,7 +772,7 @@ function ProgressCircle({
|
|
|
771
772
|
}
|
|
772
773
|
|
|
773
774
|
// src/components/ui/Separator/Separator.module.css
|
|
774
|
-
var Separator_default = {"separator":"
|
|
775
|
+
var Separator_default = {"separator":"bds0117Separator-separator","--horizontal":"bds0117Separator---horizontal","--vertical":"bds0117Separator---vertical"};
|
|
775
776
|
|
|
776
777
|
// src/components/ui/Separator/Separator.tsx
|
|
777
778
|
var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
|
|
@@ -794,7 +795,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
794
795
|
var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
|
|
795
796
|
|
|
796
797
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
797
|
-
var Skeleton_default = {"skeleton":"
|
|
798
|
+
var Skeleton_default = {"skeleton":"bds0117Skeleton-skeleton"};
|
|
798
799
|
|
|
799
800
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
800
801
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -803,7 +804,7 @@ function Skeleton({ className }) {
|
|
|
803
804
|
}
|
|
804
805
|
|
|
805
806
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
806
|
-
var SkipLink_default = {"skipLink":"
|
|
807
|
+
var SkipLink_default = {"skipLink":"bds0117SkipLink-skipLink"};
|
|
807
808
|
|
|
808
809
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
809
810
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
@@ -812,7 +813,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
|
|
|
812
813
|
}
|
|
813
814
|
|
|
814
815
|
// src/components/ui/Table/Table.module.css
|
|
815
|
-
var Table_default = {"wrapper":"
|
|
816
|
+
var Table_default = {"wrapper":"bds0117Table-wrapper","table":"bds0117Table-table","caption":"bds0117Table-caption","thead":"bds0117Table-thead","th":"bds0117Table-th","--sortable":"bds0117Table---sortable","sortButton":"bds0117Table-sortButton","sortIcon":"bds0117Table-sortIcon","--sort-active":"bds0117Table---sort-active","--sort-desc":"bds0117Table---sort-desc","tbody":"bds0117Table-tbody","tr":"bds0117Table-tr","td":"bds0117Table-td"};
|
|
816
817
|
|
|
817
818
|
// src/components/ui/Table/Table.tsx
|
|
818
819
|
var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
|
|
@@ -881,7 +882,7 @@ function Table({
|
|
|
881
882
|
var import_react4 = require("react");
|
|
882
883
|
|
|
883
884
|
// src/components/ui/Tabs/Tabs.module.css
|
|
884
|
-
var Tabs_default = {"tabs":"
|
|
885
|
+
var Tabs_default = {"tabs":"bds0117Tabs-tabs","tabList":"bds0117Tabs-tabList","tab":"bds0117Tabs-tab","--active":"bds0117Tabs---active","panel":"bds0117Tabs-panel"};
|
|
885
886
|
|
|
886
887
|
// src/components/ui/Tabs/Tabs.tsx
|
|
887
888
|
var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
|
|
@@ -962,7 +963,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
962
963
|
var import_react5 = require("react");
|
|
963
964
|
|
|
964
965
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
965
|
-
var Tooltip_default = {"wrapper":"
|
|
966
|
+
var Tooltip_default = {"wrapper":"bds0117Tooltip-wrapper","tooltip":"bds0117Tooltip-tooltip","--placement_top":"bds0117Tooltip---placement_top","--placement_bottom":"bds0117Tooltip---placement_bottom","--placement_left":"bds0117Tooltip---placement_left","--placement_right":"bds0117Tooltip---placement_right"};
|
|
966
967
|
|
|
967
968
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
968
969
|
var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
|
|
@@ -992,7 +993,7 @@ function Tooltip({
|
|
|
992
993
|
}
|
|
993
994
|
|
|
994
995
|
// src/components/ui/Typography/Typography.module.css
|
|
995
|
-
var Typography_default = {"typography":"
|
|
996
|
+
var Typography_default = {"typography":"bds0117Typography-typography","--h1":"bds0117Typography---h1","--h2":"bds0117Typography---h2","--h3":"bds0117Typography---h3","--body":"bds0117Typography---body","--body_s":"bds0117Typography---body_s"};
|
|
996
997
|
|
|
997
998
|
// src/components/ui/Typography/Typography.tsx
|
|
998
999
|
var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
|
|
@@ -1010,7 +1011,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
1010
1011
|
}
|
|
1011
1012
|
|
|
1012
1013
|
// src/components/interaction/Button/Button.module.css
|
|
1013
|
-
var Button_default = {"button":"
|
|
1014
|
+
var Button_default = {"button":"bds0117Button-button","--primary":"bds0117Button---primary","--secondary":"bds0117Button---secondary","--size_small":"bds0117Button---size_small","--size_medium":"bds0117Button---size_medium","--size_large":"bds0117Button---size_large","--hasPulse":"bds0117Button---hasPulse","prefix":"bds0117Button-prefix","suffix":"bds0117Button-suffix"};
|
|
1014
1015
|
|
|
1015
1016
|
// src/components/interaction/Button/Button.tsx
|
|
1016
1017
|
var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
|
|
@@ -1086,7 +1087,7 @@ function Button({
|
|
|
1086
1087
|
var import_react6 = require("react");
|
|
1087
1088
|
|
|
1088
1089
|
// src/components/interaction/Command/Command.module.css
|
|
1089
|
-
var Command_default = {"dialog":"
|
|
1090
|
+
var Command_default = {"dialog":"bds0117Command-dialog","palette":"bds0117Command-palette","searchRow":"bds0117Command-searchRow","searchIcon":"bds0117Command-searchIcon","search":"bds0117Command-search","escHint":"bds0117Command-escHint","list":"bds0117Command-list","groupList":"bds0117Command-groupList","group":"bds0117Command-group","item":"bds0117Command-item","itemActive":"bds0117Command-itemActive","itemLabel":"bds0117Command-itemLabel","itemDesc":"bds0117Command-itemDesc","shortcut":"bds0117Command-shortcut","empty":"bds0117Command-empty"};
|
|
1090
1091
|
|
|
1091
1092
|
// src/components/interaction/Command/Command.tsx
|
|
1092
1093
|
var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
|
|
@@ -1124,12 +1125,17 @@ function Command({
|
|
|
1124
1125
|
if (!dialog) return;
|
|
1125
1126
|
if (isOpen) {
|
|
1126
1127
|
dialog.showModal();
|
|
1128
|
+
document.body.style.overflow = "hidden";
|
|
1127
1129
|
setQuery("");
|
|
1128
1130
|
setActiveIndex(0);
|
|
1129
1131
|
setTimeout(() => inputRef.current?.focus(), 0);
|
|
1130
1132
|
} else if (dialog.open) {
|
|
1131
1133
|
dialog.close();
|
|
1134
|
+
document.body.style.overflow = "";
|
|
1132
1135
|
}
|
|
1136
|
+
return () => {
|
|
1137
|
+
document.body.style.overflow = "";
|
|
1138
|
+
};
|
|
1133
1139
|
}, [isOpen]);
|
|
1134
1140
|
(0, import_react6.useEffect)(() => {
|
|
1135
1141
|
setActiveIndex(0);
|
|
@@ -1225,7 +1231,7 @@ function Command({
|
|
|
1225
1231
|
var import_react7 = require("react");
|
|
1226
1232
|
|
|
1227
1233
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1228
|
-
var Dialog_default = {"dialog":"
|
|
1234
|
+
var Dialog_default = {"dialog":"bds0117Dialog-dialog","dialogContent":"bds0117Dialog-dialogContent","closeForm":"bds0117Dialog-closeForm","closeButton":"bds0117Dialog-closeButton"};
|
|
1229
1235
|
|
|
1230
1236
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1231
1237
|
var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
|
|
@@ -1281,7 +1287,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
|
|
|
1281
1287
|
var import_react8 = require("react");
|
|
1282
1288
|
|
|
1283
1289
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1284
|
-
var Drawer_default = {"drawer":"
|
|
1290
|
+
var Drawer_default = {"drawer":"bds0117Drawer-drawer","panel":"bds0117Drawer-panel","--side_right":"bds0117Drawer---side_right","--side_left":"bds0117Drawer---side_left","header":"bds0117Drawer-header","closeButton":"bds0117Drawer-closeButton","body":"bds0117Drawer-body"};
|
|
1285
1291
|
|
|
1286
1292
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1287
1293
|
var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
|
|
@@ -1301,9 +1307,14 @@ function Drawer({
|
|
|
1301
1307
|
if (!dialog) return;
|
|
1302
1308
|
if (isOpen) {
|
|
1303
1309
|
dialog.showModal();
|
|
1310
|
+
document.body.style.overflow = "hidden";
|
|
1304
1311
|
} else if (dialog.open) {
|
|
1305
1312
|
dialog.close();
|
|
1313
|
+
document.body.style.overflow = "";
|
|
1306
1314
|
}
|
|
1315
|
+
return () => {
|
|
1316
|
+
document.body.style.overflow = "";
|
|
1317
|
+
};
|
|
1307
1318
|
}, [isOpen]);
|
|
1308
1319
|
const handleClick = (e) => {
|
|
1309
1320
|
if (e.target === dialogRef.current) onClose();
|
|
@@ -1344,7 +1355,7 @@ function Drawer({
|
|
|
1344
1355
|
var import_react9 = require("react");
|
|
1345
1356
|
|
|
1346
1357
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1347
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1358
|
+
var DropdownMenu_default = {"wrapper":"bds0117DropdownMenu-wrapper","menu":"bds0117DropdownMenu-menu","--placement_bottom-start":"bds0117DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0117DropdownMenu---placement_bottom-end","separator":"bds0117DropdownMenu-separator","item":"bds0117DropdownMenu-item","icon":"bds0117DropdownMenu-icon"};
|
|
1348
1359
|
|
|
1349
1360
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1350
1361
|
var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
|
|
@@ -1457,7 +1468,7 @@ function DropdownMenu({
|
|
|
1457
1468
|
var import_react10 = require("react");
|
|
1458
1469
|
|
|
1459
1470
|
// src/components/interaction/Popover/Popover.module.css
|
|
1460
|
-
var Popover_default = {"wrapper":"
|
|
1471
|
+
var Popover_default = {"wrapper":"bds0117Popover-wrapper","panel":"bds0117Popover-panel","--placement_bottom":"bds0117Popover---placement_bottom","--placement_top":"bds0117Popover---placement_top","--placement_right":"bds0117Popover---placement_right","--placement_left":"bds0117Popover---placement_left"};
|
|
1461
1472
|
|
|
1462
1473
|
// src/components/interaction/Popover/Popover.tsx
|
|
1463
1474
|
var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
|
|
@@ -1513,7 +1524,7 @@ function Popover({
|
|
|
1513
1524
|
}
|
|
1514
1525
|
|
|
1515
1526
|
// src/components/interaction/Rating/Rating.module.css
|
|
1516
|
-
var Rating_default = {"rating":"
|
|
1527
|
+
var Rating_default = {"rating":"bds0117Rating-rating","star":"bds0117Rating-star","--filled":"bds0117Rating---filled"};
|
|
1517
1528
|
|
|
1518
1529
|
// src/components/interaction/Rating/Rating.tsx
|
|
1519
1530
|
var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
|
|
@@ -1544,7 +1555,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1544
1555
|
var import_react11 = require("react");
|
|
1545
1556
|
|
|
1546
1557
|
// src/components/interaction/Toast/Toast.module.css
|
|
1547
|
-
var Toast_default = {"toastContainer":"
|
|
1558
|
+
var Toast_default = {"toastContainer":"bds0117Toast-toastContainer","toast":"bds0117Toast-toast","--variant_success":"bds0117Toast---variant_success","--variant_warning":"bds0117Toast---variant_warning","--variant_info":"bds0117Toast---variant_info","--variant_error":"bds0117Toast---variant_error","message":"bds0117Toast-message","closeButton":"bds0117Toast-closeButton"};
|
|
1548
1559
|
|
|
1549
1560
|
// src/components/interaction/Toast/Toast.tsx
|
|
1550
1561
|
var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
|
|
@@ -1594,10 +1605,10 @@ function useToast() {
|
|
|
1594
1605
|
var import_react12 = require("react");
|
|
1595
1606
|
|
|
1596
1607
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1597
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1608
|
+
var Checkbox_default = {"checkboxGroup":"bds0117Checkbox-checkboxGroup","inputWrapper":"bds0117Checkbox-inputWrapper","checkbox":"bds0117Checkbox-checkbox","checkboxError":"bds0117Checkbox-checkboxError"};
|
|
1598
1609
|
|
|
1599
1610
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1600
|
-
var Message_default = {"error":"
|
|
1611
|
+
var Message_default = {"error":"bds0117Message-error","hint":"bds0117Message-hint"};
|
|
1601
1612
|
|
|
1602
1613
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1603
1614
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
@@ -1607,7 +1618,7 @@ var Message = ({ message, type, inputId }) => {
|
|
|
1607
1618
|
};
|
|
1608
1619
|
|
|
1609
1620
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1610
|
-
var Label_default = {"label":"
|
|
1621
|
+
var Label_default = {"label":"bds0117Label-label"};
|
|
1611
1622
|
|
|
1612
1623
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1613
1624
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
@@ -1619,7 +1630,7 @@ var Label = ({ label, id }) => {
|
|
|
1619
1630
|
var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
|
|
1620
1631
|
|
|
1621
1632
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1622
|
-
var InputContainer_default = {"container":"
|
|
1633
|
+
var InputContainer_default = {"container":"bds0117InputContainer-container"};
|
|
1623
1634
|
|
|
1624
1635
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1625
1636
|
var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
|
|
@@ -1660,7 +1671,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1660
1671
|
var import_react13 = require("react");
|
|
1661
1672
|
|
|
1662
1673
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1663
|
-
var Combobox_default = {"formGroup":"
|
|
1674
|
+
var Combobox_default = {"formGroup":"bds0117Combobox-formGroup","inputWrapper":"bds0117Combobox-inputWrapper","input":"bds0117Combobox-input","inputError":"bds0117Combobox-inputError","chevron":"bds0117Combobox-chevron","listbox":"bds0117Combobox-listbox","option":"bds0117Combobox-option","--highlighted":"bds0117Combobox---highlighted","--selected":"bds0117Combobox---selected","--disabled":"bds0117Combobox---disabled"};
|
|
1664
1675
|
|
|
1665
1676
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1666
1677
|
var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
|
|
@@ -1811,7 +1822,7 @@ function Combobox({
|
|
|
1811
1822
|
var import_react14 = require("react");
|
|
1812
1823
|
|
|
1813
1824
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
1814
|
-
var FileInput_default = {"formGroup":"
|
|
1825
|
+
var FileInput_default = {"formGroup":"bds0117FileInput-formGroup","dropZone":"bds0117FileInput-dropZone","isDragging":"bds0117FileInput-isDragging","hasError":"bds0117FileInput-hasError","isDisabled":"bds0117FileInput-isDisabled","icon":"bds0117FileInput-icon","prompt":"bds0117FileInput-prompt","acceptHint":"bds0117FileInput-acceptHint","hiddenInput":"bds0117FileInput-hiddenInput"};
|
|
1815
1826
|
|
|
1816
1827
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
1817
1828
|
var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
|
|
@@ -1908,7 +1919,7 @@ function FileInput({
|
|
|
1908
1919
|
var import_react15 = require("react");
|
|
1909
1920
|
|
|
1910
1921
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
1911
|
-
var FormInput_default = {"formGroup":"
|
|
1922
|
+
var FormInput_default = {"formGroup":"bds0117FormInput-formGroup","input":"bds0117FormInput-input","inputError":"bds0117FormInput-inputError"};
|
|
1912
1923
|
|
|
1913
1924
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
1914
1925
|
var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
|
|
@@ -1949,7 +1960,7 @@ function FormInput({
|
|
|
1949
1960
|
var import_react16 = require("react");
|
|
1950
1961
|
|
|
1951
1962
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
1952
|
-
var NumberInput_default = {"formGroup":"
|
|
1963
|
+
var NumberInput_default = {"formGroup":"bds0117NumberInput-formGroup","inputRow":"bds0117NumberInput-inputRow","input":"bds0117NumberInput-input","inputError":"bds0117NumberInput-inputError","stepper":"bds0117NumberInput-stepper"};
|
|
1953
1964
|
|
|
1954
1965
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
1955
1966
|
var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
|
|
@@ -2044,7 +2055,7 @@ function NumberInput({
|
|
|
2044
2055
|
var import_react17 = require("react");
|
|
2045
2056
|
|
|
2046
2057
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2047
|
-
var Radio_default = {"radioGroup":"
|
|
2058
|
+
var Radio_default = {"radioGroup":"bds0117Radio-radioGroup","inputWrapper":"bds0117Radio-inputWrapper","textWrapper":"bds0117Radio-textWrapper","description":"bds0117Radio-description","radio":"bds0117Radio-radio","radioError":"bds0117Radio-radioError"};
|
|
2048
2059
|
|
|
2049
2060
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2050
2061
|
var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
|
|
@@ -2078,15 +2089,90 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2078
2089
|
] });
|
|
2079
2090
|
}
|
|
2080
2091
|
|
|
2081
|
-
// src/components/interaction/form/
|
|
2092
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2082
2093
|
var import_react18 = require("react");
|
|
2083
2094
|
|
|
2084
|
-
// src/components/interaction/form/
|
|
2085
|
-
var
|
|
2095
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2096
|
+
var SegmentedControl_default = {"control":"bds0117SegmentedControl-control","thumb":"bds0117SegmentedControl-thumb","item":"bds0117SegmentedControl-item","--disabled":"bds0117SegmentedControl---disabled","radio":"bds0117SegmentedControl-radio","label":"bds0117SegmentedControl-label","--size_small":"bds0117SegmentedControl---size_small","--size_large":"bds0117SegmentedControl---size_large","--active":"bds0117SegmentedControl---active"};
|
|
2086
2097
|
|
|
2087
|
-
// src/components/interaction/form/
|
|
2098
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2088
2099
|
var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
|
|
2089
2100
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2101
|
+
function SegmentedControl({
|
|
2102
|
+
name,
|
|
2103
|
+
options,
|
|
2104
|
+
value,
|
|
2105
|
+
defaultValue,
|
|
2106
|
+
onChange,
|
|
2107
|
+
disabled,
|
|
2108
|
+
size = "medium",
|
|
2109
|
+
className,
|
|
2110
|
+
...rest
|
|
2111
|
+
}) {
|
|
2112
|
+
const baseId = name + (0, import_react18.useId)();
|
|
2113
|
+
const [internalValue, setInternalValue] = (0, import_react18.useState)(
|
|
2114
|
+
defaultValue ?? options[0]?.value ?? ""
|
|
2115
|
+
);
|
|
2116
|
+
const activeValue = value ?? internalValue;
|
|
2117
|
+
const selectedIndex = options.findIndex((o) => o.value === activeValue);
|
|
2118
|
+
const handleChange = (optionValue) => {
|
|
2119
|
+
if (value === void 0) setInternalValue(optionValue);
|
|
2120
|
+
onChange?.(optionValue);
|
|
2121
|
+
};
|
|
2122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
2123
|
+
"div",
|
|
2124
|
+
{
|
|
2125
|
+
className: (0, import_design_system_foundation37.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
|
|
2126
|
+
style: {
|
|
2127
|
+
"--control_count": options.length,
|
|
2128
|
+
"--control_selected-index": Math.max(0, selectedIndex)
|
|
2129
|
+
},
|
|
2130
|
+
children: [
|
|
2131
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2132
|
+
options.map((option, index) => {
|
|
2133
|
+
const id = `${baseId}-${index}`;
|
|
2134
|
+
const isChecked = option.value === activeValue;
|
|
2135
|
+
const isDisabled = disabled || option.disabled;
|
|
2136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
2137
|
+
"label",
|
|
2138
|
+
{
|
|
2139
|
+
htmlFor: id,
|
|
2140
|
+
className: (0, import_design_system_foundation37.cn)(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
|
|
2141
|
+
children: [
|
|
2142
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2143
|
+
"input",
|
|
2144
|
+
{
|
|
2145
|
+
...rest,
|
|
2146
|
+
type: "radio",
|
|
2147
|
+
id,
|
|
2148
|
+
name,
|
|
2149
|
+
value: option.value,
|
|
2150
|
+
checked: isChecked,
|
|
2151
|
+
disabled: isDisabled,
|
|
2152
|
+
className: SegmentedControl_default.radio,
|
|
2153
|
+
onChange: () => handleChange(option.value)
|
|
2154
|
+
}
|
|
2155
|
+
),
|
|
2156
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: SegmentedControl_default.label, children: option.label })
|
|
2157
|
+
]
|
|
2158
|
+
},
|
|
2159
|
+
option.value
|
|
2160
|
+
);
|
|
2161
|
+
})
|
|
2162
|
+
]
|
|
2163
|
+
}
|
|
2164
|
+
);
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2167
|
+
// src/components/interaction/form/Select/Select.tsx
|
|
2168
|
+
var import_react19 = require("react");
|
|
2169
|
+
|
|
2170
|
+
// src/components/interaction/form/Select/Select.module.css
|
|
2171
|
+
var Select_default = {"formGroup":"bds0117Select-formGroup","selectWrapper":"bds0117Select-selectWrapper","select":"bds0117Select-select","selectError":"bds0117Select-selectError","chevron":"bds0117Select-chevron"};
|
|
2172
|
+
|
|
2173
|
+
// src/components/interaction/form/Select/Select.tsx
|
|
2174
|
+
var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
|
|
2175
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2090
2176
|
function Select({
|
|
2091
2177
|
label,
|
|
2092
2178
|
name,
|
|
@@ -2097,44 +2183,44 @@ function Select({
|
|
|
2097
2183
|
className,
|
|
2098
2184
|
...props
|
|
2099
2185
|
}) {
|
|
2100
|
-
const id = name + (0,
|
|
2186
|
+
const id = name + (0, import_react19.useId)();
|
|
2101
2187
|
const hintId = id + "hint";
|
|
2102
2188
|
const errorId = id + "error";
|
|
2103
2189
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2104
|
-
return /* @__PURE__ */ (0,
|
|
2105
|
-
/* @__PURE__ */ (0,
|
|
2106
|
-
/* @__PURE__ */ (0,
|
|
2107
|
-
/* @__PURE__ */ (0,
|
|
2190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(Select_default.formGroup, className), children: [
|
|
2191
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
|
|
2192
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Select_default.selectWrapper, children: [
|
|
2193
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
2108
2194
|
"select",
|
|
2109
2195
|
{
|
|
2110
2196
|
id,
|
|
2111
2197
|
name,
|
|
2112
2198
|
"aria-invalid": !!error,
|
|
2113
2199
|
"aria-describedby": describedBy,
|
|
2114
|
-
className: (0,
|
|
2200
|
+
className: (0, import_design_system_foundation38.cn)(Select_default.select, error ? Select_default.selectError : void 0),
|
|
2115
2201
|
...props,
|
|
2116
2202
|
children: [
|
|
2117
|
-
placeholder && /* @__PURE__ */ (0,
|
|
2118
|
-
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0,
|
|
2203
|
+
placeholder && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
|
|
2204
|
+
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value, disabled, children: optLabel }, value))
|
|
2119
2205
|
]
|
|
2120
2206
|
}
|
|
2121
2207
|
),
|
|
2122
|
-
/* @__PURE__ */ (0,
|
|
2208
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
|
|
2123
2209
|
] }),
|
|
2124
|
-
/* @__PURE__ */ (0,
|
|
2125
|
-
/* @__PURE__ */ (0,
|
|
2210
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2211
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2126
2212
|
] });
|
|
2127
2213
|
}
|
|
2128
2214
|
|
|
2129
2215
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2130
|
-
var
|
|
2216
|
+
var import_react20 = require("react");
|
|
2131
2217
|
|
|
2132
2218
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2133
|
-
var Slider_default = {"formGroup":"
|
|
2219
|
+
var Slider_default = {"formGroup":"bds0117Slider-formGroup","labelRow":"bds0117Slider-labelRow","value":"bds0117Slider-value","slider":"bds0117Slider-slider","sliderError":"bds0117Slider-sliderError"};
|
|
2134
2220
|
|
|
2135
2221
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2136
|
-
var
|
|
2137
|
-
var
|
|
2222
|
+
var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
|
|
2223
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2138
2224
|
function Slider({
|
|
2139
2225
|
label,
|
|
2140
2226
|
name,
|
|
@@ -2147,24 +2233,24 @@ function Slider({
|
|
|
2147
2233
|
onChange,
|
|
2148
2234
|
...props
|
|
2149
2235
|
}) {
|
|
2150
|
-
const id = name + (0,
|
|
2236
|
+
const id = name + (0, import_react20.useId)();
|
|
2151
2237
|
const hintId = id + "hint";
|
|
2152
2238
|
const errorId = id + "error";
|
|
2153
2239
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2154
2240
|
const isControlled = props.value !== void 0;
|
|
2155
|
-
const [internalValue, setInternalValue] = (0,
|
|
2241
|
+
const [internalValue, setInternalValue] = (0, import_react20.useState)(Number(props.defaultValue ?? min));
|
|
2156
2242
|
const currentValue = isControlled ? Number(props.value) : internalValue;
|
|
2157
2243
|
const fillPct = (currentValue - min) / (max - min) * 100;
|
|
2158
2244
|
const handleChange = (e) => {
|
|
2159
2245
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
2160
2246
|
onChange?.(e);
|
|
2161
2247
|
};
|
|
2162
|
-
return /* @__PURE__ */ (0,
|
|
2163
|
-
/* @__PURE__ */ (0,
|
|
2164
|
-
/* @__PURE__ */ (0,
|
|
2165
|
-
showValue && /* @__PURE__ */ (0,
|
|
2248
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(Slider_default.formGroup, className), children: [
|
|
2249
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: Slider_default.labelRow, children: [
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id, label }),
|
|
2251
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: Slider_default.value, children: currentValue })
|
|
2166
2252
|
] }),
|
|
2167
|
-
/* @__PURE__ */ (0,
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2168
2254
|
"input",
|
|
2169
2255
|
{
|
|
2170
2256
|
type: "range",
|
|
@@ -2176,26 +2262,26 @@ function Slider({
|
|
|
2176
2262
|
"aria-valuemin": min,
|
|
2177
2263
|
"aria-valuemax": max,
|
|
2178
2264
|
"aria-valuenow": currentValue,
|
|
2179
|
-
className: (0,
|
|
2265
|
+
className: (0, import_design_system_foundation39.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
|
|
2180
2266
|
style: { "--slider_fill": `${fillPct}%` },
|
|
2181
2267
|
onChange: handleChange,
|
|
2182
2268
|
...props
|
|
2183
2269
|
}
|
|
2184
2270
|
),
|
|
2185
|
-
/* @__PURE__ */ (0,
|
|
2186
|
-
/* @__PURE__ */ (0,
|
|
2271
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2272
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2187
2273
|
] });
|
|
2188
2274
|
}
|
|
2189
2275
|
|
|
2190
2276
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2191
|
-
var
|
|
2277
|
+
var import_react21 = require("react");
|
|
2192
2278
|
|
|
2193
2279
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2194
|
-
var Switch_default = {"switchGroup":"
|
|
2280
|
+
var Switch_default = {"switchGroup":"bds0117Switch-switchGroup","--size_small":"bds0117Switch---size_small","--size_medium":"bds0117Switch---size_medium","--size_large":"bds0117Switch---size_large","inputWrapper":"bds0117Switch-inputWrapper","trackWrapper":"bds0117Switch-trackWrapper","switch":"bds0117Switch-switch","track":"bds0117Switch-track","thumb":"bds0117Switch-thumb","switchError":"bds0117Switch-switchError"};
|
|
2195
2281
|
|
|
2196
2282
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2197
|
-
var
|
|
2198
|
-
var
|
|
2283
|
+
var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
|
|
2284
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2199
2285
|
function Switch({
|
|
2200
2286
|
label,
|
|
2201
2287
|
name,
|
|
@@ -2203,16 +2289,18 @@ function Switch({
|
|
|
2203
2289
|
error,
|
|
2204
2290
|
hint,
|
|
2205
2291
|
className,
|
|
2292
|
+
prefix,
|
|
2206
2293
|
...props
|
|
2207
2294
|
}) {
|
|
2208
|
-
const id = name + (0,
|
|
2295
|
+
const id = name + (0, import_react21.useId)();
|
|
2209
2296
|
const hintId = id + "hint";
|
|
2210
2297
|
const errorId = id + "error";
|
|
2211
2298
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2212
|
-
return /* @__PURE__ */ (0,
|
|
2213
|
-
/* @__PURE__ */ (0,
|
|
2214
|
-
/* @__PURE__ */ (0,
|
|
2215
|
-
|
|
2299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation40.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
2300
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Switch_default.inputWrapper, children: [
|
|
2301
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label: prefix }),
|
|
2302
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Switch_default.trackWrapper, children: [
|
|
2303
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2216
2304
|
"input",
|
|
2217
2305
|
{
|
|
2218
2306
|
type: "checkbox",
|
|
@@ -2220,28 +2308,28 @@ function Switch({
|
|
|
2220
2308
|
id,
|
|
2221
2309
|
name,
|
|
2222
2310
|
"aria-describedby": describedBy,
|
|
2223
|
-
className: (0,
|
|
2311
|
+
className: (0, import_design_system_foundation40.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2224
2312
|
...props
|
|
2225
2313
|
}
|
|
2226
2314
|
),
|
|
2227
|
-
/* @__PURE__ */ (0,
|
|
2315
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: Switch_default.thumb }) })
|
|
2228
2316
|
] }),
|
|
2229
|
-
/* @__PURE__ */ (0,
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label })
|
|
2230
2318
|
] }),
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
/* @__PURE__ */ (0,
|
|
2319
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2320
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2233
2321
|
] });
|
|
2234
2322
|
}
|
|
2235
2323
|
|
|
2236
2324
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2237
|
-
var
|
|
2325
|
+
var import_react22 = require("react");
|
|
2238
2326
|
|
|
2239
2327
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2240
|
-
var Textarea_default = {"formGroup":"
|
|
2328
|
+
var Textarea_default = {"formGroup":"bds0117Textarea-formGroup","textarea":"bds0117Textarea-textarea","textareaError":"bds0117Textarea-textareaError"};
|
|
2241
2329
|
|
|
2242
2330
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2243
|
-
var
|
|
2244
|
-
var
|
|
2331
|
+
var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
|
|
2332
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2245
2333
|
function Textarea({
|
|
2246
2334
|
label,
|
|
2247
2335
|
name,
|
|
@@ -2250,44 +2338,44 @@ function Textarea({
|
|
|
2250
2338
|
className,
|
|
2251
2339
|
...props
|
|
2252
2340
|
}) {
|
|
2253
|
-
const id = name + (0,
|
|
2341
|
+
const id = name + (0, import_react22.useId)();
|
|
2254
2342
|
const hintId = id + "hint";
|
|
2255
2343
|
const errorId = id + "error";
|
|
2256
2344
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2257
|
-
return /* @__PURE__ */ (0,
|
|
2258
|
-
/* @__PURE__ */ (0,
|
|
2259
|
-
/* @__PURE__ */ (0,
|
|
2345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(Textarea_default.formGroup, className), children: [
|
|
2346
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
|
|
2347
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2260
2348
|
"textarea",
|
|
2261
2349
|
{
|
|
2262
2350
|
id,
|
|
2263
2351
|
name,
|
|
2264
2352
|
"aria-invalid": !!error,
|
|
2265
2353
|
"aria-describedby": describedBy,
|
|
2266
|
-
className: (0,
|
|
2354
|
+
className: (0, import_design_system_foundation41.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2267
2355
|
...props
|
|
2268
2356
|
}
|
|
2269
2357
|
),
|
|
2270
|
-
/* @__PURE__ */ (0,
|
|
2271
|
-
/* @__PURE__ */ (0,
|
|
2358
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2359
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2272
2360
|
] });
|
|
2273
2361
|
}
|
|
2274
2362
|
|
|
2275
2363
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2276
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2364
|
+
var ButtonGroup_default = {"buttonGroup":"bds0117ButtonGroup-buttonGroup","container":"bds0117ButtonGroup-container","--variant_card":"bds0117ButtonGroup---variant_card","--variant_flow":"bds0117ButtonGroup---variant_flow","--variant_modal":"bds0117ButtonGroup---variant_modal","--variant_content":"bds0117ButtonGroup---variant_content","--variant_grid":"bds0117ButtonGroup---variant_grid"};
|
|
2277
2365
|
|
|
2278
2366
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2279
|
-
var
|
|
2280
|
-
var
|
|
2367
|
+
var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
|
|
2368
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2281
2369
|
function ButtonGroup({ children, className, variant }) {
|
|
2282
|
-
return /* @__PURE__ */ (0,
|
|
2370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: (0, import_design_system_foundation42.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ButtonGroup_default.container, children }) });
|
|
2283
2371
|
}
|
|
2284
2372
|
|
|
2285
2373
|
// src/components/layout/Card/Card.module.css
|
|
2286
|
-
var Card_default = {"card":"
|
|
2374
|
+
var Card_default = {"card":"bds0117Card-card","--default":"bds0117Card---default","--elevated":"bds0117Card---elevated","--outlined":"bds0117Card---outlined","--clickable":"bds0117Card---clickable","--padding-none":"bds0117Card---padding-none","--padding-small":"bds0117Card---padding-small","--padding-medium":"bds0117Card---padding-medium","--padding-large":"bds0117Card---padding-large","--text-start":"bds0117Card---text-start","--text-center":"bds0117Card---text-center","--text-end":"bds0117Card---text-end"};
|
|
2287
2375
|
|
|
2288
2376
|
// src/components/layout/Card/Card.tsx
|
|
2289
|
-
var
|
|
2290
|
-
var
|
|
2377
|
+
var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
|
|
2378
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2291
2379
|
function Card({
|
|
2292
2380
|
children,
|
|
2293
2381
|
className,
|
|
@@ -2298,7 +2386,7 @@ function Card({
|
|
|
2298
2386
|
onClick,
|
|
2299
2387
|
"aria-label": ariaLabel
|
|
2300
2388
|
}) {
|
|
2301
|
-
const classNames = (0,
|
|
2389
|
+
const classNames = (0, import_design_system_foundation43.cn)(
|
|
2302
2390
|
Card_default.card,
|
|
2303
2391
|
Card_default[`--${variant}`],
|
|
2304
2392
|
Card_default[`--padding-${padding}`],
|
|
@@ -2307,7 +2395,7 @@ function Card({
|
|
|
2307
2395
|
className
|
|
2308
2396
|
);
|
|
2309
2397
|
const Component = onClick ? "button" : "div";
|
|
2310
|
-
return /* @__PURE__ */ (0,
|
|
2398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2311
2399
|
Component,
|
|
2312
2400
|
{
|
|
2313
2401
|
className: classNames,
|
|
@@ -2321,11 +2409,11 @@ function Card({
|
|
|
2321
2409
|
}
|
|
2322
2410
|
|
|
2323
2411
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2324
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2412
|
+
var SectionHeader_default = {"sectionHeader":"bds0117SectionHeader-sectionHeader","title":"bds0117SectionHeader-title","subtitle":"bds0117SectionHeader-subtitle","--start":"bds0117SectionHeader---start","--center":"bds0117SectionHeader---center","--end":"bds0117SectionHeader---end","--small":"bds0117SectionHeader---small","--medium":"bds0117SectionHeader---medium","--large":"bds0117SectionHeader---large"};
|
|
2325
2413
|
|
|
2326
2414
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2327
|
-
var
|
|
2328
|
-
var
|
|
2415
|
+
var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
|
|
2416
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2329
2417
|
function SectionHeader({
|
|
2330
2418
|
title,
|
|
2331
2419
|
subtitle,
|
|
@@ -2335,24 +2423,24 @@ function SectionHeader({
|
|
|
2335
2423
|
titleAs = "h2"
|
|
2336
2424
|
}) {
|
|
2337
2425
|
const Title = titleAs;
|
|
2338
|
-
return /* @__PURE__ */ (0,
|
|
2339
|
-
/* @__PURE__ */ (0,
|
|
2340
|
-
subtitle && /* @__PURE__ */ (0,
|
|
2426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("header", { className: (0, import_design_system_foundation44.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
|
|
2427
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Title, { className: SectionHeader_default.title, children: title }),
|
|
2428
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
2341
2429
|
] });
|
|
2342
2430
|
}
|
|
2343
2431
|
|
|
2344
2432
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2345
|
-
var IconWrapper_default = {"wrapper":"
|
|
2433
|
+
var IconWrapper_default = {"wrapper":"bds0117IconWrapper-wrapper"};
|
|
2346
2434
|
|
|
2347
2435
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2348
|
-
var
|
|
2349
|
-
var
|
|
2436
|
+
var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
|
|
2437
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2350
2438
|
function IconWrapper({ children, className }) {
|
|
2351
|
-
return /* @__PURE__ */ (0,
|
|
2439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: (0, import_design_system_foundation45.cn)(className, IconWrapper_default.wrapper), children });
|
|
2352
2440
|
}
|
|
2353
2441
|
|
|
2354
2442
|
// src/index.ts
|
|
2355
|
-
var
|
|
2443
|
+
var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
|
|
2356
2444
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2357
2445
|
0 && (module.exports = {
|
|
2358
2446
|
Accordion,
|
|
@@ -2387,6 +2475,7 @@ var import_design_system_foundation45 = require("@boostdev/design-system-foundat
|
|
|
2387
2475
|
Radio,
|
|
2388
2476
|
Rating,
|
|
2389
2477
|
SectionHeader,
|
|
2478
|
+
SegmentedControl,
|
|
2390
2479
|
Select,
|
|
2391
2480
|
Separator,
|
|
2392
2481
|
Skeleton,
|