@boostdev/design-system-components 0.1.16 → 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 +202 -115
- package/dist/client.css +514 -425
- package/dist/client.d.cts +20 -1
- package/dist/client.d.ts +20 -1
- package/dist/client.js +201 -115
- package/dist/index.cjs +202 -115
- package/dist/index.css +514 -425
- package/dist/index.d.cts +20 -1
- package/dist/index.d.ts +20 -1
- package/dist/index.js +201 -115
- 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/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,
|
|
@@ -2206,15 +2292,15 @@ function Switch({
|
|
|
2206
2292
|
prefix,
|
|
2207
2293
|
...props
|
|
2208
2294
|
}) {
|
|
2209
|
-
const id = name + (0,
|
|
2295
|
+
const id = name + (0, import_react21.useId)();
|
|
2210
2296
|
const hintId = id + "hint";
|
|
2211
2297
|
const errorId = id + "error";
|
|
2212
2298
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2213
|
-
return /* @__PURE__ */ (0,
|
|
2214
|
-
/* @__PURE__ */ (0,
|
|
2215
|
-
prefix && /* @__PURE__ */ (0,
|
|
2216
|
-
/* @__PURE__ */ (0,
|
|
2217
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
2218
2304
|
"input",
|
|
2219
2305
|
{
|
|
2220
2306
|
type: "checkbox",
|
|
@@ -2222,28 +2308,28 @@ function Switch({
|
|
|
2222
2308
|
id,
|
|
2223
2309
|
name,
|
|
2224
2310
|
"aria-describedby": describedBy,
|
|
2225
|
-
className: (0,
|
|
2311
|
+
className: (0, import_design_system_foundation40.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2226
2312
|
...props
|
|
2227
2313
|
}
|
|
2228
2314
|
),
|
|
2229
|
-
/* @__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 }) })
|
|
2230
2316
|
] }),
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label })
|
|
2232
2318
|
] }),
|
|
2233
|
-
/* @__PURE__ */ (0,
|
|
2234
|
-
/* @__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 })
|
|
2235
2321
|
] });
|
|
2236
2322
|
}
|
|
2237
2323
|
|
|
2238
2324
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2239
|
-
var
|
|
2325
|
+
var import_react22 = require("react");
|
|
2240
2326
|
|
|
2241
2327
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2242
|
-
var Textarea_default = {"formGroup":"
|
|
2328
|
+
var Textarea_default = {"formGroup":"bds0117Textarea-formGroup","textarea":"bds0117Textarea-textarea","textareaError":"bds0117Textarea-textareaError"};
|
|
2243
2329
|
|
|
2244
2330
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2245
|
-
var
|
|
2246
|
-
var
|
|
2331
|
+
var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
|
|
2332
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2247
2333
|
function Textarea({
|
|
2248
2334
|
label,
|
|
2249
2335
|
name,
|
|
@@ -2252,44 +2338,44 @@ function Textarea({
|
|
|
2252
2338
|
className,
|
|
2253
2339
|
...props
|
|
2254
2340
|
}) {
|
|
2255
|
-
const id = name + (0,
|
|
2341
|
+
const id = name + (0, import_react22.useId)();
|
|
2256
2342
|
const hintId = id + "hint";
|
|
2257
2343
|
const errorId = id + "error";
|
|
2258
2344
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2259
|
-
return /* @__PURE__ */ (0,
|
|
2260
|
-
/* @__PURE__ */ (0,
|
|
2261
|
-
/* @__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)(
|
|
2262
2348
|
"textarea",
|
|
2263
2349
|
{
|
|
2264
2350
|
id,
|
|
2265
2351
|
name,
|
|
2266
2352
|
"aria-invalid": !!error,
|
|
2267
2353
|
"aria-describedby": describedBy,
|
|
2268
|
-
className: (0,
|
|
2354
|
+
className: (0, import_design_system_foundation41.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2269
2355
|
...props
|
|
2270
2356
|
}
|
|
2271
2357
|
),
|
|
2272
|
-
/* @__PURE__ */ (0,
|
|
2273
|
-
/* @__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 })
|
|
2274
2360
|
] });
|
|
2275
2361
|
}
|
|
2276
2362
|
|
|
2277
2363
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2278
|
-
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"};
|
|
2279
2365
|
|
|
2280
2366
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2281
|
-
var
|
|
2282
|
-
var
|
|
2367
|
+
var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
|
|
2368
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2283
2369
|
function ButtonGroup({ children, className, variant }) {
|
|
2284
|
-
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 }) });
|
|
2285
2371
|
}
|
|
2286
2372
|
|
|
2287
2373
|
// src/components/layout/Card/Card.module.css
|
|
2288
|
-
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"};
|
|
2289
2375
|
|
|
2290
2376
|
// src/components/layout/Card/Card.tsx
|
|
2291
|
-
var
|
|
2292
|
-
var
|
|
2377
|
+
var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
|
|
2378
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2293
2379
|
function Card({
|
|
2294
2380
|
children,
|
|
2295
2381
|
className,
|
|
@@ -2300,7 +2386,7 @@ function Card({
|
|
|
2300
2386
|
onClick,
|
|
2301
2387
|
"aria-label": ariaLabel
|
|
2302
2388
|
}) {
|
|
2303
|
-
const classNames = (0,
|
|
2389
|
+
const classNames = (0, import_design_system_foundation43.cn)(
|
|
2304
2390
|
Card_default.card,
|
|
2305
2391
|
Card_default[`--${variant}`],
|
|
2306
2392
|
Card_default[`--padding-${padding}`],
|
|
@@ -2309,7 +2395,7 @@ function Card({
|
|
|
2309
2395
|
className
|
|
2310
2396
|
);
|
|
2311
2397
|
const Component = onClick ? "button" : "div";
|
|
2312
|
-
return /* @__PURE__ */ (0,
|
|
2398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2313
2399
|
Component,
|
|
2314
2400
|
{
|
|
2315
2401
|
className: classNames,
|
|
@@ -2323,11 +2409,11 @@ function Card({
|
|
|
2323
2409
|
}
|
|
2324
2410
|
|
|
2325
2411
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2326
|
-
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"};
|
|
2327
2413
|
|
|
2328
2414
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2329
|
-
var
|
|
2330
|
-
var
|
|
2415
|
+
var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
|
|
2416
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2331
2417
|
function SectionHeader({
|
|
2332
2418
|
title,
|
|
2333
2419
|
subtitle,
|
|
@@ -2337,24 +2423,24 @@ function SectionHeader({
|
|
|
2337
2423
|
titleAs = "h2"
|
|
2338
2424
|
}) {
|
|
2339
2425
|
const Title = titleAs;
|
|
2340
|
-
return /* @__PURE__ */ (0,
|
|
2341
|
-
/* @__PURE__ */ (0,
|
|
2342
|
-
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 })
|
|
2343
2429
|
] });
|
|
2344
2430
|
}
|
|
2345
2431
|
|
|
2346
2432
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2347
|
-
var IconWrapper_default = {"wrapper":"
|
|
2433
|
+
var IconWrapper_default = {"wrapper":"bds0117IconWrapper-wrapper"};
|
|
2348
2434
|
|
|
2349
2435
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2350
|
-
var
|
|
2351
|
-
var
|
|
2436
|
+
var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
|
|
2437
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2352
2438
|
function IconWrapper({ children, className }) {
|
|
2353
|
-
return /* @__PURE__ */ (0,
|
|
2439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: (0, import_design_system_foundation45.cn)(className, IconWrapper_default.wrapper), children });
|
|
2354
2440
|
}
|
|
2355
2441
|
|
|
2356
2442
|
// src/index.ts
|
|
2357
|
-
var
|
|
2443
|
+
var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
|
|
2358
2444
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2359
2445
|
0 && (module.exports = {
|
|
2360
2446
|
Accordion,
|
|
@@ -2389,6 +2475,7 @@ var import_design_system_foundation45 = require("@boostdev/design-system-foundat
|
|
|
2389
2475
|
Radio,
|
|
2390
2476
|
Rating,
|
|
2391
2477
|
SectionHeader,
|
|
2478
|
+
SegmentedControl,
|
|
2392
2479
|
Select,
|
|
2393
2480
|
Separator,
|
|
2394
2481
|
Skeleton,
|