@boostdev/design-system-components 2.6.0 → 2.7.1
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 +102 -2
- package/dist/client.cjs +257 -219
- package/dist/client.css +587 -539
- package/dist/client.d.cts +27 -1
- package/dist/client.d.ts +27 -1
- package/dist/client.js +220 -183
- package/dist/index.cjs +257 -219
- package/dist/index.css +587 -539
- package/dist/index.d.cts +27 -1
- package/dist/index.d.ts +27 -1
- package/dist/index.js +220 -183
- package/dist/web-components/{chunk-T6AETZRP.js → chunk-3GFWLSLS.js} +1 -1
- package/dist/web-components/{chunk-N6IMUOY4.js → chunk-65JXQOBA.js} +3 -3
- package/dist/web-components/{chunk-ZTC6GRP7.js → chunk-BKIHQYJR.js} +1 -0
- package/dist/web-components/{chunk-X3FKVHLK.js → chunk-CM3KYZ6Z.js} +1 -1
- package/dist/web-components/{chunk-QLZ2362S.js → chunk-CZBIVR4V.js} +1 -1
- package/dist/web-components/{chunk-GER5UJOF.js → chunk-F5E3IT7G.js} +1 -3
- package/dist/web-components/{chunk-UFFCKVZE.js → chunk-FXURM6D5.js} +1 -1
- package/dist/web-components/{chunk-HHHRF2PS.js → chunk-IYGF6CD5.js} +1 -1
- package/dist/web-components/{chunk-OCODKRVZ.js → chunk-KUI55GFB.js} +2 -2
- package/dist/web-components/{chunk-ZNKEZIYE.js → chunk-NCPQ7AF3.js} +3 -2
- package/dist/web-components/{chunk-RTOS7LLG.js → chunk-PC3IOQAH.js} +3 -8
- package/dist/web-components/{chunk-JUKB3BUP.js → chunk-PXZWYO6Z.js} +1 -1
- package/dist/web-components/{chunk-EBJM3VD4.js → chunk-QBB6ZX4R.js} +1 -1
- package/dist/web-components/{chunk-ECW3HHWA.js → chunk-TQ7IQ4GZ.js} +7 -2
- package/dist/web-components/{chunk-AJSXNDAP.js → chunk-X46KL5BK.js} +19 -18
- package/dist/web-components/{chunk-XNA6WTXG.js → chunk-Y3POAKGS.js} +1 -1
- package/dist/web-components/{chunk-HGBNDR22.js → chunk-Y7V7LM6R.js} +1 -1
- package/dist/web-components/index.d.ts +56 -1
- package/dist/web-components/index.js +140 -19
- package/dist/web-components/interaction/bds-accordion-item.js +1 -1
- package/dist/web-components/interaction/bds-accordion.js +1 -1
- package/dist/web-components/interaction/bds-button.js +1 -1
- package/dist/web-components/interaction/bds-dialog.js +1 -1
- package/dist/web-components/interaction/bds-drawer.js +1 -1
- package/dist/web-components/interaction/bds-popover.js +1 -1
- package/dist/web-components/interaction/bds-tooltip.js +1 -1
- package/dist/web-components/interaction/form/bds-checkbox.js +1 -1
- package/dist/web-components/interaction/form/bds-combobox.js +1 -1
- package/dist/web-components/interaction/form/bds-number-input.js +1 -1
- package/dist/web-components/interaction/form/bds-radio.js +1 -1
- package/dist/web-components/interaction/form/bds-select.js +1 -1
- package/dist/web-components/interaction/form/bds-switch.js +1 -1
- package/dist/web-components/interaction/form/bds-textarea.js +1 -1
- package/dist/web-components/ui/bds-alert.js +1 -1
- package/dist/web-components/ui/bds-card.d.ts +3 -9
- package/dist/web-components/ui/bds-card.js +1 -1
- package/dist/web-components/ui/bds-notification-banner.js +1 -1
- package/package.json +4 -2
- package/src/components/interaction/form/FieldGroup/FieldGroup.mdx +113 -0
- package/src/components/interaction/form/FieldGroup/FieldGroup.module.css +96 -0
- package/src/components/interaction/form/FieldGroup/FieldGroup.spec.tsx +196 -0
- package/src/components/interaction/form/FieldGroup/FieldGroup.stories.tsx +99 -0
- package/src/components/interaction/form/FieldGroup/FieldGroup.tsx +64 -0
- package/src/components/interaction/form/FieldGroup/index.ts +2 -0
- package/src/components/interaction/form/atoms/Message.module.css +4 -0
- package/src/components/layout/IconWrapper/IconWrapper.module.css +2 -2
- package/src/index.ts +2 -0
- package/src/test/token-contract.spec.ts +86 -0
- package/src/web-components/index.ts +2 -0
- package/src/web-components/interaction/bds-accordion-item.ts +1 -1
- package/src/web-components/interaction/bds-accordion.ts +1 -0
- package/src/web-components/interaction/bds-button.ts +1 -3
- package/src/web-components/interaction/bds-dialog.ts +3 -3
- package/src/web-components/interaction/bds-drawer.ts +2 -2
- package/src/web-components/interaction/bds-popover.ts +7 -2
- package/src/web-components/interaction/bds-tooltip.ts +1 -1
- package/src/web-components/interaction/form/BdsFieldGroup.mdx +67 -0
- package/src/web-components/interaction/form/BdsFieldGroup.stories.tsx +110 -0
- package/src/web-components/interaction/form/bds-checkbox-group.ts +1 -0
- package/src/web-components/interaction/form/bds-checkbox.ts +1 -1
- package/src/web-components/interaction/form/bds-combobox.ts +1 -1
- package/src/web-components/interaction/form/bds-field-group.spec.ts +64 -0
- package/src/web-components/interaction/form/bds-field-group.ts +157 -0
- package/src/web-components/interaction/form/bds-form-input.ts +2 -1
- package/src/web-components/interaction/form/bds-number-input.ts +1 -1
- package/src/web-components/interaction/form/bds-radio-group.ts +1 -0
- package/src/web-components/interaction/form/bds-radio.ts +1 -1
- package/src/web-components/interaction/form/bds-select.ts +1 -1
- package/src/web-components/interaction/form/bds-switch.ts +1 -1
- package/src/web-components/interaction/form/bds-textarea.ts +1 -1
- package/src/web-components/ui/BdsCard.mdx +4 -3
- package/src/web-components/ui/BdsCard.stories.tsx +7 -11
- package/src/web-components/ui/BdsSkeleton.stories.tsx +4 -4
- package/src/web-components/ui/bds-alert.ts +3 -2
- package/src/web-components/ui/bds-card.spec.ts +3 -5
- package/src/web-components/ui/bds-card.ts +5 -12
- package/src/web-components/ui/bds-notification-banner.ts +19 -18
- package/src/web-components/ui/bds-pagination.ts +1 -1
- package/src/web-components/ui/bds-table.ts +4 -0
package/dist/index.cjs
CHANGED
|
@@ -50,6 +50,7 @@ __export(index_exports, {
|
|
|
50
50
|
Dialog: () => Dialog,
|
|
51
51
|
Drawer: () => Drawer,
|
|
52
52
|
DropdownMenu: () => DropdownMenu,
|
|
53
|
+
FieldGroup: () => FieldGroup,
|
|
53
54
|
FileInput: () => FileInput,
|
|
54
55
|
FormInput: () => FormInput,
|
|
55
56
|
Grid: () => Grid,
|
|
@@ -81,7 +82,7 @@ __export(index_exports, {
|
|
|
81
82
|
ToastProvider: () => ToastProvider,
|
|
82
83
|
Tooltip: () => Tooltip,
|
|
83
84
|
Typography: () => Typography,
|
|
84
|
-
cn: () =>
|
|
85
|
+
cn: () => import_design_system_foundation54.cn,
|
|
85
86
|
useToast: () => useToast
|
|
86
87
|
});
|
|
87
88
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -90,7 +91,7 @@ module.exports = __toCommonJS(index_exports);
|
|
|
90
91
|
var import_react = require("react");
|
|
91
92
|
|
|
92
93
|
// src/components/ui/Accordion/Accordion.module.css
|
|
93
|
-
var Accordion_default = {"component":"
|
|
94
|
+
var Accordion_default = {"component":"bds271Accordion-component","accordion":"bds271Accordion-accordion","item":"bds271Accordion-item","heading":"bds271Accordion-heading","trigger":"bds271Accordion-trigger","triggerLabel":"bds271Accordion-triggerLabel","chevron":"bds271Accordion-chevron","--open":"bds271Accordion---open","panel":"bds271Accordion-panel","panelContent":"bds271Accordion-panelContent"};
|
|
94
95
|
|
|
95
96
|
// src/components/ui/Accordion/Accordion.tsx
|
|
96
97
|
var import_design_system_foundation = require("@boostdev/design-system-foundation");
|
|
@@ -159,7 +160,7 @@ function Accordion({
|
|
|
159
160
|
}
|
|
160
161
|
|
|
161
162
|
// src/components/ui/Alert/Alert.module.css
|
|
162
|
-
var Alert_default = {"component":"
|
|
163
|
+
var Alert_default = {"component":"bds271Alert-component","alert":"bds271Alert-alert","--variant_info":"bds271Alert---variant_info","--variant_success":"bds271Alert---variant_success","--variant_warning":"bds271Alert---variant_warning","--variant_error":"bds271Alert---variant_error","icon":"bds271Alert-icon","content":"bds271Alert-content","title":"bds271Alert-title","dismiss":"bds271Alert-dismiss"};
|
|
163
164
|
|
|
164
165
|
// src/components/ui/Alert/Alert.tsx
|
|
165
166
|
var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
|
|
@@ -204,7 +205,7 @@ function Alert({
|
|
|
204
205
|
}
|
|
205
206
|
|
|
206
207
|
// src/components/ui/Avatar/Avatar.module.css
|
|
207
|
-
var Avatar_default = {"component":"
|
|
208
|
+
var Avatar_default = {"component":"bds271Avatar-component","avatar":"bds271Avatar-avatar","--fallback":"bds271Avatar---fallback","--size_small":"bds271Avatar---size_small","--size_medium":"bds271Avatar---size_medium","--size_large":"bds271Avatar---size_large","image":"bds271Avatar-image","initials":"bds271Avatar-initials"};
|
|
208
209
|
|
|
209
210
|
// src/components/ui/Avatar/Avatar.tsx
|
|
210
211
|
var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
|
|
@@ -231,7 +232,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
|
|
|
231
232
|
}
|
|
232
233
|
|
|
233
234
|
// src/components/ui/Badge/Badge.module.css
|
|
234
|
-
var Badge_default = {"component":"
|
|
235
|
+
var Badge_default = {"component":"bds271Badge-component","badge":"bds271Badge-badge","--variant_primary":"bds271Badge---variant_primary","--variant_secondary":"bds271Badge---variant_secondary","--variant_success":"bds271Badge---variant_success","--variant_error":"bds271Badge---variant_error","--variant_warning":"bds271Badge---variant_warning"};
|
|
235
236
|
|
|
236
237
|
// src/components/ui/Badge/Badge.tsx
|
|
237
238
|
var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
|
|
@@ -241,7 +242,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
|
|
|
241
242
|
}
|
|
242
243
|
|
|
243
244
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
244
|
-
var Breadcrumb_default = {"component":"
|
|
245
|
+
var Breadcrumb_default = {"component":"bds271Breadcrumb-component","breadcrumb":"bds271Breadcrumb-breadcrumb","list":"bds271Breadcrumb-list","item":"bds271Breadcrumb-item","link":"bds271Breadcrumb-link","separator":"bds271Breadcrumb-separator","current":"bds271Breadcrumb-current"};
|
|
245
246
|
|
|
246
247
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
247
248
|
var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
|
|
@@ -257,7 +258,7 @@ function Breadcrumb({ items, className, ...rest }) {
|
|
|
257
258
|
}
|
|
258
259
|
|
|
259
260
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
260
|
-
var Collapsible_default = {"component":"
|
|
261
|
+
var Collapsible_default = {"component":"bds271Collapsible-component","collapsible":"bds271Collapsible-collapsible","summary":"bds271Collapsible-summary","summaryContent":"bds271Collapsible-summaryContent","icon":"bds271Collapsible-icon","content":"bds271Collapsible-content"};
|
|
261
262
|
|
|
262
263
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
263
264
|
var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
|
|
@@ -298,7 +299,7 @@ function Collapsible({
|
|
|
298
299
|
var import_react2 = require("react");
|
|
299
300
|
|
|
300
301
|
// src/components/ui/Calendar/Calendar.module.css
|
|
301
|
-
var Calendar_default = {"component":"
|
|
302
|
+
var Calendar_default = {"component":"bds271Calendar-component","calendar":"bds271Calendar-calendar","header":"bds271Calendar-header","monthYear":"bds271Calendar-monthYear","navBtn":"bds271Calendar-navBtn","grid":"bds271Calendar-grid","weekday":"bds271Calendar-weekday","empty":"bds271Calendar-empty","day":"bds271Calendar-day","disabled":"bds271Calendar-disabled","selected":"bds271Calendar-selected","today":"bds271Calendar-today"};
|
|
302
303
|
|
|
303
304
|
// src/components/ui/Calendar/Calendar.tsx
|
|
304
305
|
var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
|
|
@@ -473,7 +474,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
|
|
|
473
474
|
var import_react3 = require("react");
|
|
474
475
|
|
|
475
476
|
// src/components/ui/Carousel/Carousel.module.css
|
|
476
|
-
var Carousel_default = {"component":"
|
|
477
|
+
var Carousel_default = {"component":"bds271Carousel-component","carousel":"bds271Carousel-carousel","track":"bds271Carousel-track","slide":"bds271Carousel-slide","navBtn":"bds271Carousel-navBtn"};
|
|
477
478
|
|
|
478
479
|
// src/components/ui/Carousel/Carousel.tsx
|
|
479
480
|
var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
|
|
@@ -526,7 +527,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
526
527
|
}
|
|
527
528
|
|
|
528
529
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
529
|
-
var DescriptionList_default = {"component":"
|
|
530
|
+
var DescriptionList_default = {"component":"bds271DescriptionList-component","list":"bds271DescriptionList-list","group":"bds271DescriptionList-group","term":"bds271DescriptionList-term","details":"bds271DescriptionList-details","--layout_inline":"bds271DescriptionList---layout_inline"};
|
|
530
531
|
|
|
531
532
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
532
533
|
var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
|
|
@@ -539,7 +540,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
539
540
|
}
|
|
540
541
|
|
|
541
542
|
// src/components/ui/Link/Link.module.css
|
|
542
|
-
var Link_default = {"component":"
|
|
543
|
+
var Link_default = {"component":"bds271Link-component","link":"bds271Link-link","--variant_default":"bds271Link---variant_default","--variant_subtle":"bds271Link---variant_subtle","--variant_standalone":"bds271Link---variant_standalone","externalLabel":"bds271Link-externalLabel"};
|
|
543
544
|
|
|
544
545
|
// src/components/ui/Link/Link.tsx
|
|
545
546
|
var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
|
|
@@ -570,7 +571,7 @@ function Link({
|
|
|
570
571
|
}
|
|
571
572
|
|
|
572
573
|
// src/components/ui/Loading/Loading.module.css
|
|
573
|
-
var Loading_default = {"component":"
|
|
574
|
+
var Loading_default = {"component":"bds271Loading-component","loading":"bds271Loading-loading","spinner":"bds271Loading-spinner","--size_small":"bds271Loading---size_small","--size_large":"bds271Loading---size_large"};
|
|
574
575
|
|
|
575
576
|
// src/components/ui/Loading/Loading.tsx
|
|
576
577
|
var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
|
|
@@ -580,7 +581,7 @@ function Loading({ size = "medium", className, ...rest }) {
|
|
|
580
581
|
}
|
|
581
582
|
|
|
582
583
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
583
|
-
var NotificationBanner_default = {"component":"
|
|
584
|
+
var NotificationBanner_default = {"component":"bds271NotificationBanner-component","banner":"bds271NotificationBanner-banner","--variant_info":"bds271NotificationBanner---variant_info","--variant_success":"bds271NotificationBanner---variant_success","--variant_warning":"bds271NotificationBanner---variant_warning","--variant_error":"bds271NotificationBanner---variant_error","content":"bds271NotificationBanner-content","action":"bds271NotificationBanner-action","dismiss":"bds271NotificationBanner-dismiss"};
|
|
584
585
|
|
|
585
586
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
586
587
|
var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
|
|
@@ -621,7 +622,7 @@ function NotificationBanner({
|
|
|
621
622
|
}
|
|
622
623
|
|
|
623
624
|
// src/components/ui/Pagination/Pagination.module.css
|
|
624
|
-
var Pagination_default = {"component":"
|
|
625
|
+
var Pagination_default = {"component":"bds271Pagination-component","pagination":"bds271Pagination-pagination","list":"bds271Pagination-list","button":"bds271Pagination-button","--active":"bds271Pagination---active","--nav":"bds271Pagination---nav","ellipsis":"bds271Pagination-ellipsis"};
|
|
625
626
|
|
|
626
627
|
// src/components/ui/Pagination/Pagination.tsx
|
|
627
628
|
var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
|
|
@@ -686,7 +687,7 @@ function Pagination({
|
|
|
686
687
|
}
|
|
687
688
|
|
|
688
689
|
// src/components/ui/Progress/Progress.module.css
|
|
689
|
-
var Progress_default = {"component":"
|
|
690
|
+
var Progress_default = {"component":"bds271Progress-component","container":"bds271Progress-container","labelRow":"bds271Progress-labelRow","value":"bds271Progress-value","track":"bds271Progress-track","--size_small":"bds271Progress---size_small","--size_medium":"bds271Progress---size_medium","--size_large":"bds271Progress---size_large","fill":"bds271Progress-fill"};
|
|
690
691
|
|
|
691
692
|
// src/components/ui/Progress/Progress.tsx
|
|
692
693
|
var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
|
|
@@ -725,7 +726,7 @@ function Progress({
|
|
|
725
726
|
}
|
|
726
727
|
|
|
727
728
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
728
|
-
var ProgressCircle_default = {"component":"
|
|
729
|
+
var ProgressCircle_default = {"component":"bds271ProgressCircle-component","wrapper":"bds271ProgressCircle-wrapper","svg":"bds271ProgressCircle-svg","track":"bds271ProgressCircle-track","fill":"bds271ProgressCircle-fill","value":"bds271ProgressCircle-value","--size_small":"bds271ProgressCircle---size_small","--size_medium":"bds271ProgressCircle---size_medium","--size_large":"bds271ProgressCircle---size_large"};
|
|
729
730
|
|
|
730
731
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
731
732
|
var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
|
|
@@ -806,7 +807,7 @@ function ProgressCircle({
|
|
|
806
807
|
}
|
|
807
808
|
|
|
808
809
|
// src/components/ui/Separator/Separator.module.css
|
|
809
|
-
var Separator_default = {"component":"
|
|
810
|
+
var Separator_default = {"component":"bds271Separator-component","separator":"bds271Separator-separator","--horizontal":"bds271Separator---horizontal","--vertical":"bds271Separator---vertical"};
|
|
810
811
|
|
|
811
812
|
// src/components/ui/Separator/Separator.tsx
|
|
812
813
|
var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
|
|
@@ -830,7 +831,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
830
831
|
var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
|
|
831
832
|
|
|
832
833
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
833
|
-
var Skeleton_default = {"component":"
|
|
834
|
+
var Skeleton_default = {"component":"bds271Skeleton-component","skeleton":"bds271Skeleton-skeleton"};
|
|
834
835
|
|
|
835
836
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
836
837
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -839,7 +840,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
839
840
|
}
|
|
840
841
|
|
|
841
842
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
842
|
-
var SkipLink_default = {"component":"
|
|
843
|
+
var SkipLink_default = {"component":"bds271SkipLink-component","skipLink":"bds271SkipLink-skipLink"};
|
|
843
844
|
|
|
844
845
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
845
846
|
var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
|
|
@@ -849,7 +850,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
849
850
|
}
|
|
850
851
|
|
|
851
852
|
// src/components/ui/Table/Table.module.css
|
|
852
|
-
var Table_default = {"component":"
|
|
853
|
+
var Table_default = {"component":"bds271Table-component","wrapper":"bds271Table-wrapper","table":"bds271Table-table","caption":"bds271Table-caption","thead":"bds271Table-thead","th":"bds271Table-th","--sortable":"bds271Table---sortable","sortButton":"bds271Table-sortButton","sortIcon":"bds271Table-sortIcon","--sort-active":"bds271Table---sort-active","--sort-desc":"bds271Table---sort-desc","tbody":"bds271Table-tbody","tr":"bds271Table-tr","td":"bds271Table-td"};
|
|
853
854
|
|
|
854
855
|
// src/components/ui/Table/Table.tsx
|
|
855
856
|
var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
|
|
@@ -919,7 +920,7 @@ function Table({
|
|
|
919
920
|
var import_react4 = require("react");
|
|
920
921
|
|
|
921
922
|
// src/components/ui/Tabs/Tabs.module.css
|
|
922
|
-
var Tabs_default = {"component":"
|
|
923
|
+
var Tabs_default = {"component":"bds271Tabs-component","tabs":"bds271Tabs-tabs","tabList":"bds271Tabs-tabList","tab":"bds271Tabs-tab","--active":"bds271Tabs---active","panel":"bds271Tabs-panel"};
|
|
923
924
|
|
|
924
925
|
// src/components/ui/Tabs/Tabs.tsx
|
|
925
926
|
var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
|
|
@@ -999,7 +1000,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
999
1000
|
var import_react5 = require("react");
|
|
1000
1001
|
|
|
1001
1002
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
1002
|
-
var Tooltip_default = {"component":"
|
|
1003
|
+
var Tooltip_default = {"component":"bds271Tooltip-component","wrapper":"bds271Tooltip-wrapper","tooltip":"bds271Tooltip-tooltip","--placement_top":"bds271Tooltip---placement_top","--placement_bottom":"bds271Tooltip---placement_bottom","--placement_left":"bds271Tooltip---placement_left","--placement_right":"bds271Tooltip---placement_right"};
|
|
1003
1004
|
|
|
1004
1005
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
1005
1006
|
var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
|
|
@@ -1043,7 +1044,7 @@ function Tooltip({
|
|
|
1043
1044
|
}
|
|
1044
1045
|
|
|
1045
1046
|
// src/components/ui/Typography/Typography.module.css
|
|
1046
|
-
var Typography_default = {"component":"
|
|
1047
|
+
var Typography_default = {"component":"bds271Typography-component","typography":"bds271Typography-typography","--h1":"bds271Typography---h1","--h2":"bds271Typography---h2","--h3":"bds271Typography---h3","--body":"bds271Typography---body","--body_s":"bds271Typography---body_s"};
|
|
1047
1048
|
|
|
1048
1049
|
// src/components/ui/Typography/Typography.tsx
|
|
1049
1050
|
var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
|
|
@@ -1061,7 +1062,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
1061
1062
|
}
|
|
1062
1063
|
|
|
1063
1064
|
// src/components/interaction/Button/Button.module.css
|
|
1064
|
-
var Button_default = {"component":"
|
|
1065
|
+
var Button_default = {"component":"bds271Button-component","button":"bds271Button-button","--default":"bds271Button---default","--outline":"bds271Button---outline","--ghost":"bds271Button---ghost","--size_small":"bds271Button---size_small","--size_medium":"bds271Button---size_medium","--size_large":"bds271Button---size_large","--hasPulse":"bds271Button---hasPulse","iconStart":"bds271Button-iconStart","iconEnd":"bds271Button-iconEnd","--iconOnly":"bds271Button---iconOnly"};
|
|
1065
1066
|
|
|
1066
1067
|
// src/components/interaction/Button/Button.tsx
|
|
1067
1068
|
var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
|
|
@@ -1178,7 +1179,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1178
1179
|
}
|
|
1179
1180
|
|
|
1180
1181
|
// src/components/interaction/Command/Command.module.css
|
|
1181
|
-
var Command_default = {"component":"
|
|
1182
|
+
var Command_default = {"component":"bds271Command-component","dialog":"bds271Command-dialog","palette":"bds271Command-palette","searchRow":"bds271Command-searchRow","searchIcon":"bds271Command-searchIcon","search":"bds271Command-search","escHint":"bds271Command-escHint","list":"bds271Command-list","groupList":"bds271Command-groupList","group":"bds271Command-group","item":"bds271Command-item","itemActive":"bds271Command-itemActive","itemLabel":"bds271Command-itemLabel","itemDesc":"bds271Command-itemDesc","shortcut":"bds271Command-shortcut","empty":"bds271Command-empty"};
|
|
1182
1183
|
|
|
1183
1184
|
// src/components/interaction/Command/Command.tsx
|
|
1184
1185
|
var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
|
|
@@ -1355,7 +1356,7 @@ function Command({
|
|
|
1355
1356
|
var import_react7 = require("react");
|
|
1356
1357
|
|
|
1357
1358
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1358
|
-
var Dialog_default = {"component":"
|
|
1359
|
+
var Dialog_default = {"component":"bds271Dialog-component","dialog":"bds271Dialog-dialog","dialogContent":"bds271Dialog-dialogContent","closeButton":"bds271Dialog-closeButton"};
|
|
1359
1360
|
|
|
1360
1361
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1361
1362
|
var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
|
|
@@ -1461,7 +1462,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1461
1462
|
var import_react8 = require("react");
|
|
1462
1463
|
|
|
1463
1464
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1464
|
-
var Drawer_default = {"component":"
|
|
1465
|
+
var Drawer_default = {"component":"bds271Drawer-component","drawer":"bds271Drawer-drawer","--side_left":"bds271Drawer---side_left","header":"bds271Drawer-header","closeButton":"bds271Drawer-closeButton","body":"bds271Drawer-body"};
|
|
1465
1466
|
|
|
1466
1467
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1467
1468
|
var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
|
|
@@ -1562,7 +1563,7 @@ function Drawer({
|
|
|
1562
1563
|
var import_react9 = require("react");
|
|
1563
1564
|
|
|
1564
1565
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1565
|
-
var DropdownMenu_default = {"component":"
|
|
1566
|
+
var DropdownMenu_default = {"component":"bds271DropdownMenu-component","wrapper":"bds271DropdownMenu-wrapper","menu":"bds271DropdownMenu-menu","--placement_bottom-start":"bds271DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds271DropdownMenu---placement_bottom-end","separator":"bds271DropdownMenu-separator","item":"bds271DropdownMenu-item","icon":"bds271DropdownMenu-icon"};
|
|
1566
1567
|
|
|
1567
1568
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1568
1569
|
var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
|
|
@@ -1676,7 +1677,7 @@ function DropdownMenu({
|
|
|
1676
1677
|
var import_react10 = require("react");
|
|
1677
1678
|
|
|
1678
1679
|
// src/components/interaction/Popover/Popover.module.css
|
|
1679
|
-
var Popover_default = {"component":"
|
|
1680
|
+
var Popover_default = {"component":"bds271Popover-component","wrapper":"bds271Popover-wrapper","panel":"bds271Popover-panel","g":"bds271Popover-g"};
|
|
1680
1681
|
|
|
1681
1682
|
// src/components/interaction/Popover/Popover.tsx
|
|
1682
1683
|
var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
|
|
@@ -1761,7 +1762,7 @@ function Popover({
|
|
|
1761
1762
|
}
|
|
1762
1763
|
|
|
1763
1764
|
// src/components/interaction/Rating/Rating.module.css
|
|
1764
|
-
var Rating_default = {"component":"
|
|
1765
|
+
var Rating_default = {"component":"bds271Rating-component","rating":"bds271Rating-rating","star":"bds271Rating-star","--filled":"bds271Rating---filled"};
|
|
1765
1766
|
|
|
1766
1767
|
// src/components/interaction/Rating/Rating.tsx
|
|
1767
1768
|
var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
|
|
@@ -1793,7 +1794,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
1793
1794
|
var import_react11 = require("react");
|
|
1794
1795
|
|
|
1795
1796
|
// src/components/interaction/Toast/Toast.module.css
|
|
1796
|
-
var Toast_default = {"component":"
|
|
1797
|
+
var Toast_default = {"component":"bds271Toast-component","toastContainer":"bds271Toast-toastContainer","toast":"bds271Toast-toast","--variant_success":"bds271Toast---variant_success","--variant_warning":"bds271Toast---variant_warning","--variant_info":"bds271Toast---variant_info","--variant_error":"bds271Toast---variant_error","message":"bds271Toast-message","closeButton":"bds271Toast-closeButton"};
|
|
1797
1798
|
|
|
1798
1799
|
// src/components/interaction/Toast/Toast.tsx
|
|
1799
1800
|
var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
|
|
@@ -1871,10 +1872,10 @@ function useToast() {
|
|
|
1871
1872
|
var import_react12 = require("react");
|
|
1872
1873
|
|
|
1873
1874
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1874
|
-
var Checkbox_default = {"component":"
|
|
1875
|
+
var Checkbox_default = {"component":"bds271Checkbox-component","checkboxGroup":"bds271Checkbox-checkboxGroup","inputWrapper":"bds271Checkbox-inputWrapper","checkbox":"bds271Checkbox-checkbox","checkboxError":"bds271Checkbox-checkboxError"};
|
|
1875
1876
|
|
|
1876
1877
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1877
|
-
var Message_default = {"component":"
|
|
1878
|
+
var Message_default = {"component":"bds271Message-component","error":"bds271Message-error","hint":"bds271Message-hint"};
|
|
1878
1879
|
|
|
1879
1880
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1880
1881
|
var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
|
|
@@ -1885,7 +1886,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
1885
1886
|
};
|
|
1886
1887
|
|
|
1887
1888
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1888
|
-
var Label_default = {"component":"
|
|
1889
|
+
var Label_default = {"component":"bds271Label-component","label":"bds271Label-label"};
|
|
1889
1890
|
|
|
1890
1891
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1891
1892
|
var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
|
|
@@ -1898,7 +1899,7 @@ var Label = ({ label, id, className }) => {
|
|
|
1898
1899
|
var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
|
|
1899
1900
|
|
|
1900
1901
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1901
|
-
var InputContainer_default = {"component":"
|
|
1902
|
+
var InputContainer_default = {"component":"bds271InputContainer-component","container":"bds271InputContainer-container"};
|
|
1902
1903
|
|
|
1903
1904
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1904
1905
|
var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
|
|
@@ -1939,7 +1940,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1939
1940
|
var import_react13 = require("react");
|
|
1940
1941
|
|
|
1941
1942
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1942
|
-
var CheckboxGroup_default = {"component":"
|
|
1943
|
+
var CheckboxGroup_default = {"component":"bds271CheckboxGroup-component","group":"bds271CheckboxGroup-group","legend":"bds271CheckboxGroup-legend","required":"bds271CheckboxGroup-required","items":"bds271CheckboxGroup-items"};
|
|
1943
1944
|
|
|
1944
1945
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1945
1946
|
var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
|
|
@@ -1981,7 +1982,7 @@ function CheckboxGroup({
|
|
|
1981
1982
|
var import_react14 = require("react");
|
|
1982
1983
|
|
|
1983
1984
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1984
|
-
var Combobox_default = {"component":"
|
|
1985
|
+
var Combobox_default = {"component":"bds271Combobox-component","formGroup":"bds271Combobox-formGroup","inputWrapper":"bds271Combobox-inputWrapper","input":"bds271Combobox-input","inputError":"bds271Combobox-inputError","chevron":"bds271Combobox-chevron","listbox":"bds271Combobox-listbox","option":"bds271Combobox-option","--highlighted":"bds271Combobox---highlighted","--selected":"bds271Combobox---selected","--disabled":"bds271Combobox---disabled"};
|
|
1985
1986
|
|
|
1986
1987
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1987
1988
|
var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
|
|
@@ -2128,15 +2129,51 @@ function Combobox({
|
|
|
2128
2129
|
] });
|
|
2129
2130
|
}
|
|
2130
2131
|
|
|
2131
|
-
// src/components/interaction/form/
|
|
2132
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2132
2133
|
var import_react15 = require("react");
|
|
2134
|
+
var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
|
|
2135
|
+
|
|
2136
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2137
|
+
var FieldGroup_default = {"component":"bds271FieldGroup-component","fieldGroup":"bds271FieldGroup-fieldGroup","legend":"bds271FieldGroup-legend","fields":"bds271FieldGroup-fields","--variant_horizontal":"bds271FieldGroup---variant_horizontal"};
|
|
2138
|
+
|
|
2139
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2140
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2141
|
+
function FieldGroup({
|
|
2142
|
+
variant = "horizontal",
|
|
2143
|
+
legend,
|
|
2144
|
+
children,
|
|
2145
|
+
className,
|
|
2146
|
+
style,
|
|
2147
|
+
...rest
|
|
2148
|
+
}) {
|
|
2149
|
+
const fieldCount = import_react15.Children.count(children);
|
|
2150
|
+
const styleWithCount = {
|
|
2151
|
+
...style,
|
|
2152
|
+
"--fieldGroup_field-count": fieldCount
|
|
2153
|
+
};
|
|
2154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
2155
|
+
"fieldset",
|
|
2156
|
+
{
|
|
2157
|
+
...rest,
|
|
2158
|
+
style: styleWithCount,
|
|
2159
|
+
className: (0, import_design_system_foundation37.cn)(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
|
|
2160
|
+
children: [
|
|
2161
|
+
legend !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("legend", { className: FieldGroup_default.legend, children: legend }),
|
|
2162
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: FieldGroup_default.fields, children })
|
|
2163
|
+
]
|
|
2164
|
+
}
|
|
2165
|
+
);
|
|
2166
|
+
}
|
|
2167
|
+
|
|
2168
|
+
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2169
|
+
var import_react16 = require("react");
|
|
2133
2170
|
|
|
2134
2171
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2135
|
-
var FileInput_default = {"component":"
|
|
2172
|
+
var FileInput_default = {"component":"bds271FileInput-component","formGroup":"bds271FileInput-formGroup","fieldLabel":"bds271FileInput-fieldLabel","dropZone":"bds271FileInput-dropZone","isDragging":"bds271FileInput-isDragging","hasError":"bds271FileInput-hasError","isDisabled":"bds271FileInput-isDisabled","icon":"bds271FileInput-icon","prompt":"bds271FileInput-prompt","acceptHint":"bds271FileInput-acceptHint","hiddenInput":"bds271FileInput-hiddenInput"};
|
|
2136
2173
|
|
|
2137
2174
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2138
|
-
var
|
|
2139
|
-
var
|
|
2175
|
+
var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
|
|
2176
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2140
2177
|
function FileInput({
|
|
2141
2178
|
label,
|
|
2142
2179
|
name,
|
|
@@ -2150,13 +2187,13 @@ function FileInput({
|
|
|
2150
2187
|
className,
|
|
2151
2188
|
...rest
|
|
2152
2189
|
}) {
|
|
2153
|
-
const uid = name + (0,
|
|
2190
|
+
const uid = name + (0, import_react16.useId)();
|
|
2154
2191
|
const hintId = uid + "hint";
|
|
2155
2192
|
const errorId = uid + "error";
|
|
2156
2193
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2157
|
-
const inputRef = (0,
|
|
2158
|
-
const [isDragging, setIsDragging] = (0,
|
|
2159
|
-
const [fileNames, setFileNames] = (0,
|
|
2194
|
+
const inputRef = (0, import_react16.useRef)(null);
|
|
2195
|
+
const [isDragging, setIsDragging] = (0, import_react16.useState)(false);
|
|
2196
|
+
const [fileNames, setFileNames] = (0, import_react16.useState)([]);
|
|
2160
2197
|
const isFileAccepted = (file) => {
|
|
2161
2198
|
if (!accept) return true;
|
|
2162
2199
|
return accept.split(",").some((token) => {
|
|
@@ -2186,24 +2223,24 @@ function FileInput({
|
|
|
2186
2223
|
if (!disabled) setIsDragging(true);
|
|
2187
2224
|
};
|
|
2188
2225
|
const handleDragLeave = () => setIsDragging(false);
|
|
2189
|
-
return /* @__PURE__ */ (0,
|
|
2190
|
-
/* @__PURE__ */ (0,
|
|
2226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation38.cn)(FileInput_default.formGroup, className), children: [
|
|
2227
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
2191
2228
|
"label",
|
|
2192
2229
|
{
|
|
2193
2230
|
htmlFor: uid,
|
|
2194
|
-
className: (0,
|
|
2231
|
+
className: (0, import_design_system_foundation38.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
|
|
2195
2232
|
onDrop: handleDrop,
|
|
2196
2233
|
onDragOver: handleDragOver,
|
|
2197
2234
|
onDragLeave: handleDragLeave,
|
|
2198
2235
|
children: [
|
|
2199
|
-
/* @__PURE__ */ (0,
|
|
2200
|
-
/* @__PURE__ */ (0,
|
|
2201
|
-
/* @__PURE__ */ (0,
|
|
2202
|
-
/* @__PURE__ */ (0,
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.fieldLabel, children: label }),
|
|
2237
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
|
|
2238
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
2239
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { children: "Click to upload" }),
|
|
2203
2240
|
" or drag and drop"
|
|
2204
2241
|
] }) }),
|
|
2205
|
-
accept && /* @__PURE__ */ (0,
|
|
2206
|
-
/* @__PURE__ */ (0,
|
|
2242
|
+
accept && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
|
|
2243
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2207
2244
|
"input",
|
|
2208
2245
|
{
|
|
2209
2246
|
ref: inputRef,
|
|
@@ -2224,20 +2261,20 @@ function FileInput({
|
|
|
2224
2261
|
]
|
|
2225
2262
|
}
|
|
2226
2263
|
),
|
|
2227
|
-
/* @__PURE__ */ (0,
|
|
2228
|
-
/* @__PURE__ */ (0,
|
|
2264
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "error", message: error }),
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "hint", message: hint })
|
|
2229
2266
|
] });
|
|
2230
2267
|
}
|
|
2231
2268
|
|
|
2232
2269
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2233
|
-
var
|
|
2270
|
+
var import_react17 = require("react");
|
|
2234
2271
|
|
|
2235
2272
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2236
|
-
var FormInput_default = {"component":"
|
|
2273
|
+
var FormInput_default = {"component":"bds271FormInput-component","formGroup":"bds271FormInput-formGroup","input":"bds271FormInput-input","inputError":"bds271FormInput-inputError"};
|
|
2237
2274
|
|
|
2238
2275
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2239
|
-
var
|
|
2240
|
-
var
|
|
2276
|
+
var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
|
|
2277
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2241
2278
|
function FormInput({
|
|
2242
2279
|
label,
|
|
2243
2280
|
name,
|
|
@@ -2248,13 +2285,13 @@ function FormInput({
|
|
|
2248
2285
|
required,
|
|
2249
2286
|
...props
|
|
2250
2287
|
}) {
|
|
2251
|
-
const id = name + (0,
|
|
2288
|
+
const id = name + (0, import_react17.useId)();
|
|
2252
2289
|
const hintId = id + "hint";
|
|
2253
2290
|
const errorId = id + "error";
|
|
2254
2291
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2255
|
-
return /* @__PURE__ */ (0,
|
|
2256
|
-
/* @__PURE__ */ (0,
|
|
2257
|
-
/* @__PURE__ */ (0,
|
|
2292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(FormInput_default.formGroup, className), children: [
|
|
2293
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
|
|
2294
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2258
2295
|
"input",
|
|
2259
2296
|
{
|
|
2260
2297
|
"aria-invalid": !!error,
|
|
@@ -2264,24 +2301,24 @@ function FormInput({
|
|
|
2264
2301
|
id,
|
|
2265
2302
|
name,
|
|
2266
2303
|
required,
|
|
2267
|
-
className: (0,
|
|
2304
|
+
className: (0, import_design_system_foundation39.cn)(FormInput_default.input, error && FormInput_default.inputError),
|
|
2268
2305
|
...props
|
|
2269
2306
|
}
|
|
2270
2307
|
),
|
|
2271
|
-
/* @__PURE__ */ (0,
|
|
2272
|
-
/* @__PURE__ */ (0,
|
|
2308
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2309
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2273
2310
|
] });
|
|
2274
2311
|
}
|
|
2275
2312
|
|
|
2276
2313
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2277
|
-
var
|
|
2314
|
+
var import_react18 = require("react");
|
|
2278
2315
|
|
|
2279
2316
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2280
|
-
var NumberInput_default = {"component":"
|
|
2317
|
+
var NumberInput_default = {"component":"bds271NumberInput-component","formGroup":"bds271NumberInput-formGroup","inputRow":"bds271NumberInput-inputRow","input":"bds271NumberInput-input","inputError":"bds271NumberInput-inputError","stepper":"bds271NumberInput-stepper"};
|
|
2281
2318
|
|
|
2282
2319
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2283
|
-
var
|
|
2284
|
-
var
|
|
2320
|
+
var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
|
|
2321
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2285
2322
|
function NumberInput({
|
|
2286
2323
|
label,
|
|
2287
2324
|
name,
|
|
@@ -2297,13 +2334,13 @@ function NumberInput({
|
|
|
2297
2334
|
className,
|
|
2298
2335
|
...rest
|
|
2299
2336
|
}) {
|
|
2300
|
-
const uid = name + (0,
|
|
2337
|
+
const uid = name + (0, import_react18.useId)();
|
|
2301
2338
|
const hintId = uid + "hint";
|
|
2302
2339
|
const errorId = uid + "error";
|
|
2303
2340
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2304
|
-
const inputRef = (0,
|
|
2341
|
+
const inputRef = (0, import_react18.useRef)(null);
|
|
2305
2342
|
const isControlled = value !== void 0;
|
|
2306
|
-
const [internalValue, setInternalValue] = (0,
|
|
2343
|
+
const [internalValue, setInternalValue] = (0, import_react18.useState)(defaultValue ?? 0);
|
|
2307
2344
|
const currentValue = isControlled ? value : internalValue;
|
|
2308
2345
|
const clamp = (v) => {
|
|
2309
2346
|
const withMin = min !== void 0 ? Math.max(min, v) : v;
|
|
@@ -2320,10 +2357,10 @@ function NumberInput({
|
|
|
2320
2357
|
}
|
|
2321
2358
|
onChange?.(next);
|
|
2322
2359
|
};
|
|
2323
|
-
return /* @__PURE__ */ (0,
|
|
2324
|
-
/* @__PURE__ */ (0,
|
|
2325
|
-
/* @__PURE__ */ (0,
|
|
2326
|
-
/* @__PURE__ */ (0,
|
|
2360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation40.cn)(NumberInput_default.formGroup, className), children: [
|
|
2361
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id: uid, label }),
|
|
2362
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: NumberInput_default.inputRow, children: [
|
|
2363
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2327
2364
|
"button",
|
|
2328
2365
|
{
|
|
2329
2366
|
type: "button",
|
|
@@ -2333,10 +2370,10 @@ function NumberInput({
|
|
|
2333
2370
|
disabled: disabled || min !== void 0 && currentValue <= min,
|
|
2334
2371
|
onClick: () => adjust(-step),
|
|
2335
2372
|
tabIndex: -1,
|
|
2336
|
-
children: /* @__PURE__ */ (0,
|
|
2373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
|
|
2337
2374
|
}
|
|
2338
2375
|
),
|
|
2339
|
-
/* @__PURE__ */ (0,
|
|
2376
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2340
2377
|
"input",
|
|
2341
2378
|
{
|
|
2342
2379
|
ref: inputRef,
|
|
@@ -2350,7 +2387,7 @@ function NumberInput({
|
|
|
2350
2387
|
disabled,
|
|
2351
2388
|
"aria-invalid": !!error,
|
|
2352
2389
|
"aria-describedby": describedBy,
|
|
2353
|
-
className: (0,
|
|
2390
|
+
className: (0, import_design_system_foundation40.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
|
|
2354
2391
|
onChange: (e) => {
|
|
2355
2392
|
const v = parseFloat(e.target.value);
|
|
2356
2393
|
const safe = isNaN(v) ? 0 : v;
|
|
@@ -2359,7 +2396,7 @@ function NumberInput({
|
|
|
2359
2396
|
}
|
|
2360
2397
|
}
|
|
2361
2398
|
),
|
|
2362
|
-
/* @__PURE__ */ (0,
|
|
2399
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2363
2400
|
"button",
|
|
2364
2401
|
{
|
|
2365
2402
|
type: "button",
|
|
@@ -2369,32 +2406,32 @@ function NumberInput({
|
|
|
2369
2406
|
disabled: disabled || max !== void 0 && currentValue >= max,
|
|
2370
2407
|
onClick: () => adjust(step),
|
|
2371
2408
|
tabIndex: -1,
|
|
2372
|
-
children: /* @__PURE__ */ (0,
|
|
2409
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
|
|
2373
2410
|
}
|
|
2374
2411
|
)
|
|
2375
2412
|
] }),
|
|
2376
|
-
/* @__PURE__ */ (0,
|
|
2377
|
-
/* @__PURE__ */ (0,
|
|
2413
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "error", message: error }),
|
|
2414
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "hint", message: hint })
|
|
2378
2415
|
] });
|
|
2379
2416
|
}
|
|
2380
2417
|
|
|
2381
2418
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2382
|
-
var
|
|
2419
|
+
var import_react19 = require("react");
|
|
2383
2420
|
|
|
2384
2421
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2385
|
-
var Radio_default = {"component":"
|
|
2422
|
+
var Radio_default = {"component":"bds271Radio-component","radioGroup":"bds271Radio-radioGroup","inputWrapper":"bds271Radio-inputWrapper","textWrapper":"bds271Radio-textWrapper","description":"bds271Radio-description","radio":"bds271Radio-radio","radioError":"bds271Radio-radioError"};
|
|
2386
2423
|
|
|
2387
2424
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2388
|
-
var
|
|
2389
|
-
var
|
|
2425
|
+
var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
|
|
2426
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2390
2427
|
function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
2391
|
-
const id = name + (0,
|
|
2428
|
+
const id = name + (0, import_react19.useId)();
|
|
2392
2429
|
const hintId = id + "hint";
|
|
2393
2430
|
const errorId = id + "error";
|
|
2394
2431
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2395
|
-
return /* @__PURE__ */ (0,
|
|
2396
|
-
/* @__PURE__ */ (0,
|
|
2397
|
-
/* @__PURE__ */ (0,
|
|
2432
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(Radio_default.radioGroup, className), children: [
|
|
2433
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.inputWrapper, children: [
|
|
2434
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2398
2435
|
"input",
|
|
2399
2436
|
{
|
|
2400
2437
|
"aria-describedby": describedBy,
|
|
@@ -2402,29 +2439,29 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2402
2439
|
type: "radio",
|
|
2403
2440
|
id,
|
|
2404
2441
|
name,
|
|
2405
|
-
className: (0,
|
|
2442
|
+
className: (0, import_design_system_foundation41.cn)(Radio_default.radio, error && Radio_default.radioError),
|
|
2406
2443
|
...props
|
|
2407
2444
|
}
|
|
2408
2445
|
),
|
|
2409
|
-
/* @__PURE__ */ (0,
|
|
2410
|
-
/* @__PURE__ */ (0,
|
|
2411
|
-
description && /* @__PURE__ */ (0,
|
|
2446
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.textWrapper, children: [
|
|
2447
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
|
|
2448
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Radio_default.description, children: description })
|
|
2412
2449
|
] })
|
|
2413
2450
|
] }),
|
|
2414
|
-
/* @__PURE__ */ (0,
|
|
2415
|
-
/* @__PURE__ */ (0,
|
|
2451
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2452
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2416
2453
|
] });
|
|
2417
2454
|
}
|
|
2418
2455
|
|
|
2419
2456
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2420
|
-
var
|
|
2457
|
+
var import_react20 = require("react");
|
|
2421
2458
|
|
|
2422
2459
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2423
|
-
var RadioGroup_default = {"component":"
|
|
2460
|
+
var RadioGroup_default = {"component":"bds271RadioGroup-component","group":"bds271RadioGroup-group","legend":"bds271RadioGroup-legend","required":"bds271RadioGroup-required","items":"bds271RadioGroup-items"};
|
|
2424
2461
|
|
|
2425
2462
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2426
|
-
var
|
|
2427
|
-
var
|
|
2463
|
+
var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
|
|
2464
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2428
2465
|
function RadioGroup({
|
|
2429
2466
|
legend,
|
|
2430
2467
|
children,
|
|
@@ -2434,39 +2471,39 @@ function RadioGroup({
|
|
|
2434
2471
|
className,
|
|
2435
2472
|
...rest
|
|
2436
2473
|
}) {
|
|
2437
|
-
const id = (0,
|
|
2474
|
+
const id = (0, import_react20.useId)();
|
|
2438
2475
|
const hintId = id + "hint";
|
|
2439
2476
|
const errorId = id + "error";
|
|
2440
2477
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2441
|
-
return /* @__PURE__ */ (0,
|
|
2478
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
2442
2479
|
"fieldset",
|
|
2443
2480
|
{
|
|
2444
2481
|
...rest,
|
|
2445
|
-
className: (0,
|
|
2482
|
+
className: (0, import_design_system_foundation42.cn)(RadioGroup_default.group, className),
|
|
2446
2483
|
"aria-required": required || void 0,
|
|
2447
2484
|
"aria-describedby": describedBy,
|
|
2448
2485
|
children: [
|
|
2449
|
-
/* @__PURE__ */ (0,
|
|
2486
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("legend", { className: RadioGroup_default.legend, children: [
|
|
2450
2487
|
legend,
|
|
2451
|
-
required && /* @__PURE__ */ (0,
|
|
2488
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
|
|
2452
2489
|
] }),
|
|
2453
|
-
/* @__PURE__ */ (0,
|
|
2454
|
-
/* @__PURE__ */ (0,
|
|
2455
|
-
/* @__PURE__ */ (0,
|
|
2490
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: RadioGroup_default.items, children }),
|
|
2491
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2492
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2456
2493
|
]
|
|
2457
2494
|
}
|
|
2458
2495
|
);
|
|
2459
2496
|
}
|
|
2460
2497
|
|
|
2461
2498
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2462
|
-
var
|
|
2499
|
+
var import_react21 = require("react");
|
|
2463
2500
|
|
|
2464
2501
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2465
|
-
var SegmentedControl_default = {"component":"
|
|
2502
|
+
var SegmentedControl_default = {"component":"bds271SegmentedControl-component","control":"bds271SegmentedControl-control","thumb":"bds271SegmentedControl-thumb","indicator":"bds271SegmentedControl-indicator","item":"bds271SegmentedControl-item","--active":"bds271SegmentedControl---active","--disabled":"bds271SegmentedControl---disabled","--size_small":"bds271SegmentedControl---size_small","--size_large":"bds271SegmentedControl---size_large","--variant_outline":"bds271SegmentedControl---variant_outline"};
|
|
2466
2503
|
|
|
2467
2504
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2468
|
-
var
|
|
2469
|
-
var
|
|
2505
|
+
var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
|
|
2506
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2470
2507
|
function SegmentedControl({
|
|
2471
2508
|
children,
|
|
2472
2509
|
selectedIndex: selectedIndexProp,
|
|
@@ -2476,32 +2513,32 @@ function SegmentedControl({
|
|
|
2476
2513
|
className,
|
|
2477
2514
|
...rest
|
|
2478
2515
|
}) {
|
|
2479
|
-
const validChildren =
|
|
2516
|
+
const validChildren = import_react21.Children.toArray(children).filter(import_react21.isValidElement);
|
|
2480
2517
|
const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
|
|
2481
2518
|
const p = child.props;
|
|
2482
2519
|
return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
|
|
2483
2520
|
}) : -1;
|
|
2484
2521
|
const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
|
|
2485
|
-
return /* @__PURE__ */ (0,
|
|
2522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
2486
2523
|
"div",
|
|
2487
2524
|
{
|
|
2488
2525
|
...rest,
|
|
2489
2526
|
role: "group",
|
|
2490
|
-
className: (0,
|
|
2527
|
+
className: (0, import_design_system_foundation43.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
|
|
2491
2528
|
style: {
|
|
2492
2529
|
"--control_count": validChildren.length,
|
|
2493
2530
|
"--control_selected-index": activeIndex
|
|
2494
2531
|
},
|
|
2495
2532
|
children: [
|
|
2496
|
-
/* @__PURE__ */ (0,
|
|
2497
|
-
/* @__PURE__ */ (0,
|
|
2533
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2534
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
|
|
2498
2535
|
validChildren.map((child, index) => {
|
|
2499
2536
|
const isActive = index === activeIndex;
|
|
2500
2537
|
const p = child.props;
|
|
2501
2538
|
const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
|
|
2502
|
-
return (0,
|
|
2539
|
+
return (0, import_react21.cloneElement)(child, {
|
|
2503
2540
|
key: child.key ?? index,
|
|
2504
|
-
className: (0,
|
|
2541
|
+
className: (0, import_design_system_foundation43.cn)(
|
|
2505
2542
|
SegmentedControl_default.item,
|
|
2506
2543
|
isActive && SegmentedControl_default["--active"],
|
|
2507
2544
|
isDisabled && SegmentedControl_default["--disabled"],
|
|
@@ -2515,14 +2552,14 @@ function SegmentedControl({
|
|
|
2515
2552
|
}
|
|
2516
2553
|
|
|
2517
2554
|
// src/components/interaction/form/Select/Select.tsx
|
|
2518
|
-
var
|
|
2555
|
+
var import_react22 = require("react");
|
|
2519
2556
|
|
|
2520
2557
|
// src/components/interaction/form/Select/Select.module.css
|
|
2521
|
-
var Select_default = {"component":"
|
|
2558
|
+
var Select_default = {"component":"bds271Select-component","formGroup":"bds271Select-formGroup","selectWrapper":"bds271Select-selectWrapper","select":"bds271Select-select","selectError":"bds271Select-selectError","chevron":"bds271Select-chevron"};
|
|
2522
2559
|
|
|
2523
2560
|
// src/components/interaction/form/Select/Select.tsx
|
|
2524
|
-
var
|
|
2525
|
-
var
|
|
2561
|
+
var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
|
|
2562
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2526
2563
|
function Select({
|
|
2527
2564
|
label,
|
|
2528
2565
|
name,
|
|
@@ -2534,14 +2571,14 @@ function Select({
|
|
|
2534
2571
|
required,
|
|
2535
2572
|
...props
|
|
2536
2573
|
}) {
|
|
2537
|
-
const id = name + (0,
|
|
2574
|
+
const id = name + (0, import_react22.useId)();
|
|
2538
2575
|
const hintId = id + "hint";
|
|
2539
2576
|
const errorId = id + "error";
|
|
2540
2577
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2541
|
-
return /* @__PURE__ */ (0,
|
|
2542
|
-
/* @__PURE__ */ (0,
|
|
2543
|
-
/* @__PURE__ */ (0,
|
|
2544
|
-
/* @__PURE__ */ (0,
|
|
2578
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation44.cn)(Select_default.formGroup, className), children: [
|
|
2579
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
|
|
2580
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: Select_default.selectWrapper, children: [
|
|
2581
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
2545
2582
|
"select",
|
|
2546
2583
|
{
|
|
2547
2584
|
id,
|
|
@@ -2550,30 +2587,30 @@ function Select({
|
|
|
2550
2587
|
"aria-required": required || void 0,
|
|
2551
2588
|
"aria-describedby": describedBy,
|
|
2552
2589
|
required,
|
|
2553
|
-
className: (0,
|
|
2590
|
+
className: (0, import_design_system_foundation44.cn)(Select_default.select, error ? Select_default.selectError : void 0),
|
|
2554
2591
|
...props,
|
|
2555
2592
|
children: [
|
|
2556
|
-
placeholder && /* @__PURE__ */ (0,
|
|
2557
|
-
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0,
|
|
2593
|
+
placeholder && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
|
|
2594
|
+
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value, disabled, children: optLabel }, value))
|
|
2558
2595
|
]
|
|
2559
2596
|
}
|
|
2560
2597
|
),
|
|
2561
|
-
/* @__PURE__ */ (0,
|
|
2598
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
|
|
2562
2599
|
] }),
|
|
2563
|
-
/* @__PURE__ */ (0,
|
|
2564
|
-
/* @__PURE__ */ (0,
|
|
2600
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2601
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2565
2602
|
] });
|
|
2566
2603
|
}
|
|
2567
2604
|
|
|
2568
2605
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2569
|
-
var
|
|
2606
|
+
var import_react23 = require("react");
|
|
2570
2607
|
|
|
2571
2608
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2572
|
-
var Slider_default = {"component":"
|
|
2609
|
+
var Slider_default = {"component":"bds271Slider-component","formGroup":"bds271Slider-formGroup","labelRow":"bds271Slider-labelRow","value":"bds271Slider-value","slider":"bds271Slider-slider","sliderError":"bds271Slider-sliderError"};
|
|
2573
2610
|
|
|
2574
2611
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2575
|
-
var
|
|
2576
|
-
var
|
|
2612
|
+
var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
|
|
2613
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2577
2614
|
function Slider({
|
|
2578
2615
|
label,
|
|
2579
2616
|
name,
|
|
@@ -2586,24 +2623,24 @@ function Slider({
|
|
|
2586
2623
|
onChange,
|
|
2587
2624
|
...props
|
|
2588
2625
|
}) {
|
|
2589
|
-
const id = name + (0,
|
|
2626
|
+
const id = name + (0, import_react23.useId)();
|
|
2590
2627
|
const hintId = id + "hint";
|
|
2591
2628
|
const errorId = id + "error";
|
|
2592
2629
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2593
2630
|
const isControlled = props.value !== void 0;
|
|
2594
|
-
const [internalValue, setInternalValue] = (0,
|
|
2631
|
+
const [internalValue, setInternalValue] = (0, import_react23.useState)(Number(props.defaultValue ?? min));
|
|
2595
2632
|
const currentValue = isControlled ? Number(props.value) : internalValue;
|
|
2596
2633
|
const fillPct = (currentValue - min) / (max - min) * 100;
|
|
2597
2634
|
const handleChange = (e) => {
|
|
2598
2635
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
2599
2636
|
onChange?.(e);
|
|
2600
2637
|
};
|
|
2601
|
-
return /* @__PURE__ */ (0,
|
|
2602
|
-
/* @__PURE__ */ (0,
|
|
2603
|
-
/* @__PURE__ */ (0,
|
|
2604
|
-
showValue && /* @__PURE__ */ (0,
|
|
2638
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation45.cn)(Slider_default.formGroup, className), children: [
|
|
2639
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Slider_default.labelRow, children: [
|
|
2640
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { id, label }),
|
|
2641
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: Slider_default.value, children: currentValue })
|
|
2605
2642
|
] }),
|
|
2606
|
-
/* @__PURE__ */ (0,
|
|
2643
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2607
2644
|
"input",
|
|
2608
2645
|
{
|
|
2609
2646
|
type: "range",
|
|
@@ -2616,26 +2653,26 @@ function Slider({
|
|
|
2616
2653
|
"aria-valuemax": max,
|
|
2617
2654
|
"aria-valuenow": currentValue,
|
|
2618
2655
|
"aria-valuetext": String(currentValue),
|
|
2619
|
-
className: (0,
|
|
2656
|
+
className: (0, import_design_system_foundation45.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
|
|
2620
2657
|
style: { "--slider_fill": `${fillPct}%` },
|
|
2621
2658
|
onChange: handleChange,
|
|
2622
2659
|
...props
|
|
2623
2660
|
}
|
|
2624
2661
|
),
|
|
2625
|
-
/* @__PURE__ */ (0,
|
|
2626
|
-
/* @__PURE__ */ (0,
|
|
2662
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2663
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2627
2664
|
] });
|
|
2628
2665
|
}
|
|
2629
2666
|
|
|
2630
2667
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2631
|
-
var
|
|
2668
|
+
var import_react24 = require("react");
|
|
2632
2669
|
|
|
2633
2670
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2634
|
-
var Switch_default = {"component":"
|
|
2671
|
+
var Switch_default = {"component":"bds271Switch-component","switchGroup":"bds271Switch-switchGroup","--size_small":"bds271Switch---size_small","--size_medium":"bds271Switch---size_medium","--size_large":"bds271Switch---size_large","inputWrapper":"bds271Switch-inputWrapper","trackWrapper":"bds271Switch-trackWrapper","switch":"bds271Switch-switch","track":"bds271Switch-track","thumb":"bds271Switch-thumb","switchError":"bds271Switch-switchError"};
|
|
2635
2672
|
|
|
2636
2673
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2637
|
-
var
|
|
2638
|
-
var
|
|
2674
|
+
var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
|
|
2675
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2639
2676
|
function Switch({
|
|
2640
2677
|
label,
|
|
2641
2678
|
name,
|
|
@@ -2646,15 +2683,15 @@ function Switch({
|
|
|
2646
2683
|
prefix,
|
|
2647
2684
|
...props
|
|
2648
2685
|
}) {
|
|
2649
|
-
const id = name + (0,
|
|
2686
|
+
const id = name + (0, import_react24.useId)();
|
|
2650
2687
|
const hintId = id + "hint";
|
|
2651
2688
|
const errorId = id + "error";
|
|
2652
2689
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2653
|
-
return /* @__PURE__ */ (0,
|
|
2654
|
-
/* @__PURE__ */ (0,
|
|
2655
|
-
prefix && /* @__PURE__ */ (0,
|
|
2656
|
-
/* @__PURE__ */ (0,
|
|
2657
|
-
/* @__PURE__ */ (0,
|
|
2690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
2691
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.inputWrapper, children: [
|
|
2692
|
+
prefix && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: prefix }),
|
|
2693
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.trackWrapper, children: [
|
|
2694
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2658
2695
|
"input",
|
|
2659
2696
|
{
|
|
2660
2697
|
type: "checkbox",
|
|
@@ -2662,28 +2699,28 @@ function Switch({
|
|
|
2662
2699
|
id,
|
|
2663
2700
|
name,
|
|
2664
2701
|
"aria-describedby": describedBy,
|
|
2665
|
-
className: (0,
|
|
2702
|
+
className: (0, import_design_system_foundation46.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2666
2703
|
...props
|
|
2667
2704
|
}
|
|
2668
2705
|
),
|
|
2669
|
-
/* @__PURE__ */ (0,
|
|
2706
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.thumb }) })
|
|
2670
2707
|
] }),
|
|
2671
|
-
/* @__PURE__ */ (0,
|
|
2708
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id, label })
|
|
2672
2709
|
] }),
|
|
2673
|
-
/* @__PURE__ */ (0,
|
|
2674
|
-
/* @__PURE__ */ (0,
|
|
2710
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2711
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2675
2712
|
] });
|
|
2676
2713
|
}
|
|
2677
2714
|
|
|
2678
2715
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2679
|
-
var
|
|
2716
|
+
var import_react25 = require("react");
|
|
2680
2717
|
|
|
2681
2718
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2682
|
-
var Textarea_default = {"component":"
|
|
2719
|
+
var Textarea_default = {"component":"bds271Textarea-component","formGroup":"bds271Textarea-formGroup","textarea":"bds271Textarea-textarea","textareaError":"bds271Textarea-textareaError"};
|
|
2683
2720
|
|
|
2684
2721
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2685
|
-
var
|
|
2686
|
-
var
|
|
2722
|
+
var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
|
|
2723
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2687
2724
|
function Textarea({
|
|
2688
2725
|
label,
|
|
2689
2726
|
name,
|
|
@@ -2693,13 +2730,13 @@ function Textarea({
|
|
|
2693
2730
|
required,
|
|
2694
2731
|
...props
|
|
2695
2732
|
}) {
|
|
2696
|
-
const id = name + (0,
|
|
2733
|
+
const id = name + (0, import_react25.useId)();
|
|
2697
2734
|
const hintId = id + "hint";
|
|
2698
2735
|
const errorId = id + "error";
|
|
2699
2736
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2700
|
-
return /* @__PURE__ */ (0,
|
|
2701
|
-
/* @__PURE__ */ (0,
|
|
2702
|
-
/* @__PURE__ */ (0,
|
|
2737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InputContainer, { className: (0, import_design_system_foundation47.cn)(Textarea_default.formGroup, className), children: [
|
|
2738
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label, { id, label }),
|
|
2739
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2703
2740
|
"textarea",
|
|
2704
2741
|
{
|
|
2705
2742
|
id,
|
|
@@ -2708,40 +2745,40 @@ function Textarea({
|
|
|
2708
2745
|
"aria-describedby": describedBy,
|
|
2709
2746
|
"aria-required": required || void 0,
|
|
2710
2747
|
required,
|
|
2711
|
-
className: (0,
|
|
2748
|
+
className: (0, import_design_system_foundation47.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2712
2749
|
...props
|
|
2713
2750
|
}
|
|
2714
2751
|
),
|
|
2715
|
-
/* @__PURE__ */ (0,
|
|
2716
|
-
/* @__PURE__ */ (0,
|
|
2752
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "error", message: error }),
|
|
2753
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "hint", message: hint })
|
|
2717
2754
|
] });
|
|
2718
2755
|
}
|
|
2719
2756
|
|
|
2720
2757
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2721
|
-
var ButtonGroup_default = {"component":"
|
|
2758
|
+
var ButtonGroup_default = {"component":"bds271ButtonGroup-component","buttonGroup":"bds271ButtonGroup-buttonGroup","container":"bds271ButtonGroup-container","--variant_card":"bds271ButtonGroup---variant_card","--variant_flow":"bds271ButtonGroup---variant_flow","--variant_modal":"bds271ButtonGroup---variant_modal","--variant_content":"bds271ButtonGroup---variant_content","--variant_grid":"bds271ButtonGroup---variant_grid"};
|
|
2722
2759
|
|
|
2723
2760
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2724
|
-
var
|
|
2725
|
-
var
|
|
2761
|
+
var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
|
|
2762
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2726
2763
|
function ButtonContainer({ children, className, variant, ...rest }) {
|
|
2727
|
-
return /* @__PURE__ */ (0,
|
|
2764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2728
2765
|
"div",
|
|
2729
2766
|
{
|
|
2730
2767
|
...rest,
|
|
2731
2768
|
role: "group",
|
|
2732
|
-
className: (0,
|
|
2733
|
-
children: /* @__PURE__ */ (0,
|
|
2769
|
+
className: (0, import_design_system_foundation48.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
|
|
2770
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: ButtonGroup_default.container, children })
|
|
2734
2771
|
}
|
|
2735
2772
|
);
|
|
2736
2773
|
}
|
|
2737
2774
|
var ButtonGroup = ButtonContainer;
|
|
2738
2775
|
|
|
2739
2776
|
// src/components/layout/Card/Card.module.css
|
|
2740
|
-
var Card_default = {"component":"
|
|
2777
|
+
var Card_default = {"component":"bds271Card-component","card":"bds271Card-card","--default":"bds271Card---default","--elevated":"bds271Card---elevated","--outlined":"bds271Card---outlined","--clickable":"bds271Card---clickable","--padding-none":"bds271Card---padding-none","--padding-small":"bds271Card---padding-small","--padding-medium":"bds271Card---padding-medium","--padding-large":"bds271Card---padding-large","--padding-extra-large":"bds271Card---padding-extra-large","--text-start":"bds271Card---text-start","--text-center":"bds271Card---text-center","--text-end":"bds271Card---text-end"};
|
|
2741
2778
|
|
|
2742
2779
|
// src/components/layout/Card/Card.tsx
|
|
2743
|
-
var
|
|
2744
|
-
var
|
|
2780
|
+
var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
|
|
2781
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2745
2782
|
function Card({
|
|
2746
2783
|
children,
|
|
2747
2784
|
className,
|
|
@@ -2752,7 +2789,7 @@ function Card({
|
|
|
2752
2789
|
onClick,
|
|
2753
2790
|
...rest
|
|
2754
2791
|
}) {
|
|
2755
|
-
const classNames = (0,
|
|
2792
|
+
const classNames = (0, import_design_system_foundation49.cn)(
|
|
2756
2793
|
Card_default.card,
|
|
2757
2794
|
Card_default[`--${variant}`],
|
|
2758
2795
|
Card_default[`--padding-${padding}`],
|
|
@@ -2761,7 +2798,7 @@ function Card({
|
|
|
2761
2798
|
className
|
|
2762
2799
|
);
|
|
2763
2800
|
const Component = as ?? (onClick ? "button" : "div");
|
|
2764
|
-
return /* @__PURE__ */ (0,
|
|
2801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2765
2802
|
Component,
|
|
2766
2803
|
{
|
|
2767
2804
|
...rest,
|
|
@@ -2774,16 +2811,16 @@ function Card({
|
|
|
2774
2811
|
}
|
|
2775
2812
|
|
|
2776
2813
|
// src/components/layout/Grid/Grid.tsx
|
|
2777
|
-
var
|
|
2814
|
+
var import_react27 = require("react");
|
|
2778
2815
|
|
|
2779
2816
|
// src/components/layout/Grid/Grid.module.css
|
|
2780
|
-
var Grid_default = {"component":"
|
|
2817
|
+
var Grid_default = {"component":"bds271Grid-component","grid":"bds271Grid-grid","--main":"bds271Grid---main","--page":"bds271Grid---page","--funnel":"bds271Grid---funnel","--custom":"bds271Grid---custom","--centered":"bds271Grid---centered","item":"bds271Grid-item","w3":"bds271Grid-w3","org":"bds271Grid-org","ts":"bds271Grid-ts","--masonry":"bds271Grid---masonry"};
|
|
2781
2818
|
|
|
2782
2819
|
// src/components/layout/Grid/Grid.tsx
|
|
2783
|
-
var
|
|
2820
|
+
var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
|
|
2784
2821
|
|
|
2785
2822
|
// src/components/layout/Grid/masonry.ts
|
|
2786
|
-
var
|
|
2823
|
+
var import_react26 = require("react");
|
|
2787
2824
|
var NAMED_SPAN_VAR = {
|
|
2788
2825
|
"three-quarters": "--bds-grid_columns-75",
|
|
2789
2826
|
"two-thirds": "--bds-grid_columns-66",
|
|
@@ -2932,7 +2969,7 @@ function restoreOriginalColumn(el) {
|
|
|
2932
2969
|
}
|
|
2933
2970
|
function useMasonry(ref, enabled, options = {}) {
|
|
2934
2971
|
const { preferredColumnSpan, rowUnitPx } = options;
|
|
2935
|
-
(0,
|
|
2972
|
+
(0, import_react26.useLayoutEffect)(() => {
|
|
2936
2973
|
const container = ref.current;
|
|
2937
2974
|
if (!container || !enabled) return;
|
|
2938
2975
|
if (supportsNativeMasonry()) return;
|
|
@@ -3004,10 +3041,10 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
3004
3041
|
}
|
|
3005
3042
|
|
|
3006
3043
|
// src/components/layout/Grid/Grid.tsx
|
|
3007
|
-
var
|
|
3044
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3008
3045
|
var _GridContext;
|
|
3009
3046
|
function getGridContext() {
|
|
3010
|
-
_GridContext ??= (0,
|
|
3047
|
+
_GridContext ??= (0, import_react27.createContext)({ autoSpanMedia: false });
|
|
3011
3048
|
return _GridContext;
|
|
3012
3049
|
}
|
|
3013
3050
|
function Grid({
|
|
@@ -3024,12 +3061,12 @@ function Grid({
|
|
|
3024
3061
|
style,
|
|
3025
3062
|
...rest
|
|
3026
3063
|
}) {
|
|
3027
|
-
const ref = (0,
|
|
3064
|
+
const ref = (0, import_react27.useRef)(null);
|
|
3028
3065
|
useMasonry(ref, isMasonry, {
|
|
3029
3066
|
preferredColumnSpan: masonryPreferredColumnSpan,
|
|
3030
3067
|
rowUnitPx: masonryRowUnitPx
|
|
3031
3068
|
});
|
|
3032
|
-
const classNames = (0,
|
|
3069
|
+
const classNames = (0, import_design_system_foundation50.cn)(
|
|
3033
3070
|
Grid_default.grid,
|
|
3034
3071
|
Grid_default[`--${variant}`],
|
|
3035
3072
|
isCentered && Grid_default["--centered"],
|
|
@@ -3039,13 +3076,13 @@ function Grid({
|
|
|
3039
3076
|
const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
|
|
3040
3077
|
const Component = as ?? "div";
|
|
3041
3078
|
const GridContext = getGridContext();
|
|
3042
|
-
const ctx = (0,
|
|
3043
|
-
return /* @__PURE__ */ (0,
|
|
3079
|
+
const ctx = (0, import_react27.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
|
|
3080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GridContext.Provider, { value: ctx, children }) });
|
|
3044
3081
|
}
|
|
3045
3082
|
|
|
3046
3083
|
// src/components/layout/Grid/GridItem.tsx
|
|
3047
|
-
var
|
|
3048
|
-
var
|
|
3084
|
+
var import_react28 = require("react");
|
|
3085
|
+
var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
|
|
3049
3086
|
|
|
3050
3087
|
// src/components/layout/Grid/autoSpan.ts
|
|
3051
3088
|
function aspectToColumnSpan(ratio) {
|
|
@@ -3077,7 +3114,7 @@ function mediaReadyEvent(media) {
|
|
|
3077
3114
|
}
|
|
3078
3115
|
|
|
3079
3116
|
// src/components/layout/Grid/GridItem.tsx
|
|
3080
|
-
var
|
|
3117
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3081
3118
|
var GridItemSpan = {
|
|
3082
3119
|
full: "full",
|
|
3083
3120
|
threeQuarters: "three-quarters",
|
|
@@ -3110,11 +3147,11 @@ function GridItem({
|
|
|
3110
3147
|
style,
|
|
3111
3148
|
...rest
|
|
3112
3149
|
}) {
|
|
3113
|
-
const { autoSpanMedia } = (0,
|
|
3150
|
+
const { autoSpanMedia } = (0, import_react28.useContext)(getGridContext());
|
|
3114
3151
|
const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
|
|
3115
|
-
const ref = (0,
|
|
3116
|
-
const [autoSpan, setAutoSpan] = (0,
|
|
3117
|
-
(0,
|
|
3152
|
+
const ref = (0, import_react28.useRef)(null);
|
|
3153
|
+
const [autoSpan, setAutoSpan] = (0, import_react28.useState)("one-quarter");
|
|
3154
|
+
(0, import_react28.useLayoutEffect)(() => {
|
|
3118
3155
|
if (effectiveSpan !== "auto") return;
|
|
3119
3156
|
const el = ref.current;
|
|
3120
3157
|
if (!el) return;
|
|
@@ -3159,13 +3196,13 @@ function GridItem({
|
|
|
3159
3196
|
};
|
|
3160
3197
|
const Component = as ?? "div";
|
|
3161
3198
|
const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
|
|
3162
|
-
return /* @__PURE__ */ (0,
|
|
3199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3163
3200
|
Component,
|
|
3164
3201
|
{
|
|
3165
3202
|
ref,
|
|
3166
3203
|
...rest,
|
|
3167
3204
|
"data-column-span-auto": isColumnSpanAuto ? "" : void 0,
|
|
3168
|
-
className: (0,
|
|
3205
|
+
className: (0, import_design_system_foundation51.cn)(Grid_default.item, className),
|
|
3169
3206
|
style: composedStyle,
|
|
3170
3207
|
children
|
|
3171
3208
|
}
|
|
@@ -3173,11 +3210,11 @@ function GridItem({
|
|
|
3173
3210
|
}
|
|
3174
3211
|
|
|
3175
3212
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3176
|
-
var SectionHeader_default = {"component":"
|
|
3213
|
+
var SectionHeader_default = {"component":"bds271SectionHeader-component","sectionHeader":"bds271SectionHeader-sectionHeader","title":"bds271SectionHeader-title","subtitle":"bds271SectionHeader-subtitle","--start":"bds271SectionHeader---start","--center":"bds271SectionHeader---center","--end":"bds271SectionHeader---end","--medium":"bds271SectionHeader---medium","--xs":"bds271SectionHeader---xs","--small":"bds271SectionHeader---small","--large":"bds271SectionHeader---large"};
|
|
3177
3214
|
|
|
3178
3215
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3179
|
-
var
|
|
3180
|
-
var
|
|
3216
|
+
var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
|
|
3217
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3181
3218
|
function SectionHeader({
|
|
3182
3219
|
title,
|
|
3183
3220
|
subtitle,
|
|
@@ -3188,24 +3225,24 @@ function SectionHeader({
|
|
|
3188
3225
|
...rest
|
|
3189
3226
|
}) {
|
|
3190
3227
|
const Title = titleAs;
|
|
3191
|
-
return /* @__PURE__ */ (0,
|
|
3192
|
-
/* @__PURE__ */ (0,
|
|
3193
|
-
subtitle && /* @__PURE__ */ (0,
|
|
3228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...rest, className: (0, import_design_system_foundation52.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
|
|
3229
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Title, { className: SectionHeader_default.title, children: title }),
|
|
3230
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
3194
3231
|
] });
|
|
3195
3232
|
}
|
|
3196
3233
|
|
|
3197
3234
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3198
|
-
var IconWrapper_default = {"component":"
|
|
3235
|
+
var IconWrapper_default = {"component":"bds271IconWrapper-component","wrapper":"bds271IconWrapper-wrapper"};
|
|
3199
3236
|
|
|
3200
3237
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3201
|
-
var
|
|
3202
|
-
var
|
|
3238
|
+
var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
|
|
3239
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3203
3240
|
function IconWrapper({ children, className, ...rest }) {
|
|
3204
|
-
return /* @__PURE__ */ (0,
|
|
3241
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ...rest, className: (0, import_design_system_foundation53.cn)(className, IconWrapper_default.wrapper), children });
|
|
3205
3242
|
}
|
|
3206
3243
|
|
|
3207
3244
|
// src/index.ts
|
|
3208
|
-
var
|
|
3245
|
+
var import_design_system_foundation54 = require("@boostdev/design-system-foundation");
|
|
3209
3246
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3210
3247
|
0 && (module.exports = {
|
|
3211
3248
|
Accordion,
|
|
@@ -3228,6 +3265,7 @@ var import_design_system_foundation53 = require("@boostdev/design-system-foundat
|
|
|
3228
3265
|
Dialog,
|
|
3229
3266
|
Drawer,
|
|
3230
3267
|
DropdownMenu,
|
|
3268
|
+
FieldGroup,
|
|
3231
3269
|
FileInput,
|
|
3232
3270
|
FormInput,
|
|
3233
3271
|
Grid,
|