@boostdev/design-system-components 2.6.0 → 2.7.0
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/dist/client.cjs +257 -219
- package/dist/client.css +585 -537
- 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 +585 -537
- package/dist/index.d.cts +27 -1
- package/dist/index.d.ts +27 -1
- package/dist/index.js +220 -183
- package/dist/web-components/index.d.ts +56 -1
- package/dist/web-components/index.js +117 -0
- package/package.json +3 -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/index.ts +2 -0
- package/src/web-components/index.ts +2 -0
- 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-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 +1 -0
- package/src/web-components/interaction/form/bds-radio-group.ts +1 -0
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 = {"component":"
|
|
7
|
+
var Accordion_default = {"component":"bds270Accordion-component","accordion":"bds270Accordion-accordion","item":"bds270Accordion-item","heading":"bds270Accordion-heading","trigger":"bds270Accordion-trigger","triggerLabel":"bds270Accordion-triggerLabel","chevron":"bds270Accordion-chevron","--open":"bds270Accordion---open","panel":"bds270Accordion-panel","panelContent":"bds270Accordion-panelContent"};
|
|
8
8
|
|
|
9
9
|
// src/components/ui/Accordion/Accordion.tsx
|
|
10
10
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -73,7 +73,7 @@ function Accordion({
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
// src/components/ui/Alert/Alert.module.css
|
|
76
|
-
var Alert_default = {"component":"
|
|
76
|
+
var Alert_default = {"component":"bds270Alert-component","alert":"bds270Alert-alert","--variant_info":"bds270Alert---variant_info","--variant_success":"bds270Alert---variant_success","--variant_warning":"bds270Alert---variant_warning","--variant_error":"bds270Alert---variant_error","icon":"bds270Alert-icon","content":"bds270Alert-content","title":"bds270Alert-title","dismiss":"bds270Alert-dismiss"};
|
|
77
77
|
|
|
78
78
|
// src/components/ui/Alert/Alert.tsx
|
|
79
79
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
@@ -118,7 +118,7 @@ function Alert({
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
// src/components/ui/Avatar/Avatar.module.css
|
|
121
|
-
var Avatar_default = {"component":"
|
|
121
|
+
var Avatar_default = {"component":"bds270Avatar-component","avatar":"bds270Avatar-avatar","--fallback":"bds270Avatar---fallback","--size_small":"bds270Avatar---size_small","--size_medium":"bds270Avatar---size_medium","--size_large":"bds270Avatar---size_large","image":"bds270Avatar-image","initials":"bds270Avatar-initials"};
|
|
122
122
|
|
|
123
123
|
// src/components/ui/Avatar/Avatar.tsx
|
|
124
124
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
@@ -145,7 +145,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
// src/components/ui/Badge/Badge.module.css
|
|
148
|
-
var Badge_default = {"component":"
|
|
148
|
+
var Badge_default = {"component":"bds270Badge-component","badge":"bds270Badge-badge","--variant_primary":"bds270Badge---variant_primary","--variant_secondary":"bds270Badge---variant_secondary","--variant_success":"bds270Badge---variant_success","--variant_error":"bds270Badge---variant_error","--variant_warning":"bds270Badge---variant_warning"};
|
|
149
149
|
|
|
150
150
|
// src/components/ui/Badge/Badge.tsx
|
|
151
151
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -155,7 +155,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
|
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
158
|
-
var Breadcrumb_default = {"component":"
|
|
158
|
+
var Breadcrumb_default = {"component":"bds270Breadcrumb-component","breadcrumb":"bds270Breadcrumb-breadcrumb","list":"bds270Breadcrumb-list","item":"bds270Breadcrumb-item","link":"bds270Breadcrumb-link","separator":"bds270Breadcrumb-separator","current":"bds270Breadcrumb-current"};
|
|
159
159
|
|
|
160
160
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
161
161
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -171,7 +171,7 @@ function Breadcrumb({ items, className, ...rest }) {
|
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
174
|
-
var Collapsible_default = {"component":"
|
|
174
|
+
var Collapsible_default = {"component":"bds270Collapsible-component","collapsible":"bds270Collapsible-collapsible","summary":"bds270Collapsible-summary","summaryContent":"bds270Collapsible-summaryContent","icon":"bds270Collapsible-icon","content":"bds270Collapsible-content"};
|
|
175
175
|
|
|
176
176
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
177
177
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -212,7 +212,7 @@ function Collapsible({
|
|
|
212
212
|
import { useState as useState2, useId as useId2 } from "react";
|
|
213
213
|
|
|
214
214
|
// src/components/ui/Calendar/Calendar.module.css
|
|
215
|
-
var Calendar_default = {"component":"
|
|
215
|
+
var Calendar_default = {"component":"bds270Calendar-component","calendar":"bds270Calendar-calendar","header":"bds270Calendar-header","monthYear":"bds270Calendar-monthYear","navBtn":"bds270Calendar-navBtn","grid":"bds270Calendar-grid","weekday":"bds270Calendar-weekday","empty":"bds270Calendar-empty","day":"bds270Calendar-day","disabled":"bds270Calendar-disabled","selected":"bds270Calendar-selected","today":"bds270Calendar-today"};
|
|
216
216
|
|
|
217
217
|
// src/components/ui/Calendar/Calendar.tsx
|
|
218
218
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -387,7 +387,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
|
|
|
387
387
|
import { useRef, useId as useId3 } from "react";
|
|
388
388
|
|
|
389
389
|
// src/components/ui/Carousel/Carousel.module.css
|
|
390
|
-
var Carousel_default = {"component":"
|
|
390
|
+
var Carousel_default = {"component":"bds270Carousel-component","carousel":"bds270Carousel-carousel","track":"bds270Carousel-track","slide":"bds270Carousel-slide","navBtn":"bds270Carousel-navBtn"};
|
|
391
391
|
|
|
392
392
|
// src/components/ui/Carousel/Carousel.tsx
|
|
393
393
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -440,7 +440,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
440
440
|
}
|
|
441
441
|
|
|
442
442
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
443
|
-
var DescriptionList_default = {"component":"
|
|
443
|
+
var DescriptionList_default = {"component":"bds270DescriptionList-component","list":"bds270DescriptionList-list","group":"bds270DescriptionList-group","term":"bds270DescriptionList-term","details":"bds270DescriptionList-details","--layout_inline":"bds270DescriptionList---layout_inline"};
|
|
444
444
|
|
|
445
445
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
446
446
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -453,7 +453,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
453
453
|
}
|
|
454
454
|
|
|
455
455
|
// src/components/ui/Link/Link.module.css
|
|
456
|
-
var Link_default = {"component":"
|
|
456
|
+
var Link_default = {"component":"bds270Link-component","link":"bds270Link-link","--variant_default":"bds270Link---variant_default","--variant_subtle":"bds270Link---variant_subtle","--variant_standalone":"bds270Link---variant_standalone","externalLabel":"bds270Link-externalLabel"};
|
|
457
457
|
|
|
458
458
|
// src/components/ui/Link/Link.tsx
|
|
459
459
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -484,7 +484,7 @@ function Link({
|
|
|
484
484
|
}
|
|
485
485
|
|
|
486
486
|
// src/components/ui/Loading/Loading.module.css
|
|
487
|
-
var Loading_default = {"component":"
|
|
487
|
+
var Loading_default = {"component":"bds270Loading-component","loading":"bds270Loading-loading","spinner":"bds270Loading-spinner","--size_small":"bds270Loading---size_small","--size_large":"bds270Loading---size_large"};
|
|
488
488
|
|
|
489
489
|
// src/components/ui/Loading/Loading.tsx
|
|
490
490
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -494,7 +494,7 @@ function Loading({ size = "medium", className, ...rest }) {
|
|
|
494
494
|
}
|
|
495
495
|
|
|
496
496
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
497
|
-
var NotificationBanner_default = {"component":"
|
|
497
|
+
var NotificationBanner_default = {"component":"bds270NotificationBanner-component","banner":"bds270NotificationBanner-banner","--variant_info":"bds270NotificationBanner---variant_info","--variant_success":"bds270NotificationBanner---variant_success","--variant_warning":"bds270NotificationBanner---variant_warning","--variant_error":"bds270NotificationBanner---variant_error","content":"bds270NotificationBanner-content","action":"bds270NotificationBanner-action","dismiss":"bds270NotificationBanner-dismiss"};
|
|
498
498
|
|
|
499
499
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
500
500
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -535,7 +535,7 @@ function NotificationBanner({
|
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
// src/components/ui/Pagination/Pagination.module.css
|
|
538
|
-
var Pagination_default = {"component":"
|
|
538
|
+
var Pagination_default = {"component":"bds270Pagination-component","pagination":"bds270Pagination-pagination","list":"bds270Pagination-list","button":"bds270Pagination-button","--active":"bds270Pagination---active","--nav":"bds270Pagination---nav","ellipsis":"bds270Pagination-ellipsis"};
|
|
539
539
|
|
|
540
540
|
// src/components/ui/Pagination/Pagination.tsx
|
|
541
541
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -600,7 +600,7 @@ function Pagination({
|
|
|
600
600
|
}
|
|
601
601
|
|
|
602
602
|
// src/components/ui/Progress/Progress.module.css
|
|
603
|
-
var Progress_default = {"component":"
|
|
603
|
+
var Progress_default = {"component":"bds270Progress-component","container":"bds270Progress-container","labelRow":"bds270Progress-labelRow","value":"bds270Progress-value","track":"bds270Progress-track","--size_small":"bds270Progress---size_small","--size_medium":"bds270Progress---size_medium","--size_large":"bds270Progress---size_large","fill":"bds270Progress-fill"};
|
|
604
604
|
|
|
605
605
|
// src/components/ui/Progress/Progress.tsx
|
|
606
606
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -639,7 +639,7 @@ function Progress({
|
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
642
|
-
var ProgressCircle_default = {"component":"
|
|
642
|
+
var ProgressCircle_default = {"component":"bds270ProgressCircle-component","wrapper":"bds270ProgressCircle-wrapper","svg":"bds270ProgressCircle-svg","track":"bds270ProgressCircle-track","fill":"bds270ProgressCircle-fill","value":"bds270ProgressCircle-value","--size_small":"bds270ProgressCircle---size_small","--size_medium":"bds270ProgressCircle---size_medium","--size_large":"bds270ProgressCircle---size_large"};
|
|
643
643
|
|
|
644
644
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
645
645
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -720,7 +720,7 @@ function ProgressCircle({
|
|
|
720
720
|
}
|
|
721
721
|
|
|
722
722
|
// src/components/ui/Separator/Separator.module.css
|
|
723
|
-
var Separator_default = {"component":"
|
|
723
|
+
var Separator_default = {"component":"bds270Separator-component","separator":"bds270Separator-separator","--horizontal":"bds270Separator---horizontal","--vertical":"bds270Separator---vertical"};
|
|
724
724
|
|
|
725
725
|
// src/components/ui/Separator/Separator.tsx
|
|
726
726
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -744,7 +744,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
744
744
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
745
745
|
|
|
746
746
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
747
|
-
var Skeleton_default = {"component":"
|
|
747
|
+
var Skeleton_default = {"component":"bds270Skeleton-component","skeleton":"bds270Skeleton-skeleton"};
|
|
748
748
|
|
|
749
749
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
750
750
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -753,7 +753,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
753
753
|
}
|
|
754
754
|
|
|
755
755
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
756
|
-
var SkipLink_default = {"component":"
|
|
756
|
+
var SkipLink_default = {"component":"bds270SkipLink-component","skipLink":"bds270SkipLink-skipLink"};
|
|
757
757
|
|
|
758
758
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
759
759
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -763,7 +763,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
763
763
|
}
|
|
764
764
|
|
|
765
765
|
// src/components/ui/Table/Table.module.css
|
|
766
|
-
var Table_default = {"component":"
|
|
766
|
+
var Table_default = {"component":"bds270Table-component","wrapper":"bds270Table-wrapper","table":"bds270Table-table","caption":"bds270Table-caption","thead":"bds270Table-thead","th":"bds270Table-th","--sortable":"bds270Table---sortable","sortButton":"bds270Table-sortButton","sortIcon":"bds270Table-sortIcon","--sort-active":"bds270Table---sort-active","--sort-desc":"bds270Table---sort-desc","tbody":"bds270Table-tbody","tr":"bds270Table-tr","td":"bds270Table-td"};
|
|
767
767
|
|
|
768
768
|
// src/components/ui/Table/Table.tsx
|
|
769
769
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -833,7 +833,7 @@ function Table({
|
|
|
833
833
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
834
834
|
|
|
835
835
|
// src/components/ui/Tabs/Tabs.module.css
|
|
836
|
-
var Tabs_default = {"component":"
|
|
836
|
+
var Tabs_default = {"component":"bds270Tabs-component","tabs":"bds270Tabs-tabs","tabList":"bds270Tabs-tabList","tab":"bds270Tabs-tab","--active":"bds270Tabs---active","panel":"bds270Tabs-panel"};
|
|
837
837
|
|
|
838
838
|
// src/components/ui/Tabs/Tabs.tsx
|
|
839
839
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -913,7 +913,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
913
913
|
import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
|
|
914
914
|
|
|
915
915
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
916
|
-
var Tooltip_default = {"component":"
|
|
916
|
+
var Tooltip_default = {"component":"bds270Tooltip-component","wrapper":"bds270Tooltip-wrapper","tooltip":"bds270Tooltip-tooltip","--placement_top":"bds270Tooltip---placement_top","--placement_bottom":"bds270Tooltip---placement_bottom","--placement_left":"bds270Tooltip---placement_left","--placement_right":"bds270Tooltip---placement_right"};
|
|
917
917
|
|
|
918
918
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
919
919
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -957,7 +957,7 @@ function Tooltip({
|
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
// src/components/ui/Typography/Typography.module.css
|
|
960
|
-
var Typography_default = {"component":"
|
|
960
|
+
var Typography_default = {"component":"bds270Typography-component","typography":"bds270Typography-typography","--h1":"bds270Typography---h1","--h2":"bds270Typography---h2","--h3":"bds270Typography---h3","--body":"bds270Typography---body","--body_s":"bds270Typography---body_s"};
|
|
961
961
|
|
|
962
962
|
// src/components/ui/Typography/Typography.tsx
|
|
963
963
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -975,7 +975,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
975
975
|
}
|
|
976
976
|
|
|
977
977
|
// src/components/interaction/Button/Button.module.css
|
|
978
|
-
var Button_default = {"component":"
|
|
978
|
+
var Button_default = {"component":"bds270Button-component","button":"bds270Button-button","--default":"bds270Button---default","--outline":"bds270Button---outline","--ghost":"bds270Button---ghost","--size_small":"bds270Button---size_small","--size_medium":"bds270Button---size_medium","--size_large":"bds270Button---size_large","--hasPulse":"bds270Button---hasPulse","iconStart":"bds270Button-iconStart","iconEnd":"bds270Button-iconEnd","--iconOnly":"bds270Button---iconOnly"};
|
|
979
979
|
|
|
980
980
|
// src/components/interaction/Button/Button.tsx
|
|
981
981
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1092,7 +1092,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
|
|
1094
1094
|
// src/components/interaction/Command/Command.module.css
|
|
1095
|
-
var Command_default = {"component":"
|
|
1095
|
+
var Command_default = {"component":"bds270Command-component","dialog":"bds270Command-dialog","palette":"bds270Command-palette","searchRow":"bds270Command-searchRow","searchIcon":"bds270Command-searchIcon","search":"bds270Command-search","escHint":"bds270Command-escHint","list":"bds270Command-list","groupList":"bds270Command-groupList","group":"bds270Command-group","item":"bds270Command-item","itemActive":"bds270Command-itemActive","itemLabel":"bds270Command-itemLabel","itemDesc":"bds270Command-itemDesc","shortcut":"bds270Command-shortcut","empty":"bds270Command-empty"};
|
|
1096
1096
|
|
|
1097
1097
|
// src/components/interaction/Command/Command.tsx
|
|
1098
1098
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1269,7 +1269,7 @@ function Command({
|
|
|
1269
1269
|
import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
|
|
1270
1270
|
|
|
1271
1271
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1272
|
-
var Dialog_default = {"component":"
|
|
1272
|
+
var Dialog_default = {"component":"bds270Dialog-component","dialog":"bds270Dialog-dialog","dialogContent":"bds270Dialog-dialogContent","closeButton":"bds270Dialog-closeButton"};
|
|
1273
1273
|
|
|
1274
1274
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1275
1275
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1375,7 +1375,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1375
1375
|
import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
|
|
1376
1376
|
|
|
1377
1377
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1378
|
-
var Drawer_default = {"component":"
|
|
1378
|
+
var Drawer_default = {"component":"bds270Drawer-component","drawer":"bds270Drawer-drawer","--side_left":"bds270Drawer---side_left","header":"bds270Drawer-header","closeButton":"bds270Drawer-closeButton","body":"bds270Drawer-body"};
|
|
1379
1379
|
|
|
1380
1380
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1381
1381
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1483,7 +1483,7 @@ import {
|
|
|
1483
1483
|
} from "react";
|
|
1484
1484
|
|
|
1485
1485
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1486
|
-
var DropdownMenu_default = {"component":"
|
|
1486
|
+
var DropdownMenu_default = {"component":"bds270DropdownMenu-component","wrapper":"bds270DropdownMenu-wrapper","menu":"bds270DropdownMenu-menu","--placement_bottom-start":"bds270DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds270DropdownMenu---placement_bottom-end","separator":"bds270DropdownMenu-separator","item":"bds270DropdownMenu-item","icon":"bds270DropdownMenu-icon"};
|
|
1487
1487
|
|
|
1488
1488
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1489
1489
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1604,7 +1604,7 @@ import {
|
|
|
1604
1604
|
} from "react";
|
|
1605
1605
|
|
|
1606
1606
|
// src/components/interaction/Popover/Popover.module.css
|
|
1607
|
-
var Popover_default = {"component":"
|
|
1607
|
+
var Popover_default = {"component":"bds270Popover-component","wrapper":"bds270Popover-wrapper","panel":"bds270Popover-panel","g":"bds270Popover-g"};
|
|
1608
1608
|
|
|
1609
1609
|
// src/components/interaction/Popover/Popover.tsx
|
|
1610
1610
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1689,7 +1689,7 @@ function Popover({
|
|
|
1689
1689
|
}
|
|
1690
1690
|
|
|
1691
1691
|
// src/components/interaction/Rating/Rating.module.css
|
|
1692
|
-
var Rating_default = {"component":"
|
|
1692
|
+
var Rating_default = {"component":"bds270Rating-component","rating":"bds270Rating-rating","star":"bds270Rating-star","--filled":"bds270Rating---filled"};
|
|
1693
1693
|
|
|
1694
1694
|
// src/components/interaction/Rating/Rating.tsx
|
|
1695
1695
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1721,7 +1721,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
1721
1721
|
import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
|
|
1722
1722
|
|
|
1723
1723
|
// src/components/interaction/Toast/Toast.module.css
|
|
1724
|
-
var Toast_default = {"component":"
|
|
1724
|
+
var Toast_default = {"component":"bds270Toast-component","toastContainer":"bds270Toast-toastContainer","toast":"bds270Toast-toast","--variant_success":"bds270Toast---variant_success","--variant_warning":"bds270Toast---variant_warning","--variant_info":"bds270Toast---variant_info","--variant_error":"bds270Toast---variant_error","message":"bds270Toast-message","closeButton":"bds270Toast-closeButton"};
|
|
1725
1725
|
|
|
1726
1726
|
// src/components/interaction/Toast/Toast.tsx
|
|
1727
1727
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1799,10 +1799,10 @@ function useToast() {
|
|
|
1799
1799
|
import { useId as useId11 } from "react";
|
|
1800
1800
|
|
|
1801
1801
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1802
|
-
var Checkbox_default = {"component":"
|
|
1802
|
+
var Checkbox_default = {"component":"bds270Checkbox-component","checkboxGroup":"bds270Checkbox-checkboxGroup","inputWrapper":"bds270Checkbox-inputWrapper","checkbox":"bds270Checkbox-checkbox","checkboxError":"bds270Checkbox-checkboxError"};
|
|
1803
1803
|
|
|
1804
1804
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1805
|
-
var Message_default = {"component":"
|
|
1805
|
+
var Message_default = {"component":"bds270Message-component","error":"bds270Message-error","hint":"bds270Message-hint"};
|
|
1806
1806
|
|
|
1807
1807
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1808
1808
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -1813,7 +1813,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
1813
1813
|
};
|
|
1814
1814
|
|
|
1815
1815
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1816
|
-
var Label_default = {"component":"
|
|
1816
|
+
var Label_default = {"component":"bds270Label-component","label":"bds270Label-label"};
|
|
1817
1817
|
|
|
1818
1818
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1819
1819
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1826,7 +1826,7 @@ var Label = ({ label, id, className }) => {
|
|
|
1826
1826
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
1827
1827
|
|
|
1828
1828
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1829
|
-
var InputContainer_default = {"component":"
|
|
1829
|
+
var InputContainer_default = {"component":"bds270InputContainer-component","container":"bds270InputContainer-container"};
|
|
1830
1830
|
|
|
1831
1831
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1832
1832
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1867,7 +1867,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1867
1867
|
import { useId as useId12 } from "react";
|
|
1868
1868
|
|
|
1869
1869
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1870
|
-
var CheckboxGroup_default = {"component":"
|
|
1870
|
+
var CheckboxGroup_default = {"component":"bds270CheckboxGroup-component","group":"bds270CheckboxGroup-group","legend":"bds270CheckboxGroup-legend","required":"bds270CheckboxGroup-required","items":"bds270CheckboxGroup-items"};
|
|
1871
1871
|
|
|
1872
1872
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1873
1873
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -1915,7 +1915,7 @@ import {
|
|
|
1915
1915
|
} from "react";
|
|
1916
1916
|
|
|
1917
1917
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1918
|
-
var Combobox_default = {"component":"
|
|
1918
|
+
var Combobox_default = {"component":"bds270Combobox-component","formGroup":"bds270Combobox-formGroup","inputWrapper":"bds270Combobox-inputWrapper","input":"bds270Combobox-input","inputError":"bds270Combobox-inputError","chevron":"bds270Combobox-chevron","listbox":"bds270Combobox-listbox","option":"bds270Combobox-option","--highlighted":"bds270Combobox---highlighted","--selected":"bds270Combobox---selected","--disabled":"bds270Combobox---disabled"};
|
|
1919
1919
|
|
|
1920
1920
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1921
1921
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2062,15 +2062,51 @@ function Combobox({
|
|
|
2062
2062
|
] });
|
|
2063
2063
|
}
|
|
2064
2064
|
|
|
2065
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2066
|
+
import { Children } from "react";
|
|
2067
|
+
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
2068
|
+
|
|
2069
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2070
|
+
var FieldGroup_default = {"component":"bds270FieldGroup-component","fieldGroup":"bds270FieldGroup-fieldGroup","legend":"bds270FieldGroup-legend","fields":"bds270FieldGroup-fields","--variant_horizontal":"bds270FieldGroup---variant_horizontal"};
|
|
2071
|
+
|
|
2072
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2073
|
+
import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2074
|
+
function FieldGroup({
|
|
2075
|
+
variant = "horizontal",
|
|
2076
|
+
legend,
|
|
2077
|
+
children,
|
|
2078
|
+
className,
|
|
2079
|
+
style,
|
|
2080
|
+
...rest
|
|
2081
|
+
}) {
|
|
2082
|
+
const fieldCount = Children.count(children);
|
|
2083
|
+
const styleWithCount = {
|
|
2084
|
+
...style,
|
|
2085
|
+
"--fieldGroup_field-count": fieldCount
|
|
2086
|
+
};
|
|
2087
|
+
return /* @__PURE__ */ jsxs26(
|
|
2088
|
+
"fieldset",
|
|
2089
|
+
{
|
|
2090
|
+
...rest,
|
|
2091
|
+
style: styleWithCount,
|
|
2092
|
+
className: cn37(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
|
|
2093
|
+
children: [
|
|
2094
|
+
legend !== void 0 && /* @__PURE__ */ jsx37("legend", { className: FieldGroup_default.legend, children: legend }),
|
|
2095
|
+
/* @__PURE__ */ jsx37("div", { className: FieldGroup_default.fields, children })
|
|
2096
|
+
]
|
|
2097
|
+
}
|
|
2098
|
+
);
|
|
2099
|
+
}
|
|
2100
|
+
|
|
2065
2101
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2066
2102
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2067
2103
|
|
|
2068
2104
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2069
|
-
var FileInput_default = {"component":"
|
|
2105
|
+
var FileInput_default = {"component":"bds270FileInput-component","formGroup":"bds270FileInput-formGroup","fieldLabel":"bds270FileInput-fieldLabel","dropZone":"bds270FileInput-dropZone","isDragging":"bds270FileInput-isDragging","hasError":"bds270FileInput-hasError","isDisabled":"bds270FileInput-isDisabled","icon":"bds270FileInput-icon","prompt":"bds270FileInput-prompt","acceptHint":"bds270FileInput-acceptHint","hiddenInput":"bds270FileInput-hiddenInput"};
|
|
2070
2106
|
|
|
2071
2107
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2072
|
-
import { cn as
|
|
2073
|
-
import { Fragment as Fragment3, jsx as
|
|
2108
|
+
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
2109
|
+
import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2074
2110
|
function FileInput({
|
|
2075
2111
|
label,
|
|
2076
2112
|
name,
|
|
@@ -2120,24 +2156,24 @@ function FileInput({
|
|
|
2120
2156
|
if (!disabled) setIsDragging(true);
|
|
2121
2157
|
};
|
|
2122
2158
|
const handleDragLeave = () => setIsDragging(false);
|
|
2123
|
-
return /* @__PURE__ */
|
|
2124
|
-
/* @__PURE__ */
|
|
2159
|
+
return /* @__PURE__ */ jsxs27(InputContainer, { ...rest, className: cn38(FileInput_default.formGroup, className), children: [
|
|
2160
|
+
/* @__PURE__ */ jsxs27(
|
|
2125
2161
|
"label",
|
|
2126
2162
|
{
|
|
2127
2163
|
htmlFor: uid,
|
|
2128
|
-
className:
|
|
2164
|
+
className: cn38(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
|
|
2129
2165
|
onDrop: handleDrop,
|
|
2130
2166
|
onDragOver: handleDragOver,
|
|
2131
2167
|
onDragLeave: handleDragLeave,
|
|
2132
2168
|
children: [
|
|
2133
|
-
/* @__PURE__ */
|
|
2134
|
-
/* @__PURE__ */
|
|
2135
|
-
/* @__PURE__ */
|
|
2136
|
-
/* @__PURE__ */
|
|
2169
|
+
/* @__PURE__ */ jsx38("span", { className: FileInput_default.fieldLabel, children: label }),
|
|
2170
|
+
/* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx38("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" }) }),
|
|
2171
|
+
/* @__PURE__ */ jsx38("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs27(Fragment3, { children: [
|
|
2172
|
+
/* @__PURE__ */ jsx38("strong", { children: "Click to upload" }),
|
|
2137
2173
|
" or drag and drop"
|
|
2138
2174
|
] }) }),
|
|
2139
|
-
accept && /* @__PURE__ */
|
|
2140
|
-
/* @__PURE__ */
|
|
2175
|
+
accept && /* @__PURE__ */ jsx38("span", { className: FileInput_default.acceptHint, children: accept }),
|
|
2176
|
+
/* @__PURE__ */ jsx38(
|
|
2141
2177
|
"input",
|
|
2142
2178
|
{
|
|
2143
2179
|
ref: inputRef,
|
|
@@ -2158,8 +2194,8 @@ function FileInput({
|
|
|
2158
2194
|
]
|
|
2159
2195
|
}
|
|
2160
2196
|
),
|
|
2161
|
-
/* @__PURE__ */
|
|
2162
|
-
/* @__PURE__ */
|
|
2197
|
+
/* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
|
|
2198
|
+
/* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
|
|
2163
2199
|
] });
|
|
2164
2200
|
}
|
|
2165
2201
|
|
|
@@ -2167,11 +2203,11 @@ function FileInput({
|
|
|
2167
2203
|
import { useId as useId15 } from "react";
|
|
2168
2204
|
|
|
2169
2205
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2170
|
-
var FormInput_default = {"component":"
|
|
2206
|
+
var FormInput_default = {"component":"bds270FormInput-component","formGroup":"bds270FormInput-formGroup","input":"bds270FormInput-input","inputError":"bds270FormInput-inputError"};
|
|
2171
2207
|
|
|
2172
2208
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2173
|
-
import { cn as
|
|
2174
|
-
import { jsx as
|
|
2209
|
+
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
2210
|
+
import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2175
2211
|
function FormInput({
|
|
2176
2212
|
label,
|
|
2177
2213
|
name,
|
|
@@ -2186,9 +2222,9 @@ function FormInput({
|
|
|
2186
2222
|
const hintId = id + "hint";
|
|
2187
2223
|
const errorId = id + "error";
|
|
2188
2224
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2189
|
-
return /* @__PURE__ */
|
|
2190
|
-
/* @__PURE__ */
|
|
2191
|
-
/* @__PURE__ */
|
|
2225
|
+
return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(FormInput_default.formGroup, className), children: [
|
|
2226
|
+
/* @__PURE__ */ jsx39(Label, { id, label }),
|
|
2227
|
+
/* @__PURE__ */ jsx39(
|
|
2192
2228
|
"input",
|
|
2193
2229
|
{
|
|
2194
2230
|
"aria-invalid": !!error,
|
|
@@ -2198,12 +2234,12 @@ function FormInput({
|
|
|
2198
2234
|
id,
|
|
2199
2235
|
name,
|
|
2200
2236
|
required,
|
|
2201
|
-
className:
|
|
2237
|
+
className: cn39(FormInput_default.input, error && FormInput_default.inputError),
|
|
2202
2238
|
...props
|
|
2203
2239
|
}
|
|
2204
2240
|
),
|
|
2205
|
-
/* @__PURE__ */
|
|
2206
|
-
/* @__PURE__ */
|
|
2241
|
+
/* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
|
|
2242
|
+
/* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
|
|
2207
2243
|
] });
|
|
2208
2244
|
}
|
|
2209
2245
|
|
|
@@ -2211,11 +2247,11 @@ function FormInput({
|
|
|
2211
2247
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2212
2248
|
|
|
2213
2249
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2214
|
-
var NumberInput_default = {"component":"
|
|
2250
|
+
var NumberInput_default = {"component":"bds270NumberInput-component","formGroup":"bds270NumberInput-formGroup","inputRow":"bds270NumberInput-inputRow","input":"bds270NumberInput-input","inputError":"bds270NumberInput-inputError","stepper":"bds270NumberInput-stepper"};
|
|
2215
2251
|
|
|
2216
2252
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2217
|
-
import { cn as
|
|
2218
|
-
import { jsx as
|
|
2253
|
+
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
2254
|
+
import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2219
2255
|
function NumberInput({
|
|
2220
2256
|
label,
|
|
2221
2257
|
name,
|
|
@@ -2254,10 +2290,10 @@ function NumberInput({
|
|
|
2254
2290
|
}
|
|
2255
2291
|
onChange?.(next);
|
|
2256
2292
|
};
|
|
2257
|
-
return /* @__PURE__ */
|
|
2258
|
-
/* @__PURE__ */
|
|
2259
|
-
/* @__PURE__ */
|
|
2260
|
-
/* @__PURE__ */
|
|
2293
|
+
return /* @__PURE__ */ jsxs29(InputContainer, { ...rest, className: cn40(NumberInput_default.formGroup, className), children: [
|
|
2294
|
+
/* @__PURE__ */ jsx40(Label, { id: uid, label }),
|
|
2295
|
+
/* @__PURE__ */ jsxs29("div", { className: NumberInput_default.inputRow, children: [
|
|
2296
|
+
/* @__PURE__ */ jsx40(
|
|
2261
2297
|
"button",
|
|
2262
2298
|
{
|
|
2263
2299
|
type: "button",
|
|
@@ -2267,10 +2303,10 @@ function NumberInput({
|
|
|
2267
2303
|
disabled: disabled || min !== void 0 && currentValue <= min,
|
|
2268
2304
|
onClick: () => adjust(-step),
|
|
2269
2305
|
tabIndex: -1,
|
|
2270
|
-
children: /* @__PURE__ */
|
|
2306
|
+
children: /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
|
|
2271
2307
|
}
|
|
2272
2308
|
),
|
|
2273
|
-
/* @__PURE__ */
|
|
2309
|
+
/* @__PURE__ */ jsx40(
|
|
2274
2310
|
"input",
|
|
2275
2311
|
{
|
|
2276
2312
|
ref: inputRef,
|
|
@@ -2284,7 +2320,7 @@ function NumberInput({
|
|
|
2284
2320
|
disabled,
|
|
2285
2321
|
"aria-invalid": !!error,
|
|
2286
2322
|
"aria-describedby": describedBy,
|
|
2287
|
-
className:
|
|
2323
|
+
className: cn40(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
|
|
2288
2324
|
onChange: (e) => {
|
|
2289
2325
|
const v = parseFloat(e.target.value);
|
|
2290
2326
|
const safe = isNaN(v) ? 0 : v;
|
|
@@ -2293,7 +2329,7 @@ function NumberInput({
|
|
|
2293
2329
|
}
|
|
2294
2330
|
}
|
|
2295
2331
|
),
|
|
2296
|
-
/* @__PURE__ */
|
|
2332
|
+
/* @__PURE__ */ jsx40(
|
|
2297
2333
|
"button",
|
|
2298
2334
|
{
|
|
2299
2335
|
type: "button",
|
|
@@ -2303,12 +2339,12 @@ function NumberInput({
|
|
|
2303
2339
|
disabled: disabled || max !== void 0 && currentValue >= max,
|
|
2304
2340
|
onClick: () => adjust(step),
|
|
2305
2341
|
tabIndex: -1,
|
|
2306
|
-
children: /* @__PURE__ */
|
|
2342
|
+
children: /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
|
|
2307
2343
|
}
|
|
2308
2344
|
)
|
|
2309
2345
|
] }),
|
|
2310
|
-
/* @__PURE__ */
|
|
2311
|
-
/* @__PURE__ */
|
|
2346
|
+
/* @__PURE__ */ jsx40(Message, { inputId: uid, type: "error", message: error }),
|
|
2347
|
+
/* @__PURE__ */ jsx40(Message, { inputId: uid, type: "hint", message: hint })
|
|
2312
2348
|
] });
|
|
2313
2349
|
}
|
|
2314
2350
|
|
|
@@ -2316,19 +2352,19 @@ function NumberInput({
|
|
|
2316
2352
|
import { useId as useId17 } from "react";
|
|
2317
2353
|
|
|
2318
2354
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2319
|
-
var Radio_default = {"component":"
|
|
2355
|
+
var Radio_default = {"component":"bds270Radio-component","radioGroup":"bds270Radio-radioGroup","inputWrapper":"bds270Radio-inputWrapper","textWrapper":"bds270Radio-textWrapper","description":"bds270Radio-description","radio":"bds270Radio-radio","radioError":"bds270Radio-radioError"};
|
|
2320
2356
|
|
|
2321
2357
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2322
|
-
import { cn as
|
|
2323
|
-
import { jsx as
|
|
2358
|
+
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
2359
|
+
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2324
2360
|
function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
2325
2361
|
const id = name + useId17();
|
|
2326
2362
|
const hintId = id + "hint";
|
|
2327
2363
|
const errorId = id + "error";
|
|
2328
2364
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2329
|
-
return /* @__PURE__ */
|
|
2330
|
-
/* @__PURE__ */
|
|
2331
|
-
/* @__PURE__ */
|
|
2365
|
+
return /* @__PURE__ */ jsxs30(InputContainer, { className: cn41(Radio_default.radioGroup, className), children: [
|
|
2366
|
+
/* @__PURE__ */ jsxs30("div", { className: Radio_default.inputWrapper, children: [
|
|
2367
|
+
/* @__PURE__ */ jsx41(
|
|
2332
2368
|
"input",
|
|
2333
2369
|
{
|
|
2334
2370
|
"aria-describedby": describedBy,
|
|
@@ -2336,17 +2372,17 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2336
2372
|
type: "radio",
|
|
2337
2373
|
id,
|
|
2338
2374
|
name,
|
|
2339
|
-
className:
|
|
2375
|
+
className: cn41(Radio_default.radio, error && Radio_default.radioError),
|
|
2340
2376
|
...props
|
|
2341
2377
|
}
|
|
2342
2378
|
),
|
|
2343
|
-
/* @__PURE__ */
|
|
2344
|
-
/* @__PURE__ */
|
|
2345
|
-
description && /* @__PURE__ */
|
|
2379
|
+
/* @__PURE__ */ jsxs30("div", { className: Radio_default.textWrapper, children: [
|
|
2380
|
+
/* @__PURE__ */ jsx41(Label, { id, label }),
|
|
2381
|
+
description && /* @__PURE__ */ jsx41("span", { className: Radio_default.description, children: description })
|
|
2346
2382
|
] })
|
|
2347
2383
|
] }),
|
|
2348
|
-
/* @__PURE__ */
|
|
2349
|
-
/* @__PURE__ */
|
|
2384
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
|
|
2385
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
|
|
2350
2386
|
] });
|
|
2351
2387
|
}
|
|
2352
2388
|
|
|
@@ -2354,11 +2390,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2354
2390
|
import { useId as useId18 } from "react";
|
|
2355
2391
|
|
|
2356
2392
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2357
|
-
var RadioGroup_default = {"component":"
|
|
2393
|
+
var RadioGroup_default = {"component":"bds270RadioGroup-component","group":"bds270RadioGroup-group","legend":"bds270RadioGroup-legend","required":"bds270RadioGroup-required","items":"bds270RadioGroup-items"};
|
|
2358
2394
|
|
|
2359
2395
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2360
|
-
import { cn as
|
|
2361
|
-
import { jsx as
|
|
2396
|
+
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
2397
|
+
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2362
2398
|
function RadioGroup({
|
|
2363
2399
|
legend,
|
|
2364
2400
|
children,
|
|
@@ -2372,35 +2408,35 @@ function RadioGroup({
|
|
|
2372
2408
|
const hintId = id + "hint";
|
|
2373
2409
|
const errorId = id + "error";
|
|
2374
2410
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2375
|
-
return /* @__PURE__ */
|
|
2411
|
+
return /* @__PURE__ */ jsxs31(
|
|
2376
2412
|
"fieldset",
|
|
2377
2413
|
{
|
|
2378
2414
|
...rest,
|
|
2379
|
-
className:
|
|
2415
|
+
className: cn42(RadioGroup_default.group, className),
|
|
2380
2416
|
"aria-required": required || void 0,
|
|
2381
2417
|
"aria-describedby": describedBy,
|
|
2382
2418
|
children: [
|
|
2383
|
-
/* @__PURE__ */
|
|
2419
|
+
/* @__PURE__ */ jsxs31("legend", { className: RadioGroup_default.legend, children: [
|
|
2384
2420
|
legend,
|
|
2385
|
-
required && /* @__PURE__ */
|
|
2421
|
+
required && /* @__PURE__ */ jsx42("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
|
|
2386
2422
|
] }),
|
|
2387
|
-
/* @__PURE__ */
|
|
2388
|
-
/* @__PURE__ */
|
|
2389
|
-
/* @__PURE__ */
|
|
2423
|
+
/* @__PURE__ */ jsx42("div", { className: RadioGroup_default.items, children }),
|
|
2424
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
|
|
2425
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
|
|
2390
2426
|
]
|
|
2391
2427
|
}
|
|
2392
2428
|
);
|
|
2393
2429
|
}
|
|
2394
2430
|
|
|
2395
2431
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2396
|
-
import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2432
|
+
import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2397
2433
|
|
|
2398
2434
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2399
|
-
var SegmentedControl_default = {"component":"
|
|
2435
|
+
var SegmentedControl_default = {"component":"bds270SegmentedControl-component","control":"bds270SegmentedControl-control","thumb":"bds270SegmentedControl-thumb","indicator":"bds270SegmentedControl-indicator","item":"bds270SegmentedControl-item","--active":"bds270SegmentedControl---active","--disabled":"bds270SegmentedControl---disabled","--size_small":"bds270SegmentedControl---size_small","--size_large":"bds270SegmentedControl---size_large","--variant_outline":"bds270SegmentedControl---variant_outline"};
|
|
2400
2436
|
|
|
2401
2437
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2402
|
-
import { cn as
|
|
2403
|
-
import { jsx as
|
|
2438
|
+
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
2439
|
+
import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2404
2440
|
function SegmentedControl({
|
|
2405
2441
|
children,
|
|
2406
2442
|
selectedIndex: selectedIndexProp,
|
|
@@ -2410,32 +2446,32 @@ function SegmentedControl({
|
|
|
2410
2446
|
className,
|
|
2411
2447
|
...rest
|
|
2412
2448
|
}) {
|
|
2413
|
-
const validChildren =
|
|
2449
|
+
const validChildren = Children2.toArray(children).filter(isValidElement4);
|
|
2414
2450
|
const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
|
|
2415
2451
|
const p = child.props;
|
|
2416
2452
|
return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
|
|
2417
2453
|
}) : -1;
|
|
2418
2454
|
const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
|
|
2419
|
-
return /* @__PURE__ */
|
|
2455
|
+
return /* @__PURE__ */ jsxs32(
|
|
2420
2456
|
"div",
|
|
2421
2457
|
{
|
|
2422
2458
|
...rest,
|
|
2423
2459
|
role: "group",
|
|
2424
|
-
className:
|
|
2460
|
+
className: cn43(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
|
|
2425
2461
|
style: {
|
|
2426
2462
|
"--control_count": validChildren.length,
|
|
2427
2463
|
"--control_selected-index": activeIndex
|
|
2428
2464
|
},
|
|
2429
2465
|
children: [
|
|
2430
|
-
/* @__PURE__ */
|
|
2431
|
-
/* @__PURE__ */
|
|
2466
|
+
/* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2467
|
+
/* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
|
|
2432
2468
|
validChildren.map((child, index) => {
|
|
2433
2469
|
const isActive = index === activeIndex;
|
|
2434
2470
|
const p = child.props;
|
|
2435
2471
|
const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
|
|
2436
2472
|
return cloneElement4(child, {
|
|
2437
2473
|
key: child.key ?? index,
|
|
2438
|
-
className:
|
|
2474
|
+
className: cn43(
|
|
2439
2475
|
SegmentedControl_default.item,
|
|
2440
2476
|
isActive && SegmentedControl_default["--active"],
|
|
2441
2477
|
isDisabled && SegmentedControl_default["--disabled"],
|
|
@@ -2452,11 +2488,11 @@ function SegmentedControl({
|
|
|
2452
2488
|
import { useId as useId19 } from "react";
|
|
2453
2489
|
|
|
2454
2490
|
// src/components/interaction/form/Select/Select.module.css
|
|
2455
|
-
var Select_default = {"component":"
|
|
2491
|
+
var Select_default = {"component":"bds270Select-component","formGroup":"bds270Select-formGroup","selectWrapper":"bds270Select-selectWrapper","select":"bds270Select-select","selectError":"bds270Select-selectError","chevron":"bds270Select-chevron"};
|
|
2456
2492
|
|
|
2457
2493
|
// src/components/interaction/form/Select/Select.tsx
|
|
2458
|
-
import { cn as
|
|
2459
|
-
import { jsx as
|
|
2494
|
+
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
2495
|
+
import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2460
2496
|
function Select({
|
|
2461
2497
|
label,
|
|
2462
2498
|
name,
|
|
@@ -2472,10 +2508,10 @@ function Select({
|
|
|
2472
2508
|
const hintId = id + "hint";
|
|
2473
2509
|
const errorId = id + "error";
|
|
2474
2510
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2475
|
-
return /* @__PURE__ */
|
|
2476
|
-
/* @__PURE__ */
|
|
2477
|
-
/* @__PURE__ */
|
|
2478
|
-
/* @__PURE__ */
|
|
2511
|
+
return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Select_default.formGroup, className), children: [
|
|
2512
|
+
/* @__PURE__ */ jsx44(Label, { id, label }),
|
|
2513
|
+
/* @__PURE__ */ jsxs33("div", { className: Select_default.selectWrapper, children: [
|
|
2514
|
+
/* @__PURE__ */ jsxs33(
|
|
2479
2515
|
"select",
|
|
2480
2516
|
{
|
|
2481
2517
|
id,
|
|
@@ -2484,18 +2520,18 @@ function Select({
|
|
|
2484
2520
|
"aria-required": required || void 0,
|
|
2485
2521
|
"aria-describedby": describedBy,
|
|
2486
2522
|
required,
|
|
2487
|
-
className:
|
|
2523
|
+
className: cn44(Select_default.select, error ? Select_default.selectError : void 0),
|
|
2488
2524
|
...props,
|
|
2489
2525
|
children: [
|
|
2490
|
-
placeholder && /* @__PURE__ */
|
|
2491
|
-
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */
|
|
2526
|
+
placeholder && /* @__PURE__ */ jsx44("option", { value: "", disabled: true, hidden: true, children: placeholder }),
|
|
2527
|
+
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx44("option", { value, disabled, children: optLabel }, value))
|
|
2492
2528
|
]
|
|
2493
2529
|
}
|
|
2494
2530
|
),
|
|
2495
|
-
/* @__PURE__ */
|
|
2531
|
+
/* @__PURE__ */ jsx44("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx44("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx44("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
|
|
2496
2532
|
] }),
|
|
2497
|
-
/* @__PURE__ */
|
|
2498
|
-
/* @__PURE__ */
|
|
2533
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
|
|
2534
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
|
|
2499
2535
|
] });
|
|
2500
2536
|
}
|
|
2501
2537
|
|
|
@@ -2503,11 +2539,11 @@ function Select({
|
|
|
2503
2539
|
import { useId as useId20, useState as useState12 } from "react";
|
|
2504
2540
|
|
|
2505
2541
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2506
|
-
var Slider_default = {"component":"
|
|
2542
|
+
var Slider_default = {"component":"bds270Slider-component","formGroup":"bds270Slider-formGroup","labelRow":"bds270Slider-labelRow","value":"bds270Slider-value","slider":"bds270Slider-slider","sliderError":"bds270Slider-sliderError"};
|
|
2507
2543
|
|
|
2508
2544
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2509
|
-
import { cn as
|
|
2510
|
-
import { jsx as
|
|
2545
|
+
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
2546
|
+
import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
2511
2547
|
function Slider({
|
|
2512
2548
|
label,
|
|
2513
2549
|
name,
|
|
@@ -2532,12 +2568,12 @@ function Slider({
|
|
|
2532
2568
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
2533
2569
|
onChange?.(e);
|
|
2534
2570
|
};
|
|
2535
|
-
return /* @__PURE__ */
|
|
2536
|
-
/* @__PURE__ */
|
|
2537
|
-
/* @__PURE__ */
|
|
2538
|
-
showValue && /* @__PURE__ */
|
|
2571
|
+
return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Slider_default.formGroup, className), children: [
|
|
2572
|
+
/* @__PURE__ */ jsxs34("div", { className: Slider_default.labelRow, children: [
|
|
2573
|
+
/* @__PURE__ */ jsx45(Label, { id, label }),
|
|
2574
|
+
showValue && /* @__PURE__ */ jsx45("span", { className: Slider_default.value, children: currentValue })
|
|
2539
2575
|
] }),
|
|
2540
|
-
/* @__PURE__ */
|
|
2576
|
+
/* @__PURE__ */ jsx45(
|
|
2541
2577
|
"input",
|
|
2542
2578
|
{
|
|
2543
2579
|
type: "range",
|
|
@@ -2550,14 +2586,14 @@ function Slider({
|
|
|
2550
2586
|
"aria-valuemax": max,
|
|
2551
2587
|
"aria-valuenow": currentValue,
|
|
2552
2588
|
"aria-valuetext": String(currentValue),
|
|
2553
|
-
className:
|
|
2589
|
+
className: cn45(Slider_default.slider, error ? Slider_default.sliderError : void 0),
|
|
2554
2590
|
style: { "--slider_fill": `${fillPct}%` },
|
|
2555
2591
|
onChange: handleChange,
|
|
2556
2592
|
...props
|
|
2557
2593
|
}
|
|
2558
2594
|
),
|
|
2559
|
-
/* @__PURE__ */
|
|
2560
|
-
/* @__PURE__ */
|
|
2595
|
+
/* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
|
|
2596
|
+
/* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
|
|
2561
2597
|
] });
|
|
2562
2598
|
}
|
|
2563
2599
|
|
|
@@ -2565,11 +2601,11 @@ function Slider({
|
|
|
2565
2601
|
import { useId as useId21 } from "react";
|
|
2566
2602
|
|
|
2567
2603
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2568
|
-
var Switch_default = {"component":"
|
|
2604
|
+
var Switch_default = {"component":"bds270Switch-component","switchGroup":"bds270Switch-switchGroup","--size_small":"bds270Switch---size_small","--size_medium":"bds270Switch---size_medium","--size_large":"bds270Switch---size_large","inputWrapper":"bds270Switch-inputWrapper","trackWrapper":"bds270Switch-trackWrapper","switch":"bds270Switch-switch","track":"bds270Switch-track","thumb":"bds270Switch-thumb","switchError":"bds270Switch-switchError"};
|
|
2569
2605
|
|
|
2570
2606
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2571
|
-
import { cn as
|
|
2572
|
-
import { jsx as
|
|
2607
|
+
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
2608
|
+
import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
2573
2609
|
function Switch({
|
|
2574
2610
|
label,
|
|
2575
2611
|
name,
|
|
@@ -2584,11 +2620,11 @@ function Switch({
|
|
|
2584
2620
|
const hintId = id + "hint";
|
|
2585
2621
|
const errorId = id + "error";
|
|
2586
2622
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2587
|
-
return /* @__PURE__ */
|
|
2588
|
-
/* @__PURE__ */
|
|
2589
|
-
prefix && /* @__PURE__ */
|
|
2590
|
-
/* @__PURE__ */
|
|
2591
|
-
/* @__PURE__ */
|
|
2623
|
+
return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
2624
|
+
/* @__PURE__ */ jsxs35("div", { className: Switch_default.inputWrapper, children: [
|
|
2625
|
+
prefix && /* @__PURE__ */ jsx46("span", { children: prefix }),
|
|
2626
|
+
/* @__PURE__ */ jsxs35("div", { className: Switch_default.trackWrapper, children: [
|
|
2627
|
+
/* @__PURE__ */ jsx46(
|
|
2592
2628
|
"input",
|
|
2593
2629
|
{
|
|
2594
2630
|
type: "checkbox",
|
|
@@ -2596,16 +2632,16 @@ function Switch({
|
|
|
2596
2632
|
id,
|
|
2597
2633
|
name,
|
|
2598
2634
|
"aria-describedby": describedBy,
|
|
2599
|
-
className:
|
|
2635
|
+
className: cn46(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2600
2636
|
...props
|
|
2601
2637
|
}
|
|
2602
2638
|
),
|
|
2603
|
-
/* @__PURE__ */
|
|
2639
|
+
/* @__PURE__ */ jsx46("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx46("span", { className: Switch_default.thumb }) })
|
|
2604
2640
|
] }),
|
|
2605
|
-
/* @__PURE__ */
|
|
2641
|
+
/* @__PURE__ */ jsx46(Label, { id, label })
|
|
2606
2642
|
] }),
|
|
2607
|
-
/* @__PURE__ */
|
|
2608
|
-
/* @__PURE__ */
|
|
2643
|
+
/* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
|
|
2644
|
+
/* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
|
|
2609
2645
|
] });
|
|
2610
2646
|
}
|
|
2611
2647
|
|
|
@@ -2613,11 +2649,11 @@ function Switch({
|
|
|
2613
2649
|
import { useId as useId22 } from "react";
|
|
2614
2650
|
|
|
2615
2651
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2616
|
-
var Textarea_default = {"component":"
|
|
2652
|
+
var Textarea_default = {"component":"bds270Textarea-component","formGroup":"bds270Textarea-formGroup","textarea":"bds270Textarea-textarea","textareaError":"bds270Textarea-textareaError"};
|
|
2617
2653
|
|
|
2618
2654
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2619
|
-
import { cn as
|
|
2620
|
-
import { jsx as
|
|
2655
|
+
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
2656
|
+
import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
2621
2657
|
function Textarea({
|
|
2622
2658
|
label,
|
|
2623
2659
|
name,
|
|
@@ -2631,9 +2667,9 @@ function Textarea({
|
|
|
2631
2667
|
const hintId = id + "hint";
|
|
2632
2668
|
const errorId = id + "error";
|
|
2633
2669
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2634
|
-
return /* @__PURE__ */
|
|
2635
|
-
/* @__PURE__ */
|
|
2636
|
-
/* @__PURE__ */
|
|
2670
|
+
return /* @__PURE__ */ jsxs36(InputContainer, { className: cn47(Textarea_default.formGroup, className), children: [
|
|
2671
|
+
/* @__PURE__ */ jsx47(Label, { id, label }),
|
|
2672
|
+
/* @__PURE__ */ jsx47(
|
|
2637
2673
|
"textarea",
|
|
2638
2674
|
{
|
|
2639
2675
|
id,
|
|
@@ -2642,40 +2678,40 @@ function Textarea({
|
|
|
2642
2678
|
"aria-describedby": describedBy,
|
|
2643
2679
|
"aria-required": required || void 0,
|
|
2644
2680
|
required,
|
|
2645
|
-
className:
|
|
2681
|
+
className: cn47(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2646
2682
|
...props
|
|
2647
2683
|
}
|
|
2648
2684
|
),
|
|
2649
|
-
/* @__PURE__ */
|
|
2650
|
-
/* @__PURE__ */
|
|
2685
|
+
/* @__PURE__ */ jsx47(Message, { inputId: id, type: "error", message: error }),
|
|
2686
|
+
/* @__PURE__ */ jsx47(Message, { inputId: id, type: "hint", message: hint })
|
|
2651
2687
|
] });
|
|
2652
2688
|
}
|
|
2653
2689
|
|
|
2654
2690
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2655
|
-
var ButtonGroup_default = {"component":"
|
|
2691
|
+
var ButtonGroup_default = {"component":"bds270ButtonGroup-component","buttonGroup":"bds270ButtonGroup-buttonGroup","container":"bds270ButtonGroup-container","--variant_card":"bds270ButtonGroup---variant_card","--variant_flow":"bds270ButtonGroup---variant_flow","--variant_modal":"bds270ButtonGroup---variant_modal","--variant_content":"bds270ButtonGroup---variant_content","--variant_grid":"bds270ButtonGroup---variant_grid"};
|
|
2656
2692
|
|
|
2657
2693
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2658
|
-
import { cn as
|
|
2659
|
-
import { jsx as
|
|
2694
|
+
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
2695
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
2660
2696
|
function ButtonContainer({ children, className, variant, ...rest }) {
|
|
2661
|
-
return /* @__PURE__ */
|
|
2697
|
+
return /* @__PURE__ */ jsx48(
|
|
2662
2698
|
"div",
|
|
2663
2699
|
{
|
|
2664
2700
|
...rest,
|
|
2665
2701
|
role: "group",
|
|
2666
|
-
className:
|
|
2667
|
-
children: /* @__PURE__ */
|
|
2702
|
+
className: cn48(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
|
|
2703
|
+
children: /* @__PURE__ */ jsx48("div", { className: ButtonGroup_default.container, children })
|
|
2668
2704
|
}
|
|
2669
2705
|
);
|
|
2670
2706
|
}
|
|
2671
2707
|
var ButtonGroup = ButtonContainer;
|
|
2672
2708
|
|
|
2673
2709
|
// src/components/layout/Card/Card.module.css
|
|
2674
|
-
var Card_default = {"component":"
|
|
2710
|
+
var Card_default = {"component":"bds270Card-component","card":"bds270Card-card","--default":"bds270Card---default","--elevated":"bds270Card---elevated","--outlined":"bds270Card---outlined","--clickable":"bds270Card---clickable","--padding-none":"bds270Card---padding-none","--padding-small":"bds270Card---padding-small","--padding-medium":"bds270Card---padding-medium","--padding-large":"bds270Card---padding-large","--padding-extra-large":"bds270Card---padding-extra-large","--text-start":"bds270Card---text-start","--text-center":"bds270Card---text-center","--text-end":"bds270Card---text-end"};
|
|
2675
2711
|
|
|
2676
2712
|
// src/components/layout/Card/Card.tsx
|
|
2677
|
-
import { cn as
|
|
2678
|
-
import { jsx as
|
|
2713
|
+
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
2714
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
2679
2715
|
function Card({
|
|
2680
2716
|
children,
|
|
2681
2717
|
className,
|
|
@@ -2686,7 +2722,7 @@ function Card({
|
|
|
2686
2722
|
onClick,
|
|
2687
2723
|
...rest
|
|
2688
2724
|
}) {
|
|
2689
|
-
const classNames =
|
|
2725
|
+
const classNames = cn49(
|
|
2690
2726
|
Card_default.card,
|
|
2691
2727
|
Card_default[`--${variant}`],
|
|
2692
2728
|
Card_default[`--padding-${padding}`],
|
|
@@ -2695,7 +2731,7 @@ function Card({
|
|
|
2695
2731
|
className
|
|
2696
2732
|
);
|
|
2697
2733
|
const Component = as ?? (onClick ? "button" : "div");
|
|
2698
|
-
return /* @__PURE__ */
|
|
2734
|
+
return /* @__PURE__ */ jsx49(
|
|
2699
2735
|
Component,
|
|
2700
2736
|
{
|
|
2701
2737
|
...rest,
|
|
@@ -2715,10 +2751,10 @@ import {
|
|
|
2715
2751
|
} from "react";
|
|
2716
2752
|
|
|
2717
2753
|
// src/components/layout/Grid/Grid.module.css
|
|
2718
|
-
var Grid_default = {"component":"
|
|
2754
|
+
var Grid_default = {"component":"bds270Grid-component","grid":"bds270Grid-grid","--main":"bds270Grid---main","--page":"bds270Grid---page","--funnel":"bds270Grid---funnel","--custom":"bds270Grid---custom","--centered":"bds270Grid---centered","item":"bds270Grid-item","w3":"bds270Grid-w3","org":"bds270Grid-org","ts":"bds270Grid-ts","--masonry":"bds270Grid---masonry"};
|
|
2719
2755
|
|
|
2720
2756
|
// src/components/layout/Grid/Grid.tsx
|
|
2721
|
-
import { cn as
|
|
2757
|
+
import { cn as cn50 } from "@boostdev/design-system-foundation";
|
|
2722
2758
|
|
|
2723
2759
|
// src/components/layout/Grid/masonry.ts
|
|
2724
2760
|
import { useLayoutEffect } from "react";
|
|
@@ -2942,7 +2978,7 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
2942
2978
|
}
|
|
2943
2979
|
|
|
2944
2980
|
// src/components/layout/Grid/Grid.tsx
|
|
2945
|
-
import { jsx as
|
|
2981
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
2946
2982
|
var _GridContext;
|
|
2947
2983
|
function getGridContext() {
|
|
2948
2984
|
_GridContext ??= createContext2({ autoSpanMedia: false });
|
|
@@ -2967,7 +3003,7 @@ function Grid({
|
|
|
2967
3003
|
preferredColumnSpan: masonryPreferredColumnSpan,
|
|
2968
3004
|
rowUnitPx: masonryRowUnitPx
|
|
2969
3005
|
});
|
|
2970
|
-
const classNames =
|
|
3006
|
+
const classNames = cn50(
|
|
2971
3007
|
Grid_default.grid,
|
|
2972
3008
|
Grid_default[`--${variant}`],
|
|
2973
3009
|
isCentered && Grid_default["--centered"],
|
|
@@ -2978,7 +3014,7 @@ function Grid({
|
|
|
2978
3014
|
const Component = as ?? "div";
|
|
2979
3015
|
const GridContext = getGridContext();
|
|
2980
3016
|
const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
|
|
2981
|
-
return /* @__PURE__ */
|
|
3017
|
+
return /* @__PURE__ */ jsx50(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx50(GridContext.Provider, { value: ctx, children }) });
|
|
2982
3018
|
}
|
|
2983
3019
|
|
|
2984
3020
|
// src/components/layout/Grid/GridItem.tsx
|
|
@@ -2988,7 +3024,7 @@ import {
|
|
|
2988
3024
|
useRef as useRef13,
|
|
2989
3025
|
useState as useState13
|
|
2990
3026
|
} from "react";
|
|
2991
|
-
import { cn as
|
|
3027
|
+
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
2992
3028
|
|
|
2993
3029
|
// src/components/layout/Grid/autoSpan.ts
|
|
2994
3030
|
function aspectToColumnSpan(ratio) {
|
|
@@ -3020,7 +3056,7 @@ function mediaReadyEvent(media) {
|
|
|
3020
3056
|
}
|
|
3021
3057
|
|
|
3022
3058
|
// src/components/layout/Grid/GridItem.tsx
|
|
3023
|
-
import { jsx as
|
|
3059
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
3024
3060
|
var GridItemSpan = {
|
|
3025
3061
|
full: "full",
|
|
3026
3062
|
threeQuarters: "three-quarters",
|
|
@@ -3102,13 +3138,13 @@ function GridItem({
|
|
|
3102
3138
|
};
|
|
3103
3139
|
const Component = as ?? "div";
|
|
3104
3140
|
const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
|
|
3105
|
-
return /* @__PURE__ */
|
|
3141
|
+
return /* @__PURE__ */ jsx51(
|
|
3106
3142
|
Component,
|
|
3107
3143
|
{
|
|
3108
3144
|
ref,
|
|
3109
3145
|
...rest,
|
|
3110
3146
|
"data-column-span-auto": isColumnSpanAuto ? "" : void 0,
|
|
3111
|
-
className:
|
|
3147
|
+
className: cn51(Grid_default.item, className),
|
|
3112
3148
|
style: composedStyle,
|
|
3113
3149
|
children
|
|
3114
3150
|
}
|
|
@@ -3116,11 +3152,11 @@ function GridItem({
|
|
|
3116
3152
|
}
|
|
3117
3153
|
|
|
3118
3154
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3119
|
-
var SectionHeader_default = {"component":"
|
|
3155
|
+
var SectionHeader_default = {"component":"bds270SectionHeader-component","sectionHeader":"bds270SectionHeader-sectionHeader","title":"bds270SectionHeader-title","subtitle":"bds270SectionHeader-subtitle","--start":"bds270SectionHeader---start","--center":"bds270SectionHeader---center","--end":"bds270SectionHeader---end","--medium":"bds270SectionHeader---medium","--xs":"bds270SectionHeader---xs","--small":"bds270SectionHeader---small","--large":"bds270SectionHeader---large"};
|
|
3120
3156
|
|
|
3121
3157
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3122
|
-
import { cn as
|
|
3123
|
-
import { jsx as
|
|
3158
|
+
import { cn as cn52 } from "@boostdev/design-system-foundation";
|
|
3159
|
+
import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3124
3160
|
function SectionHeader({
|
|
3125
3161
|
title,
|
|
3126
3162
|
subtitle,
|
|
@@ -3131,24 +3167,24 @@ function SectionHeader({
|
|
|
3131
3167
|
...rest
|
|
3132
3168
|
}) {
|
|
3133
3169
|
const Title = titleAs;
|
|
3134
|
-
return /* @__PURE__ */
|
|
3135
|
-
/* @__PURE__ */
|
|
3136
|
-
subtitle && /* @__PURE__ */
|
|
3170
|
+
return /* @__PURE__ */ jsxs37("div", { ...rest, className: cn52(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
|
|
3171
|
+
/* @__PURE__ */ jsx52(Title, { className: SectionHeader_default.title, children: title }),
|
|
3172
|
+
subtitle && /* @__PURE__ */ jsx52("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
3137
3173
|
] });
|
|
3138
3174
|
}
|
|
3139
3175
|
|
|
3140
3176
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3141
|
-
var IconWrapper_default = {"component":"
|
|
3177
|
+
var IconWrapper_default = {"component":"bds270IconWrapper-component","wrapper":"bds270IconWrapper-wrapper"};
|
|
3142
3178
|
|
|
3143
3179
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3144
|
-
import { cn as
|
|
3145
|
-
import { jsx as
|
|
3180
|
+
import { cn as cn53 } from "@boostdev/design-system-foundation";
|
|
3181
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
3146
3182
|
function IconWrapper({ children, className, ...rest }) {
|
|
3147
|
-
return /* @__PURE__ */
|
|
3183
|
+
return /* @__PURE__ */ jsx53("div", { ...rest, className: cn53(className, IconWrapper_default.wrapper), children });
|
|
3148
3184
|
}
|
|
3149
3185
|
|
|
3150
3186
|
// src/index.ts
|
|
3151
|
-
import { cn as
|
|
3187
|
+
import { cn as cn54 } from "@boostdev/design-system-foundation";
|
|
3152
3188
|
export {
|
|
3153
3189
|
Accordion,
|
|
3154
3190
|
Alert,
|
|
@@ -3170,6 +3206,7 @@ export {
|
|
|
3170
3206
|
Dialog,
|
|
3171
3207
|
Drawer,
|
|
3172
3208
|
DropdownMenu,
|
|
3209
|
+
FieldGroup,
|
|
3173
3210
|
FileInput,
|
|
3174
3211
|
FormInput,
|
|
3175
3212
|
Grid,
|
|
@@ -3201,6 +3238,6 @@ export {
|
|
|
3201
3238
|
ToastProvider,
|
|
3202
3239
|
Tooltip,
|
|
3203
3240
|
Typography,
|
|
3204
|
-
|
|
3241
|
+
cn54 as cn,
|
|
3205
3242
|
useToast
|
|
3206
3243
|
};
|