@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.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { useId, useState } from "react";
|
|
5
5
|
|
|
6
6
|
// src/components/ui/Accordion/Accordion.module.css
|
|
7
|
-
var Accordion_default = {"accordion":"
|
|
7
|
+
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"};
|
|
8
8
|
|
|
9
9
|
// src/components/ui/Accordion/Accordion.tsx
|
|
10
10
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -72,7 +72,7 @@ function Accordion({
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
// src/components/ui/Alert/Alert.module.css
|
|
75
|
-
var Alert_default = {"alert":"
|
|
75
|
+
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"};
|
|
76
76
|
|
|
77
77
|
// src/components/ui/Alert/Alert.tsx
|
|
78
78
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
@@ -115,7 +115,7 @@ function Alert({
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
// src/components/ui/Avatar/Avatar.module.css
|
|
118
|
-
var Avatar_default = {"avatar":"
|
|
118
|
+
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"};
|
|
119
119
|
|
|
120
120
|
// src/components/ui/Avatar/Avatar.tsx
|
|
121
121
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
@@ -141,7 +141,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
// src/components/ui/Badge/Badge.module.css
|
|
144
|
-
var Badge_default = {"badge":"
|
|
144
|
+
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"};
|
|
145
145
|
|
|
146
146
|
// src/components/ui/Badge/Badge.tsx
|
|
147
147
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -151,7 +151,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
154
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
154
|
+
var Breadcrumb_default = {"breadcrumb":"bds0117Breadcrumb-breadcrumb","list":"bds0117Breadcrumb-list","item":"bds0117Breadcrumb-item","link":"bds0117Breadcrumb-link","separator":"bds0117Breadcrumb-separator","current":"bds0117Breadcrumb-current"};
|
|
155
155
|
|
|
156
156
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
157
157
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -167,7 +167,7 @@ function Breadcrumb({ items, className }) {
|
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
170
|
-
var Collapsible_default = {"collapsible":"
|
|
170
|
+
var Collapsible_default = {"collapsible":"bds0117Collapsible-collapsible","summary":"bds0117Collapsible-summary","summaryContent":"bds0117Collapsible-summaryContent","icon":"bds0117Collapsible-icon","content":"bds0117Collapsible-content"};
|
|
171
171
|
|
|
172
172
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
173
173
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -208,7 +208,7 @@ function Collapsible({
|
|
|
208
208
|
import { useState as useState2, useId as useId2 } from "react";
|
|
209
209
|
|
|
210
210
|
// src/components/ui/Calendar/Calendar.module.css
|
|
211
|
-
var Calendar_default = {"calendar":"
|
|
211
|
+
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"};
|
|
212
212
|
|
|
213
213
|
// src/components/ui/Calendar/Calendar.tsx
|
|
214
214
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -374,7 +374,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
374
374
|
import { useRef, useId as useId3 } from "react";
|
|
375
375
|
|
|
376
376
|
// src/components/ui/Carousel/Carousel.module.css
|
|
377
|
-
var Carousel_default = {"carousel":"
|
|
377
|
+
var Carousel_default = {"carousel":"bds0117Carousel-carousel","track":"bds0117Carousel-track","slide":"bds0117Carousel-slide","navBtn":"bds0117Carousel-navBtn"};
|
|
378
378
|
|
|
379
379
|
// src/components/ui/Carousel/Carousel.tsx
|
|
380
380
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -427,7 +427,7 @@ function Carousel({ items, label, className }) {
|
|
|
427
427
|
}
|
|
428
428
|
|
|
429
429
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
430
|
-
var DescriptionList_default = {"list":"
|
|
430
|
+
var DescriptionList_default = {"list":"bds0117DescriptionList-list","group":"bds0117DescriptionList-group","term":"bds0117DescriptionList-term","details":"bds0117DescriptionList-details","--layout_inline":"bds0117DescriptionList---layout_inline"};
|
|
431
431
|
|
|
432
432
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
433
433
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -440,7 +440,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
440
440
|
}
|
|
441
441
|
|
|
442
442
|
// src/components/ui/Link/Link.module.css
|
|
443
|
-
var Link_default = {"link":"
|
|
443
|
+
var Link_default = {"link":"bds0117Link-link","--variant_default":"bds0117Link---variant_default","--variant_subtle":"bds0117Link---variant_subtle","--variant_standalone":"bds0117Link---variant_standalone","externalLabel":"bds0117Link-externalLabel"};
|
|
444
444
|
|
|
445
445
|
// src/components/ui/Link/Link.tsx
|
|
446
446
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -471,7 +471,7 @@ function Link({
|
|
|
471
471
|
}
|
|
472
472
|
|
|
473
473
|
// src/components/ui/Loading/Loading.module.css
|
|
474
|
-
var Loading_default = {"loading":"
|
|
474
|
+
var Loading_default = {"loading":"bds0117Loading-loading","spinner":"bds0117Loading-spinner","--size_small":"bds0117Loading---size_small","--size_large":"bds0117Loading---size_large"};
|
|
475
475
|
|
|
476
476
|
// src/components/ui/Loading/Loading.tsx
|
|
477
477
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -481,7 +481,7 @@ function Loading({ size = "medium", className }) {
|
|
|
481
481
|
}
|
|
482
482
|
|
|
483
483
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
484
|
-
var NotificationBanner_default = {"banner":"
|
|
484
|
+
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"};
|
|
485
485
|
|
|
486
486
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
487
487
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -520,7 +520,7 @@ function NotificationBanner({
|
|
|
520
520
|
}
|
|
521
521
|
|
|
522
522
|
// src/components/ui/Pagination/Pagination.module.css
|
|
523
|
-
var Pagination_default = {"pagination":"
|
|
523
|
+
var Pagination_default = {"pagination":"bds0117Pagination-pagination","list":"bds0117Pagination-list","button":"bds0117Pagination-button","--active":"bds0117Pagination---active","--nav":"bds0117Pagination---nav","ellipsis":"bds0117Pagination-ellipsis"};
|
|
524
524
|
|
|
525
525
|
// src/components/ui/Pagination/Pagination.tsx
|
|
526
526
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -584,7 +584,7 @@ function Pagination({
|
|
|
584
584
|
}
|
|
585
585
|
|
|
586
586
|
// src/components/ui/Progress/Progress.module.css
|
|
587
|
-
var Progress_default = {"container":"
|
|
587
|
+
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"};
|
|
588
588
|
|
|
589
589
|
// src/components/ui/Progress/Progress.tsx
|
|
590
590
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -622,7 +622,7 @@ function Progress({
|
|
|
622
622
|
}
|
|
623
623
|
|
|
624
624
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
625
|
-
var ProgressCircle_default = {"wrapper":"
|
|
625
|
+
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"};
|
|
626
626
|
|
|
627
627
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
628
628
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -701,7 +701,7 @@ function ProgressCircle({
|
|
|
701
701
|
}
|
|
702
702
|
|
|
703
703
|
// src/components/ui/Separator/Separator.module.css
|
|
704
|
-
var Separator_default = {"separator":"
|
|
704
|
+
var Separator_default = {"separator":"bds0117Separator-separator","--horizontal":"bds0117Separator---horizontal","--vertical":"bds0117Separator---vertical"};
|
|
705
705
|
|
|
706
706
|
// src/components/ui/Separator/Separator.tsx
|
|
707
707
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -724,7 +724,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
724
724
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
725
725
|
|
|
726
726
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
727
|
-
var Skeleton_default = {"skeleton":"
|
|
727
|
+
var Skeleton_default = {"skeleton":"bds0117Skeleton-skeleton"};
|
|
728
728
|
|
|
729
729
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
730
730
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -733,7 +733,7 @@ function Skeleton({ className }) {
|
|
|
733
733
|
}
|
|
734
734
|
|
|
735
735
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
736
|
-
var SkipLink_default = {"skipLink":"
|
|
736
|
+
var SkipLink_default = {"skipLink":"bds0117SkipLink-skipLink"};
|
|
737
737
|
|
|
738
738
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
739
739
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
@@ -742,7 +742,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
|
|
|
742
742
|
}
|
|
743
743
|
|
|
744
744
|
// src/components/ui/Table/Table.module.css
|
|
745
|
-
var Table_default = {"wrapper":"
|
|
745
|
+
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"};
|
|
746
746
|
|
|
747
747
|
// src/components/ui/Table/Table.tsx
|
|
748
748
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -811,7 +811,7 @@ function Table({
|
|
|
811
811
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
812
812
|
|
|
813
813
|
// src/components/ui/Tabs/Tabs.module.css
|
|
814
|
-
var Tabs_default = {"tabs":"
|
|
814
|
+
var Tabs_default = {"tabs":"bds0117Tabs-tabs","tabList":"bds0117Tabs-tabList","tab":"bds0117Tabs-tab","--active":"bds0117Tabs---active","panel":"bds0117Tabs-panel"};
|
|
815
815
|
|
|
816
816
|
// src/components/ui/Tabs/Tabs.tsx
|
|
817
817
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -892,7 +892,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
892
892
|
import { cloneElement, isValidElement, useId as useId5 } from "react";
|
|
893
893
|
|
|
894
894
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
895
|
-
var Tooltip_default = {"wrapper":"
|
|
895
|
+
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"};
|
|
896
896
|
|
|
897
897
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
898
898
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -922,7 +922,7 @@ function Tooltip({
|
|
|
922
922
|
}
|
|
923
923
|
|
|
924
924
|
// src/components/ui/Typography/Typography.module.css
|
|
925
|
-
var Typography_default = {"typography":"
|
|
925
|
+
var Typography_default = {"typography":"bds0117Typography-typography","--h1":"bds0117Typography---h1","--h2":"bds0117Typography---h2","--h3":"bds0117Typography---h3","--body":"bds0117Typography---body","--body_s":"bds0117Typography---body_s"};
|
|
926
926
|
|
|
927
927
|
// src/components/ui/Typography/Typography.tsx
|
|
928
928
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -940,7 +940,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
940
940
|
}
|
|
941
941
|
|
|
942
942
|
// src/components/interaction/Button/Button.module.css
|
|
943
|
-
var Button_default = {"button":"
|
|
943
|
+
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"};
|
|
944
944
|
|
|
945
945
|
// src/components/interaction/Button/Button.tsx
|
|
946
946
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -1016,7 +1016,7 @@ function Button({
|
|
|
1016
1016
|
import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
|
|
1017
1017
|
|
|
1018
1018
|
// src/components/interaction/Command/Command.module.css
|
|
1019
|
-
var Command_default = {"dialog":"
|
|
1019
|
+
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"};
|
|
1020
1020
|
|
|
1021
1021
|
// src/components/interaction/Command/Command.tsx
|
|
1022
1022
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1054,12 +1054,17 @@ function Command({
|
|
|
1054
1054
|
if (!dialog) return;
|
|
1055
1055
|
if (isOpen) {
|
|
1056
1056
|
dialog.showModal();
|
|
1057
|
+
document.body.style.overflow = "hidden";
|
|
1057
1058
|
setQuery("");
|
|
1058
1059
|
setActiveIndex(0);
|
|
1059
1060
|
setTimeout(() => inputRef.current?.focus(), 0);
|
|
1060
1061
|
} else if (dialog.open) {
|
|
1061
1062
|
dialog.close();
|
|
1063
|
+
document.body.style.overflow = "";
|
|
1062
1064
|
}
|
|
1065
|
+
return () => {
|
|
1066
|
+
document.body.style.overflow = "";
|
|
1067
|
+
};
|
|
1063
1068
|
}, [isOpen]);
|
|
1064
1069
|
useEffect(() => {
|
|
1065
1070
|
setActiveIndex(0);
|
|
@@ -1155,7 +1160,7 @@ function Command({
|
|
|
1155
1160
|
import { useEffect as useEffect2, useRef as useRef4 } from "react";
|
|
1156
1161
|
|
|
1157
1162
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1158
|
-
var Dialog_default = {"dialog":"
|
|
1163
|
+
var Dialog_default = {"dialog":"bds0117Dialog-dialog","dialogContent":"bds0117Dialog-dialogContent","closeForm":"bds0117Dialog-closeForm","closeButton":"bds0117Dialog-closeButton"};
|
|
1159
1164
|
|
|
1160
1165
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1161
1166
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1211,7 +1216,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
|
|
|
1211
1216
|
import { useEffect as useEffect3, useRef as useRef5 } from "react";
|
|
1212
1217
|
|
|
1213
1218
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1214
|
-
var Drawer_default = {"drawer":"
|
|
1219
|
+
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"};
|
|
1215
1220
|
|
|
1216
1221
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1217
1222
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1231,9 +1236,14 @@ function Drawer({
|
|
|
1231
1236
|
if (!dialog) return;
|
|
1232
1237
|
if (isOpen) {
|
|
1233
1238
|
dialog.showModal();
|
|
1239
|
+
document.body.style.overflow = "hidden";
|
|
1234
1240
|
} else if (dialog.open) {
|
|
1235
1241
|
dialog.close();
|
|
1242
|
+
document.body.style.overflow = "";
|
|
1236
1243
|
}
|
|
1244
|
+
return () => {
|
|
1245
|
+
document.body.style.overflow = "";
|
|
1246
|
+
};
|
|
1237
1247
|
}, [isOpen]);
|
|
1238
1248
|
const handleClick = (e) => {
|
|
1239
1249
|
if (e.target === dialogRef.current) onClose();
|
|
@@ -1281,7 +1291,7 @@ import {
|
|
|
1281
1291
|
} from "react";
|
|
1282
1292
|
|
|
1283
1293
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1284
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1294
|
+
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"};
|
|
1285
1295
|
|
|
1286
1296
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1287
1297
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1401,7 +1411,7 @@ import {
|
|
|
1401
1411
|
} from "react";
|
|
1402
1412
|
|
|
1403
1413
|
// src/components/interaction/Popover/Popover.module.css
|
|
1404
|
-
var Popover_default = {"wrapper":"
|
|
1414
|
+
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"};
|
|
1405
1415
|
|
|
1406
1416
|
// src/components/interaction/Popover/Popover.tsx
|
|
1407
1417
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1457,7 +1467,7 @@ function Popover({
|
|
|
1457
1467
|
}
|
|
1458
1468
|
|
|
1459
1469
|
// src/components/interaction/Rating/Rating.module.css
|
|
1460
|
-
var Rating_default = {"rating":"
|
|
1470
|
+
var Rating_default = {"rating":"bds0117Rating-rating","star":"bds0117Rating-star","--filled":"bds0117Rating---filled"};
|
|
1461
1471
|
|
|
1462
1472
|
// src/components/interaction/Rating/Rating.tsx
|
|
1463
1473
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1488,7 +1498,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1488
1498
|
import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
|
|
1489
1499
|
|
|
1490
1500
|
// src/components/interaction/Toast/Toast.module.css
|
|
1491
|
-
var Toast_default = {"toastContainer":"
|
|
1501
|
+
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"};
|
|
1492
1502
|
|
|
1493
1503
|
// src/components/interaction/Toast/Toast.tsx
|
|
1494
1504
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1538,10 +1548,10 @@ function useToast() {
|
|
|
1538
1548
|
import { useId as useId9 } from "react";
|
|
1539
1549
|
|
|
1540
1550
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1541
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1551
|
+
var Checkbox_default = {"checkboxGroup":"bds0117Checkbox-checkboxGroup","inputWrapper":"bds0117Checkbox-inputWrapper","checkbox":"bds0117Checkbox-checkbox","checkboxError":"bds0117Checkbox-checkboxError"};
|
|
1542
1552
|
|
|
1543
1553
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1544
|
-
var Message_default = {"error":"
|
|
1554
|
+
var Message_default = {"error":"bds0117Message-error","hint":"bds0117Message-hint"};
|
|
1545
1555
|
|
|
1546
1556
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1547
1557
|
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
@@ -1551,7 +1561,7 @@ var Message = ({ message, type, inputId }) => {
|
|
|
1551
1561
|
};
|
|
1552
1562
|
|
|
1553
1563
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1554
|
-
var Label_default = {"label":"
|
|
1564
|
+
var Label_default = {"label":"bds0117Label-label"};
|
|
1555
1565
|
|
|
1556
1566
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1557
1567
|
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
@@ -1563,7 +1573,7 @@ var Label = ({ label, id }) => {
|
|
|
1563
1573
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
1564
1574
|
|
|
1565
1575
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1566
|
-
var InputContainer_default = {"container":"
|
|
1576
|
+
var InputContainer_default = {"container":"bds0117InputContainer-container"};
|
|
1567
1577
|
|
|
1568
1578
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1569
1579
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1610,7 +1620,7 @@ import {
|
|
|
1610
1620
|
} from "react";
|
|
1611
1621
|
|
|
1612
1622
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1613
|
-
var Combobox_default = {"formGroup":"
|
|
1623
|
+
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"};
|
|
1614
1624
|
|
|
1615
1625
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1616
1626
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1761,7 +1771,7 @@ function Combobox({
|
|
|
1761
1771
|
import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
|
|
1762
1772
|
|
|
1763
1773
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
1764
|
-
var FileInput_default = {"formGroup":"
|
|
1774
|
+
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"};
|
|
1765
1775
|
|
|
1766
1776
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
1767
1777
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1858,7 +1868,7 @@ function FileInput({
|
|
|
1858
1868
|
import { useId as useId12 } from "react";
|
|
1859
1869
|
|
|
1860
1870
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
1861
|
-
var FormInput_default = {"formGroup":"
|
|
1871
|
+
var FormInput_default = {"formGroup":"bds0117FormInput-formGroup","input":"bds0117FormInput-input","inputError":"bds0117FormInput-inputError"};
|
|
1862
1872
|
|
|
1863
1873
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
1864
1874
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
@@ -1899,7 +1909,7 @@ function FormInput({
|
|
|
1899
1909
|
import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
|
|
1900
1910
|
|
|
1901
1911
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
1902
|
-
var NumberInput_default = {"formGroup":"
|
|
1912
|
+
var NumberInput_default = {"formGroup":"bds0117NumberInput-formGroup","inputRow":"bds0117NumberInput-inputRow","input":"bds0117NumberInput-input","inputError":"bds0117NumberInput-inputError","stepper":"bds0117NumberInput-stepper"};
|
|
1903
1913
|
|
|
1904
1914
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
1905
1915
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -1994,7 +2004,7 @@ function NumberInput({
|
|
|
1994
2004
|
import { useId as useId14 } from "react";
|
|
1995
2005
|
|
|
1996
2006
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
1997
|
-
var Radio_default = {"radioGroup":"
|
|
2007
|
+
var Radio_default = {"radioGroup":"bds0117Radio-radioGroup","inputWrapper":"bds0117Radio-inputWrapper","textWrapper":"bds0117Radio-textWrapper","description":"bds0117Radio-description","radio":"bds0117Radio-radio","radioError":"bds0117Radio-radioError"};
|
|
1998
2008
|
|
|
1999
2009
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2000
2010
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2028,15 +2038,90 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2028
2038
|
] });
|
|
2029
2039
|
}
|
|
2030
2040
|
|
|
2041
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2042
|
+
import { useId as useId15, useState as useState11 } from "react";
|
|
2043
|
+
|
|
2044
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2045
|
+
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"};
|
|
2046
|
+
|
|
2047
|
+
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2048
|
+
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
2049
|
+
import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2050
|
+
function SegmentedControl({
|
|
2051
|
+
name,
|
|
2052
|
+
options,
|
|
2053
|
+
value,
|
|
2054
|
+
defaultValue,
|
|
2055
|
+
onChange,
|
|
2056
|
+
disabled,
|
|
2057
|
+
size = "medium",
|
|
2058
|
+
className,
|
|
2059
|
+
...rest
|
|
2060
|
+
}) {
|
|
2061
|
+
const baseId = name + useId15();
|
|
2062
|
+
const [internalValue, setInternalValue] = useState11(
|
|
2063
|
+
defaultValue ?? options[0]?.value ?? ""
|
|
2064
|
+
);
|
|
2065
|
+
const activeValue = value ?? internalValue;
|
|
2066
|
+
const selectedIndex = options.findIndex((o) => o.value === activeValue);
|
|
2067
|
+
const handleChange = (optionValue) => {
|
|
2068
|
+
if (value === void 0) setInternalValue(optionValue);
|
|
2069
|
+
onChange?.(optionValue);
|
|
2070
|
+
};
|
|
2071
|
+
return /* @__PURE__ */ jsxs29(
|
|
2072
|
+
"div",
|
|
2073
|
+
{
|
|
2074
|
+
className: cn37(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
|
|
2075
|
+
style: {
|
|
2076
|
+
"--control_count": options.length,
|
|
2077
|
+
"--control_selected-index": Math.max(0, selectedIndex)
|
|
2078
|
+
},
|
|
2079
|
+
children: [
|
|
2080
|
+
/* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2081
|
+
options.map((option, index) => {
|
|
2082
|
+
const id = `${baseId}-${index}`;
|
|
2083
|
+
const isChecked = option.value === activeValue;
|
|
2084
|
+
const isDisabled = disabled || option.disabled;
|
|
2085
|
+
return /* @__PURE__ */ jsxs29(
|
|
2086
|
+
"label",
|
|
2087
|
+
{
|
|
2088
|
+
htmlFor: id,
|
|
2089
|
+
className: cn37(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
|
|
2090
|
+
children: [
|
|
2091
|
+
/* @__PURE__ */ jsx40(
|
|
2092
|
+
"input",
|
|
2093
|
+
{
|
|
2094
|
+
...rest,
|
|
2095
|
+
type: "radio",
|
|
2096
|
+
id,
|
|
2097
|
+
name,
|
|
2098
|
+
value: option.value,
|
|
2099
|
+
checked: isChecked,
|
|
2100
|
+
disabled: isDisabled,
|
|
2101
|
+
className: SegmentedControl_default.radio,
|
|
2102
|
+
onChange: () => handleChange(option.value)
|
|
2103
|
+
}
|
|
2104
|
+
),
|
|
2105
|
+
/* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.label, children: option.label })
|
|
2106
|
+
]
|
|
2107
|
+
},
|
|
2108
|
+
option.value
|
|
2109
|
+
);
|
|
2110
|
+
})
|
|
2111
|
+
]
|
|
2112
|
+
}
|
|
2113
|
+
);
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2031
2116
|
// src/components/interaction/form/Select/Select.tsx
|
|
2032
|
-
import { useId as
|
|
2117
|
+
import { useId as useId16 } from "react";
|
|
2033
2118
|
|
|
2034
2119
|
// src/components/interaction/form/Select/Select.module.css
|
|
2035
|
-
var Select_default = {"formGroup":"
|
|
2120
|
+
var Select_default = {"formGroup":"bds0117Select-formGroup","selectWrapper":"bds0117Select-selectWrapper","select":"bds0117Select-select","selectError":"bds0117Select-selectError","chevron":"bds0117Select-chevron"};
|
|
2036
2121
|
|
|
2037
2122
|
// src/components/interaction/form/Select/Select.tsx
|
|
2038
|
-
import { cn as
|
|
2039
|
-
import { jsx as
|
|
2123
|
+
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
2124
|
+
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2040
2125
|
function Select({
|
|
2041
2126
|
label,
|
|
2042
2127
|
name,
|
|
@@ -2047,44 +2132,44 @@ function Select({
|
|
|
2047
2132
|
className,
|
|
2048
2133
|
...props
|
|
2049
2134
|
}) {
|
|
2050
|
-
const id = name +
|
|
2135
|
+
const id = name + useId16();
|
|
2051
2136
|
const hintId = id + "hint";
|
|
2052
2137
|
const errorId = id + "error";
|
|
2053
2138
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2054
|
-
return /* @__PURE__ */
|
|
2055
|
-
/* @__PURE__ */
|
|
2056
|
-
/* @__PURE__ */
|
|
2057
|
-
/* @__PURE__ */
|
|
2139
|
+
return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Select_default.formGroup, className), children: [
|
|
2140
|
+
/* @__PURE__ */ jsx41(Label, { id, label }),
|
|
2141
|
+
/* @__PURE__ */ jsxs30("div", { className: Select_default.selectWrapper, children: [
|
|
2142
|
+
/* @__PURE__ */ jsxs30(
|
|
2058
2143
|
"select",
|
|
2059
2144
|
{
|
|
2060
2145
|
id,
|
|
2061
2146
|
name,
|
|
2062
2147
|
"aria-invalid": !!error,
|
|
2063
2148
|
"aria-describedby": describedBy,
|
|
2064
|
-
className:
|
|
2149
|
+
className: cn38(Select_default.select, error ? Select_default.selectError : void 0),
|
|
2065
2150
|
...props,
|
|
2066
2151
|
children: [
|
|
2067
|
-
placeholder && /* @__PURE__ */
|
|
2068
|
-
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */
|
|
2152
|
+
placeholder && /* @__PURE__ */ jsx41("option", { value: "", disabled: true, hidden: true, children: placeholder }),
|
|
2153
|
+
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx41("option", { value, disabled, children: optLabel }, value))
|
|
2069
2154
|
]
|
|
2070
2155
|
}
|
|
2071
2156
|
),
|
|
2072
|
-
/* @__PURE__ */
|
|
2157
|
+
/* @__PURE__ */ jsx41("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx41("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
|
|
2073
2158
|
] }),
|
|
2074
|
-
/* @__PURE__ */
|
|
2075
|
-
/* @__PURE__ */
|
|
2159
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
|
|
2160
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
|
|
2076
2161
|
] });
|
|
2077
2162
|
}
|
|
2078
2163
|
|
|
2079
2164
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2080
|
-
import { useId as
|
|
2165
|
+
import { useId as useId17, useState as useState12 } from "react";
|
|
2081
2166
|
|
|
2082
2167
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2083
|
-
var Slider_default = {"formGroup":"
|
|
2168
|
+
var Slider_default = {"formGroup":"bds0117Slider-formGroup","labelRow":"bds0117Slider-labelRow","value":"bds0117Slider-value","slider":"bds0117Slider-slider","sliderError":"bds0117Slider-sliderError"};
|
|
2084
2169
|
|
|
2085
2170
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2086
|
-
import { cn as
|
|
2087
|
-
import { jsx as
|
|
2171
|
+
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
2172
|
+
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2088
2173
|
function Slider({
|
|
2089
2174
|
label,
|
|
2090
2175
|
name,
|
|
@@ -2097,24 +2182,24 @@ function Slider({
|
|
|
2097
2182
|
onChange,
|
|
2098
2183
|
...props
|
|
2099
2184
|
}) {
|
|
2100
|
-
const id = name +
|
|
2185
|
+
const id = name + useId17();
|
|
2101
2186
|
const hintId = id + "hint";
|
|
2102
2187
|
const errorId = id + "error";
|
|
2103
2188
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2104
2189
|
const isControlled = props.value !== void 0;
|
|
2105
|
-
const [internalValue, setInternalValue] =
|
|
2190
|
+
const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
|
|
2106
2191
|
const currentValue = isControlled ? Number(props.value) : internalValue;
|
|
2107
2192
|
const fillPct = (currentValue - min) / (max - min) * 100;
|
|
2108
2193
|
const handleChange = (e) => {
|
|
2109
2194
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
2110
2195
|
onChange?.(e);
|
|
2111
2196
|
};
|
|
2112
|
-
return /* @__PURE__ */
|
|
2113
|
-
/* @__PURE__ */
|
|
2114
|
-
/* @__PURE__ */
|
|
2115
|
-
showValue && /* @__PURE__ */
|
|
2197
|
+
return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Slider_default.formGroup, className), children: [
|
|
2198
|
+
/* @__PURE__ */ jsxs31("div", { className: Slider_default.labelRow, children: [
|
|
2199
|
+
/* @__PURE__ */ jsx42(Label, { id, label }),
|
|
2200
|
+
showValue && /* @__PURE__ */ jsx42("span", { className: Slider_default.value, children: currentValue })
|
|
2116
2201
|
] }),
|
|
2117
|
-
/* @__PURE__ */
|
|
2202
|
+
/* @__PURE__ */ jsx42(
|
|
2118
2203
|
"input",
|
|
2119
2204
|
{
|
|
2120
2205
|
type: "range",
|
|
@@ -2126,26 +2211,26 @@ function Slider({
|
|
|
2126
2211
|
"aria-valuemin": min,
|
|
2127
2212
|
"aria-valuemax": max,
|
|
2128
2213
|
"aria-valuenow": currentValue,
|
|
2129
|
-
className:
|
|
2214
|
+
className: cn39(Slider_default.slider, error ? Slider_default.sliderError : void 0),
|
|
2130
2215
|
style: { "--slider_fill": `${fillPct}%` },
|
|
2131
2216
|
onChange: handleChange,
|
|
2132
2217
|
...props
|
|
2133
2218
|
}
|
|
2134
2219
|
),
|
|
2135
|
-
/* @__PURE__ */
|
|
2136
|
-
/* @__PURE__ */
|
|
2220
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
|
|
2221
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
|
|
2137
2222
|
] });
|
|
2138
2223
|
}
|
|
2139
2224
|
|
|
2140
2225
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2141
|
-
import { useId as
|
|
2226
|
+
import { useId as useId18 } from "react";
|
|
2142
2227
|
|
|
2143
2228
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2144
|
-
var Switch_default = {"switchGroup":"
|
|
2229
|
+
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"};
|
|
2145
2230
|
|
|
2146
2231
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2147
|
-
import { cn as
|
|
2148
|
-
import { jsx as
|
|
2232
|
+
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
2233
|
+
import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2149
2234
|
function Switch({
|
|
2150
2235
|
label,
|
|
2151
2236
|
name,
|
|
@@ -2156,15 +2241,15 @@ function Switch({
|
|
|
2156
2241
|
prefix,
|
|
2157
2242
|
...props
|
|
2158
2243
|
}) {
|
|
2159
|
-
const id = name +
|
|
2244
|
+
const id = name + useId18();
|
|
2160
2245
|
const hintId = id + "hint";
|
|
2161
2246
|
const errorId = id + "error";
|
|
2162
2247
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2163
|
-
return /* @__PURE__ */
|
|
2164
|
-
/* @__PURE__ */
|
|
2165
|
-
prefix && /* @__PURE__ */
|
|
2166
|
-
/* @__PURE__ */
|
|
2167
|
-
/* @__PURE__ */
|
|
2248
|
+
return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
2249
|
+
/* @__PURE__ */ jsxs32("div", { className: Switch_default.inputWrapper, children: [
|
|
2250
|
+
prefix && /* @__PURE__ */ jsx43(Label, { id, label: prefix }),
|
|
2251
|
+
/* @__PURE__ */ jsxs32("div", { className: Switch_default.trackWrapper, children: [
|
|
2252
|
+
/* @__PURE__ */ jsx43(
|
|
2168
2253
|
"input",
|
|
2169
2254
|
{
|
|
2170
2255
|
type: "checkbox",
|
|
@@ -2172,28 +2257,28 @@ function Switch({
|
|
|
2172
2257
|
id,
|
|
2173
2258
|
name,
|
|
2174
2259
|
"aria-describedby": describedBy,
|
|
2175
|
-
className:
|
|
2260
|
+
className: cn40(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2176
2261
|
...props
|
|
2177
2262
|
}
|
|
2178
2263
|
),
|
|
2179
|
-
/* @__PURE__ */
|
|
2264
|
+
/* @__PURE__ */ jsx43("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx43("span", { className: Switch_default.thumb }) })
|
|
2180
2265
|
] }),
|
|
2181
|
-
/* @__PURE__ */
|
|
2266
|
+
/* @__PURE__ */ jsx43(Label, { id, label })
|
|
2182
2267
|
] }),
|
|
2183
|
-
/* @__PURE__ */
|
|
2184
|
-
/* @__PURE__ */
|
|
2268
|
+
/* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
|
|
2269
|
+
/* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
|
|
2185
2270
|
] });
|
|
2186
2271
|
}
|
|
2187
2272
|
|
|
2188
2273
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2189
|
-
import { useId as
|
|
2274
|
+
import { useId as useId19 } from "react";
|
|
2190
2275
|
|
|
2191
2276
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2192
|
-
var Textarea_default = {"formGroup":"
|
|
2277
|
+
var Textarea_default = {"formGroup":"bds0117Textarea-formGroup","textarea":"bds0117Textarea-textarea","textareaError":"bds0117Textarea-textareaError"};
|
|
2193
2278
|
|
|
2194
2279
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2195
|
-
import { cn as
|
|
2196
|
-
import { jsx as
|
|
2280
|
+
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
2281
|
+
import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2197
2282
|
function Textarea({
|
|
2198
2283
|
label,
|
|
2199
2284
|
name,
|
|
@@ -2202,44 +2287,44 @@ function Textarea({
|
|
|
2202
2287
|
className,
|
|
2203
2288
|
...props
|
|
2204
2289
|
}) {
|
|
2205
|
-
const id = name +
|
|
2290
|
+
const id = name + useId19();
|
|
2206
2291
|
const hintId = id + "hint";
|
|
2207
2292
|
const errorId = id + "error";
|
|
2208
2293
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2209
|
-
return /* @__PURE__ */
|
|
2210
|
-
/* @__PURE__ */
|
|
2211
|
-
/* @__PURE__ */
|
|
2294
|
+
return /* @__PURE__ */ jsxs33(InputContainer, { className: cn41(Textarea_default.formGroup, className), children: [
|
|
2295
|
+
/* @__PURE__ */ jsx44(Label, { id, label }),
|
|
2296
|
+
/* @__PURE__ */ jsx44(
|
|
2212
2297
|
"textarea",
|
|
2213
2298
|
{
|
|
2214
2299
|
id,
|
|
2215
2300
|
name,
|
|
2216
2301
|
"aria-invalid": !!error,
|
|
2217
2302
|
"aria-describedby": describedBy,
|
|
2218
|
-
className:
|
|
2303
|
+
className: cn41(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2219
2304
|
...props
|
|
2220
2305
|
}
|
|
2221
2306
|
),
|
|
2222
|
-
/* @__PURE__ */
|
|
2223
|
-
/* @__PURE__ */
|
|
2307
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
|
|
2308
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
|
|
2224
2309
|
] });
|
|
2225
2310
|
}
|
|
2226
2311
|
|
|
2227
2312
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2228
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2313
|
+
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"};
|
|
2229
2314
|
|
|
2230
2315
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2231
|
-
import { cn as
|
|
2232
|
-
import { jsx as
|
|
2316
|
+
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
2317
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
2233
2318
|
function ButtonGroup({ children, className, variant }) {
|
|
2234
|
-
return /* @__PURE__ */
|
|
2319
|
+
return /* @__PURE__ */ jsx45("div", { className: cn42(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx45("div", { className: ButtonGroup_default.container, children }) });
|
|
2235
2320
|
}
|
|
2236
2321
|
|
|
2237
2322
|
// src/components/layout/Card/Card.module.css
|
|
2238
|
-
var Card_default = {"card":"
|
|
2323
|
+
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"};
|
|
2239
2324
|
|
|
2240
2325
|
// src/components/layout/Card/Card.tsx
|
|
2241
|
-
import { cn as
|
|
2242
|
-
import { jsx as
|
|
2326
|
+
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
2327
|
+
import { jsx as jsx46 } from "react/jsx-runtime";
|
|
2243
2328
|
function Card({
|
|
2244
2329
|
children,
|
|
2245
2330
|
className,
|
|
@@ -2250,7 +2335,7 @@ function Card({
|
|
|
2250
2335
|
onClick,
|
|
2251
2336
|
"aria-label": ariaLabel
|
|
2252
2337
|
}) {
|
|
2253
|
-
const classNames =
|
|
2338
|
+
const classNames = cn43(
|
|
2254
2339
|
Card_default.card,
|
|
2255
2340
|
Card_default[`--${variant}`],
|
|
2256
2341
|
Card_default[`--padding-${padding}`],
|
|
@@ -2259,7 +2344,7 @@ function Card({
|
|
|
2259
2344
|
className
|
|
2260
2345
|
);
|
|
2261
2346
|
const Component = onClick ? "button" : "div";
|
|
2262
|
-
return /* @__PURE__ */
|
|
2347
|
+
return /* @__PURE__ */ jsx46(
|
|
2263
2348
|
Component,
|
|
2264
2349
|
{
|
|
2265
2350
|
className: classNames,
|
|
@@ -2273,11 +2358,11 @@ function Card({
|
|
|
2273
2358
|
}
|
|
2274
2359
|
|
|
2275
2360
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2276
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2361
|
+
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"};
|
|
2277
2362
|
|
|
2278
2363
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2279
|
-
import { cn as
|
|
2280
|
-
import { jsx as
|
|
2364
|
+
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
2365
|
+
import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
2281
2366
|
function SectionHeader({
|
|
2282
2367
|
title,
|
|
2283
2368
|
subtitle,
|
|
@@ -2287,24 +2372,24 @@ function SectionHeader({
|
|
|
2287
2372
|
titleAs = "h2"
|
|
2288
2373
|
}) {
|
|
2289
2374
|
const Title = titleAs;
|
|
2290
|
-
return /* @__PURE__ */
|
|
2291
|
-
/* @__PURE__ */
|
|
2292
|
-
subtitle && /* @__PURE__ */
|
|
2375
|
+
return /* @__PURE__ */ jsxs34("header", { className: cn44(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
|
|
2376
|
+
/* @__PURE__ */ jsx47(Title, { className: SectionHeader_default.title, children: title }),
|
|
2377
|
+
subtitle && /* @__PURE__ */ jsx47("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
2293
2378
|
] });
|
|
2294
2379
|
}
|
|
2295
2380
|
|
|
2296
2381
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2297
|
-
var IconWrapper_default = {"wrapper":"
|
|
2382
|
+
var IconWrapper_default = {"wrapper":"bds0117IconWrapper-wrapper"};
|
|
2298
2383
|
|
|
2299
2384
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2300
|
-
import { cn as
|
|
2301
|
-
import { jsx as
|
|
2385
|
+
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
2386
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
2302
2387
|
function IconWrapper({ children, className }) {
|
|
2303
|
-
return /* @__PURE__ */
|
|
2388
|
+
return /* @__PURE__ */ jsx48("div", { className: cn45(className, IconWrapper_default.wrapper), children });
|
|
2304
2389
|
}
|
|
2305
2390
|
|
|
2306
2391
|
// src/index.ts
|
|
2307
|
-
import { cn as
|
|
2392
|
+
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
2308
2393
|
export {
|
|
2309
2394
|
Accordion,
|
|
2310
2395
|
Alert,
|
|
@@ -2338,6 +2423,7 @@ export {
|
|
|
2338
2423
|
Radio,
|
|
2339
2424
|
Rating,
|
|
2340
2425
|
SectionHeader,
|
|
2426
|
+
SegmentedControl,
|
|
2341
2427
|
Select,
|
|
2342
2428
|
Separator,
|
|
2343
2429
|
Skeleton,
|
|
@@ -2350,6 +2436,6 @@ export {
|
|
|
2350
2436
|
ToastProvider,
|
|
2351
2437
|
Tooltip,
|
|
2352
2438
|
Typography,
|
|
2353
|
-
|
|
2439
|
+
cn46 as cn,
|
|
2354
2440
|
useToast
|
|
2355
2441
|
};
|