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