@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.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { useId, useState } from "react";
|
|
3
3
|
|
|
4
4
|
// src/components/ui/Accordion/Accordion.module.css
|
|
5
|
-
var Accordion_default = {"component":"
|
|
5
|
+
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"};
|
|
6
6
|
|
|
7
7
|
// src/components/ui/Accordion/Accordion.tsx
|
|
8
8
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -71,7 +71,7 @@ function Accordion({
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
// src/components/ui/Alert/Alert.module.css
|
|
74
|
-
var Alert_default = {"component":"
|
|
74
|
+
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"};
|
|
75
75
|
|
|
76
76
|
// src/components/ui/Alert/Alert.tsx
|
|
77
77
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
@@ -116,7 +116,7 @@ function Alert({
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
// src/components/ui/Avatar/Avatar.module.css
|
|
119
|
-
var Avatar_default = {"component":"
|
|
119
|
+
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"};
|
|
120
120
|
|
|
121
121
|
// src/components/ui/Avatar/Avatar.tsx
|
|
122
122
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
@@ -143,7 +143,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
|
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
// src/components/ui/Badge/Badge.module.css
|
|
146
|
-
var Badge_default = {"component":"
|
|
146
|
+
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"};
|
|
147
147
|
|
|
148
148
|
// src/components/ui/Badge/Badge.tsx
|
|
149
149
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -153,7 +153,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
156
|
-
var Breadcrumb_default = {"component":"
|
|
156
|
+
var Breadcrumb_default = {"component":"bds271Breadcrumb-component","breadcrumb":"bds271Breadcrumb-breadcrumb","list":"bds271Breadcrumb-list","item":"bds271Breadcrumb-item","link":"bds271Breadcrumb-link","separator":"bds271Breadcrumb-separator","current":"bds271Breadcrumb-current"};
|
|
157
157
|
|
|
158
158
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
159
159
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -169,7 +169,7 @@ function Breadcrumb({ items, className, ...rest }) {
|
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
172
|
-
var Collapsible_default = {"component":"
|
|
172
|
+
var Collapsible_default = {"component":"bds271Collapsible-component","collapsible":"bds271Collapsible-collapsible","summary":"bds271Collapsible-summary","summaryContent":"bds271Collapsible-summaryContent","icon":"bds271Collapsible-icon","content":"bds271Collapsible-content"};
|
|
173
173
|
|
|
174
174
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
175
175
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -210,7 +210,7 @@ function Collapsible({
|
|
|
210
210
|
import { useState as useState2, useId as useId2 } from "react";
|
|
211
211
|
|
|
212
212
|
// src/components/ui/Calendar/Calendar.module.css
|
|
213
|
-
var Calendar_default = {"component":"
|
|
213
|
+
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"};
|
|
214
214
|
|
|
215
215
|
// src/components/ui/Calendar/Calendar.tsx
|
|
216
216
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -385,7 +385,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
|
|
|
385
385
|
import { useRef, useId as useId3 } from "react";
|
|
386
386
|
|
|
387
387
|
// src/components/ui/Carousel/Carousel.module.css
|
|
388
|
-
var Carousel_default = {"component":"
|
|
388
|
+
var Carousel_default = {"component":"bds271Carousel-component","carousel":"bds271Carousel-carousel","track":"bds271Carousel-track","slide":"bds271Carousel-slide","navBtn":"bds271Carousel-navBtn"};
|
|
389
389
|
|
|
390
390
|
// src/components/ui/Carousel/Carousel.tsx
|
|
391
391
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -438,7 +438,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
438
438
|
}
|
|
439
439
|
|
|
440
440
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
441
|
-
var DescriptionList_default = {"component":"
|
|
441
|
+
var DescriptionList_default = {"component":"bds271DescriptionList-component","list":"bds271DescriptionList-list","group":"bds271DescriptionList-group","term":"bds271DescriptionList-term","details":"bds271DescriptionList-details","--layout_inline":"bds271DescriptionList---layout_inline"};
|
|
442
442
|
|
|
443
443
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
444
444
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -451,7 +451,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
// src/components/ui/Link/Link.module.css
|
|
454
|
-
var Link_default = {"component":"
|
|
454
|
+
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"};
|
|
455
455
|
|
|
456
456
|
// src/components/ui/Link/Link.tsx
|
|
457
457
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -482,7 +482,7 @@ function Link({
|
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
// src/components/ui/Loading/Loading.module.css
|
|
485
|
-
var Loading_default = {"component":"
|
|
485
|
+
var Loading_default = {"component":"bds271Loading-component","loading":"bds271Loading-loading","spinner":"bds271Loading-spinner","--size_small":"bds271Loading---size_small","--size_large":"bds271Loading---size_large"};
|
|
486
486
|
|
|
487
487
|
// src/components/ui/Loading/Loading.tsx
|
|
488
488
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -492,7 +492,7 @@ function Loading({ size = "medium", className, ...rest }) {
|
|
|
492
492
|
}
|
|
493
493
|
|
|
494
494
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
495
|
-
var NotificationBanner_default = {"component":"
|
|
495
|
+
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"};
|
|
496
496
|
|
|
497
497
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
498
498
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -533,7 +533,7 @@ function NotificationBanner({
|
|
|
533
533
|
}
|
|
534
534
|
|
|
535
535
|
// src/components/ui/Pagination/Pagination.module.css
|
|
536
|
-
var Pagination_default = {"component":"
|
|
536
|
+
var Pagination_default = {"component":"bds271Pagination-component","pagination":"bds271Pagination-pagination","list":"bds271Pagination-list","button":"bds271Pagination-button","--active":"bds271Pagination---active","--nav":"bds271Pagination---nav","ellipsis":"bds271Pagination-ellipsis"};
|
|
537
537
|
|
|
538
538
|
// src/components/ui/Pagination/Pagination.tsx
|
|
539
539
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -598,7 +598,7 @@ function Pagination({
|
|
|
598
598
|
}
|
|
599
599
|
|
|
600
600
|
// src/components/ui/Progress/Progress.module.css
|
|
601
|
-
var Progress_default = {"component":"
|
|
601
|
+
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"};
|
|
602
602
|
|
|
603
603
|
// src/components/ui/Progress/Progress.tsx
|
|
604
604
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -637,7 +637,7 @@ function Progress({
|
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
640
|
-
var ProgressCircle_default = {"component":"
|
|
640
|
+
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"};
|
|
641
641
|
|
|
642
642
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
643
643
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -718,7 +718,7 @@ function ProgressCircle({
|
|
|
718
718
|
}
|
|
719
719
|
|
|
720
720
|
// src/components/ui/Separator/Separator.module.css
|
|
721
|
-
var Separator_default = {"component":"
|
|
721
|
+
var Separator_default = {"component":"bds271Separator-component","separator":"bds271Separator-separator","--horizontal":"bds271Separator---horizontal","--vertical":"bds271Separator---vertical"};
|
|
722
722
|
|
|
723
723
|
// src/components/ui/Separator/Separator.tsx
|
|
724
724
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -742,7 +742,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
742
742
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
743
743
|
|
|
744
744
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
745
|
-
var Skeleton_default = {"component":"
|
|
745
|
+
var Skeleton_default = {"component":"bds271Skeleton-component","skeleton":"bds271Skeleton-skeleton"};
|
|
746
746
|
|
|
747
747
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
748
748
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -751,7 +751,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
751
751
|
}
|
|
752
752
|
|
|
753
753
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
754
|
-
var SkipLink_default = {"component":"
|
|
754
|
+
var SkipLink_default = {"component":"bds271SkipLink-component","skipLink":"bds271SkipLink-skipLink"};
|
|
755
755
|
|
|
756
756
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
757
757
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -761,7 +761,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
761
761
|
}
|
|
762
762
|
|
|
763
763
|
// src/components/ui/Table/Table.module.css
|
|
764
|
-
var Table_default = {"component":"
|
|
764
|
+
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"};
|
|
765
765
|
|
|
766
766
|
// src/components/ui/Table/Table.tsx
|
|
767
767
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -831,7 +831,7 @@ function Table({
|
|
|
831
831
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
832
832
|
|
|
833
833
|
// src/components/ui/Tabs/Tabs.module.css
|
|
834
|
-
var Tabs_default = {"component":"
|
|
834
|
+
var Tabs_default = {"component":"bds271Tabs-component","tabs":"bds271Tabs-tabs","tabList":"bds271Tabs-tabList","tab":"bds271Tabs-tab","--active":"bds271Tabs---active","panel":"bds271Tabs-panel"};
|
|
835
835
|
|
|
836
836
|
// src/components/ui/Tabs/Tabs.tsx
|
|
837
837
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -911,7 +911,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
911
911
|
import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
|
|
912
912
|
|
|
913
913
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
914
|
-
var Tooltip_default = {"component":"
|
|
914
|
+
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"};
|
|
915
915
|
|
|
916
916
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
917
917
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -955,7 +955,7 @@ function Tooltip({
|
|
|
955
955
|
}
|
|
956
956
|
|
|
957
957
|
// src/components/ui/Typography/Typography.module.css
|
|
958
|
-
var Typography_default = {"component":"
|
|
958
|
+
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"};
|
|
959
959
|
|
|
960
960
|
// src/components/ui/Typography/Typography.tsx
|
|
961
961
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -973,7 +973,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
973
973
|
}
|
|
974
974
|
|
|
975
975
|
// src/components/interaction/Button/Button.module.css
|
|
976
|
-
var Button_default = {"component":"
|
|
976
|
+
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"};
|
|
977
977
|
|
|
978
978
|
// src/components/interaction/Button/Button.tsx
|
|
979
979
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1090,7 +1090,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1090
1090
|
}
|
|
1091
1091
|
|
|
1092
1092
|
// src/components/interaction/Command/Command.module.css
|
|
1093
|
-
var Command_default = {"component":"
|
|
1093
|
+
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"};
|
|
1094
1094
|
|
|
1095
1095
|
// src/components/interaction/Command/Command.tsx
|
|
1096
1096
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1267,7 +1267,7 @@ function Command({
|
|
|
1267
1267
|
import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
|
|
1268
1268
|
|
|
1269
1269
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1270
|
-
var Dialog_default = {"component":"
|
|
1270
|
+
var Dialog_default = {"component":"bds271Dialog-component","dialog":"bds271Dialog-dialog","dialogContent":"bds271Dialog-dialogContent","closeButton":"bds271Dialog-closeButton"};
|
|
1271
1271
|
|
|
1272
1272
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1273
1273
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1373,7 +1373,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1373
1373
|
import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
|
|
1374
1374
|
|
|
1375
1375
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1376
|
-
var Drawer_default = {"component":"
|
|
1376
|
+
var Drawer_default = {"component":"bds271Drawer-component","drawer":"bds271Drawer-drawer","--side_left":"bds271Drawer---side_left","header":"bds271Drawer-header","closeButton":"bds271Drawer-closeButton","body":"bds271Drawer-body"};
|
|
1377
1377
|
|
|
1378
1378
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1379
1379
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1481,7 +1481,7 @@ import {
|
|
|
1481
1481
|
} from "react";
|
|
1482
1482
|
|
|
1483
1483
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1484
|
-
var DropdownMenu_default = {"component":"
|
|
1484
|
+
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"};
|
|
1485
1485
|
|
|
1486
1486
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1487
1487
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1602,7 +1602,7 @@ import {
|
|
|
1602
1602
|
} from "react";
|
|
1603
1603
|
|
|
1604
1604
|
// src/components/interaction/Popover/Popover.module.css
|
|
1605
|
-
var Popover_default = {"component":"
|
|
1605
|
+
var Popover_default = {"component":"bds271Popover-component","wrapper":"bds271Popover-wrapper","panel":"bds271Popover-panel","g":"bds271Popover-g"};
|
|
1606
1606
|
|
|
1607
1607
|
// src/components/interaction/Popover/Popover.tsx
|
|
1608
1608
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1687,7 +1687,7 @@ function Popover({
|
|
|
1687
1687
|
}
|
|
1688
1688
|
|
|
1689
1689
|
// src/components/interaction/Rating/Rating.module.css
|
|
1690
|
-
var Rating_default = {"component":"
|
|
1690
|
+
var Rating_default = {"component":"bds271Rating-component","rating":"bds271Rating-rating","star":"bds271Rating-star","--filled":"bds271Rating---filled"};
|
|
1691
1691
|
|
|
1692
1692
|
// src/components/interaction/Rating/Rating.tsx
|
|
1693
1693
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1719,7 +1719,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
1719
1719
|
import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
|
|
1720
1720
|
|
|
1721
1721
|
// src/components/interaction/Toast/Toast.module.css
|
|
1722
|
-
var Toast_default = {"component":"
|
|
1722
|
+
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"};
|
|
1723
1723
|
|
|
1724
1724
|
// src/components/interaction/Toast/Toast.tsx
|
|
1725
1725
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1797,10 +1797,10 @@ function useToast() {
|
|
|
1797
1797
|
import { useId as useId11 } from "react";
|
|
1798
1798
|
|
|
1799
1799
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1800
|
-
var Checkbox_default = {"component":"
|
|
1800
|
+
var Checkbox_default = {"component":"bds271Checkbox-component","checkboxGroup":"bds271Checkbox-checkboxGroup","inputWrapper":"bds271Checkbox-inputWrapper","checkbox":"bds271Checkbox-checkbox","checkboxError":"bds271Checkbox-checkboxError"};
|
|
1801
1801
|
|
|
1802
1802
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1803
|
-
var Message_default = {"component":"
|
|
1803
|
+
var Message_default = {"component":"bds271Message-component","error":"bds271Message-error","hint":"bds271Message-hint"};
|
|
1804
1804
|
|
|
1805
1805
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1806
1806
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -1811,7 +1811,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
1811
1811
|
};
|
|
1812
1812
|
|
|
1813
1813
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1814
|
-
var Label_default = {"component":"
|
|
1814
|
+
var Label_default = {"component":"bds271Label-component","label":"bds271Label-label"};
|
|
1815
1815
|
|
|
1816
1816
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1817
1817
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1824,7 +1824,7 @@ var Label = ({ label, id, className }) => {
|
|
|
1824
1824
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
1825
1825
|
|
|
1826
1826
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1827
|
-
var InputContainer_default = {"component":"
|
|
1827
|
+
var InputContainer_default = {"component":"bds271InputContainer-component","container":"bds271InputContainer-container"};
|
|
1828
1828
|
|
|
1829
1829
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1830
1830
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1865,7 +1865,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1865
1865
|
import { useId as useId12 } from "react";
|
|
1866
1866
|
|
|
1867
1867
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1868
|
-
var CheckboxGroup_default = {"component":"
|
|
1868
|
+
var CheckboxGroup_default = {"component":"bds271CheckboxGroup-component","group":"bds271CheckboxGroup-group","legend":"bds271CheckboxGroup-legend","required":"bds271CheckboxGroup-required","items":"bds271CheckboxGroup-items"};
|
|
1869
1869
|
|
|
1870
1870
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1871
1871
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -1913,7 +1913,7 @@ import {
|
|
|
1913
1913
|
} from "react";
|
|
1914
1914
|
|
|
1915
1915
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1916
|
-
var Combobox_default = {"component":"
|
|
1916
|
+
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"};
|
|
1917
1917
|
|
|
1918
1918
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1919
1919
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2060,15 +2060,51 @@ function Combobox({
|
|
|
2060
2060
|
] });
|
|
2061
2061
|
}
|
|
2062
2062
|
|
|
2063
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2064
|
+
import { Children } from "react";
|
|
2065
|
+
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
2066
|
+
|
|
2067
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2068
|
+
var FieldGroup_default = {"component":"bds271FieldGroup-component","fieldGroup":"bds271FieldGroup-fieldGroup","legend":"bds271FieldGroup-legend","fields":"bds271FieldGroup-fields","--variant_horizontal":"bds271FieldGroup---variant_horizontal"};
|
|
2069
|
+
|
|
2070
|
+
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2071
|
+
import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2072
|
+
function FieldGroup({
|
|
2073
|
+
variant = "horizontal",
|
|
2074
|
+
legend,
|
|
2075
|
+
children,
|
|
2076
|
+
className,
|
|
2077
|
+
style,
|
|
2078
|
+
...rest
|
|
2079
|
+
}) {
|
|
2080
|
+
const fieldCount = Children.count(children);
|
|
2081
|
+
const styleWithCount = {
|
|
2082
|
+
...style,
|
|
2083
|
+
"--fieldGroup_field-count": fieldCount
|
|
2084
|
+
};
|
|
2085
|
+
return /* @__PURE__ */ jsxs26(
|
|
2086
|
+
"fieldset",
|
|
2087
|
+
{
|
|
2088
|
+
...rest,
|
|
2089
|
+
style: styleWithCount,
|
|
2090
|
+
className: cn37(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
|
|
2091
|
+
children: [
|
|
2092
|
+
legend !== void 0 && /* @__PURE__ */ jsx37("legend", { className: FieldGroup_default.legend, children: legend }),
|
|
2093
|
+
/* @__PURE__ */ jsx37("div", { className: FieldGroup_default.fields, children })
|
|
2094
|
+
]
|
|
2095
|
+
}
|
|
2096
|
+
);
|
|
2097
|
+
}
|
|
2098
|
+
|
|
2063
2099
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2064
2100
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2065
2101
|
|
|
2066
2102
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2067
|
-
var FileInput_default = {"component":"
|
|
2103
|
+
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"};
|
|
2068
2104
|
|
|
2069
2105
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2070
|
-
import { cn as
|
|
2071
|
-
import { Fragment as Fragment3, jsx as
|
|
2106
|
+
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
2107
|
+
import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2072
2108
|
function FileInput({
|
|
2073
2109
|
label,
|
|
2074
2110
|
name,
|
|
@@ -2118,24 +2154,24 @@ function FileInput({
|
|
|
2118
2154
|
if (!disabled) setIsDragging(true);
|
|
2119
2155
|
};
|
|
2120
2156
|
const handleDragLeave = () => setIsDragging(false);
|
|
2121
|
-
return /* @__PURE__ */
|
|
2122
|
-
/* @__PURE__ */
|
|
2157
|
+
return /* @__PURE__ */ jsxs27(InputContainer, { ...rest, className: cn38(FileInput_default.formGroup, className), children: [
|
|
2158
|
+
/* @__PURE__ */ jsxs27(
|
|
2123
2159
|
"label",
|
|
2124
2160
|
{
|
|
2125
2161
|
htmlFor: uid,
|
|
2126
|
-
className:
|
|
2162
|
+
className: cn38(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
|
|
2127
2163
|
onDrop: handleDrop,
|
|
2128
2164
|
onDragOver: handleDragOver,
|
|
2129
2165
|
onDragLeave: handleDragLeave,
|
|
2130
2166
|
children: [
|
|
2131
|
-
/* @__PURE__ */
|
|
2132
|
-
/* @__PURE__ */
|
|
2133
|
-
/* @__PURE__ */
|
|
2134
|
-
/* @__PURE__ */
|
|
2167
|
+
/* @__PURE__ */ jsx38("span", { className: FileInput_default.fieldLabel, children: label }),
|
|
2168
|
+
/* @__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" }) }),
|
|
2169
|
+
/* @__PURE__ */ jsx38("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs27(Fragment3, { children: [
|
|
2170
|
+
/* @__PURE__ */ jsx38("strong", { children: "Click to upload" }),
|
|
2135
2171
|
" or drag and drop"
|
|
2136
2172
|
] }) }),
|
|
2137
|
-
accept && /* @__PURE__ */
|
|
2138
|
-
/* @__PURE__ */
|
|
2173
|
+
accept && /* @__PURE__ */ jsx38("span", { className: FileInput_default.acceptHint, children: accept }),
|
|
2174
|
+
/* @__PURE__ */ jsx38(
|
|
2139
2175
|
"input",
|
|
2140
2176
|
{
|
|
2141
2177
|
ref: inputRef,
|
|
@@ -2156,8 +2192,8 @@ function FileInput({
|
|
|
2156
2192
|
]
|
|
2157
2193
|
}
|
|
2158
2194
|
),
|
|
2159
|
-
/* @__PURE__ */
|
|
2160
|
-
/* @__PURE__ */
|
|
2195
|
+
/* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
|
|
2196
|
+
/* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
|
|
2161
2197
|
] });
|
|
2162
2198
|
}
|
|
2163
2199
|
|
|
@@ -2165,11 +2201,11 @@ function FileInput({
|
|
|
2165
2201
|
import { useId as useId15 } from "react";
|
|
2166
2202
|
|
|
2167
2203
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2168
|
-
var FormInput_default = {"component":"
|
|
2204
|
+
var FormInput_default = {"component":"bds271FormInput-component","formGroup":"bds271FormInput-formGroup","input":"bds271FormInput-input","inputError":"bds271FormInput-inputError"};
|
|
2169
2205
|
|
|
2170
2206
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2171
|
-
import { cn as
|
|
2172
|
-
import { jsx as
|
|
2207
|
+
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
2208
|
+
import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2173
2209
|
function FormInput({
|
|
2174
2210
|
label,
|
|
2175
2211
|
name,
|
|
@@ -2184,9 +2220,9 @@ function FormInput({
|
|
|
2184
2220
|
const hintId = id + "hint";
|
|
2185
2221
|
const errorId = id + "error";
|
|
2186
2222
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2187
|
-
return /* @__PURE__ */
|
|
2188
|
-
/* @__PURE__ */
|
|
2189
|
-
/* @__PURE__ */
|
|
2223
|
+
return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(FormInput_default.formGroup, className), children: [
|
|
2224
|
+
/* @__PURE__ */ jsx39(Label, { id, label }),
|
|
2225
|
+
/* @__PURE__ */ jsx39(
|
|
2190
2226
|
"input",
|
|
2191
2227
|
{
|
|
2192
2228
|
"aria-invalid": !!error,
|
|
@@ -2196,12 +2232,12 @@ function FormInput({
|
|
|
2196
2232
|
id,
|
|
2197
2233
|
name,
|
|
2198
2234
|
required,
|
|
2199
|
-
className:
|
|
2235
|
+
className: cn39(FormInput_default.input, error && FormInput_default.inputError),
|
|
2200
2236
|
...props
|
|
2201
2237
|
}
|
|
2202
2238
|
),
|
|
2203
|
-
/* @__PURE__ */
|
|
2204
|
-
/* @__PURE__ */
|
|
2239
|
+
/* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
|
|
2240
|
+
/* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
|
|
2205
2241
|
] });
|
|
2206
2242
|
}
|
|
2207
2243
|
|
|
@@ -2209,11 +2245,11 @@ function FormInput({
|
|
|
2209
2245
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2210
2246
|
|
|
2211
2247
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2212
|
-
var NumberInput_default = {"component":"
|
|
2248
|
+
var NumberInput_default = {"component":"bds271NumberInput-component","formGroup":"bds271NumberInput-formGroup","inputRow":"bds271NumberInput-inputRow","input":"bds271NumberInput-input","inputError":"bds271NumberInput-inputError","stepper":"bds271NumberInput-stepper"};
|
|
2213
2249
|
|
|
2214
2250
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2215
|
-
import { cn as
|
|
2216
|
-
import { jsx as
|
|
2251
|
+
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
2252
|
+
import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2217
2253
|
function NumberInput({
|
|
2218
2254
|
label,
|
|
2219
2255
|
name,
|
|
@@ -2252,10 +2288,10 @@ function NumberInput({
|
|
|
2252
2288
|
}
|
|
2253
2289
|
onChange?.(next);
|
|
2254
2290
|
};
|
|
2255
|
-
return /* @__PURE__ */
|
|
2256
|
-
/* @__PURE__ */
|
|
2257
|
-
/* @__PURE__ */
|
|
2258
|
-
/* @__PURE__ */
|
|
2291
|
+
return /* @__PURE__ */ jsxs29(InputContainer, { ...rest, className: cn40(NumberInput_default.formGroup, className), children: [
|
|
2292
|
+
/* @__PURE__ */ jsx40(Label, { id: uid, label }),
|
|
2293
|
+
/* @__PURE__ */ jsxs29("div", { className: NumberInput_default.inputRow, children: [
|
|
2294
|
+
/* @__PURE__ */ jsx40(
|
|
2259
2295
|
"button",
|
|
2260
2296
|
{
|
|
2261
2297
|
type: "button",
|
|
@@ -2265,10 +2301,10 @@ function NumberInput({
|
|
|
2265
2301
|
disabled: disabled || min !== void 0 && currentValue <= min,
|
|
2266
2302
|
onClick: () => adjust(-step),
|
|
2267
2303
|
tabIndex: -1,
|
|
2268
|
-
children: /* @__PURE__ */
|
|
2304
|
+
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" }) })
|
|
2269
2305
|
}
|
|
2270
2306
|
),
|
|
2271
|
-
/* @__PURE__ */
|
|
2307
|
+
/* @__PURE__ */ jsx40(
|
|
2272
2308
|
"input",
|
|
2273
2309
|
{
|
|
2274
2310
|
ref: inputRef,
|
|
@@ -2282,7 +2318,7 @@ function NumberInput({
|
|
|
2282
2318
|
disabled,
|
|
2283
2319
|
"aria-invalid": !!error,
|
|
2284
2320
|
"aria-describedby": describedBy,
|
|
2285
|
-
className:
|
|
2321
|
+
className: cn40(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
|
|
2286
2322
|
onChange: (e) => {
|
|
2287
2323
|
const v = parseFloat(e.target.value);
|
|
2288
2324
|
const safe = isNaN(v) ? 0 : v;
|
|
@@ -2291,7 +2327,7 @@ function NumberInput({
|
|
|
2291
2327
|
}
|
|
2292
2328
|
}
|
|
2293
2329
|
),
|
|
2294
|
-
/* @__PURE__ */
|
|
2330
|
+
/* @__PURE__ */ jsx40(
|
|
2295
2331
|
"button",
|
|
2296
2332
|
{
|
|
2297
2333
|
type: "button",
|
|
@@ -2301,12 +2337,12 @@ function NumberInput({
|
|
|
2301
2337
|
disabled: disabled || max !== void 0 && currentValue >= max,
|
|
2302
2338
|
onClick: () => adjust(step),
|
|
2303
2339
|
tabIndex: -1,
|
|
2304
|
-
children: /* @__PURE__ */
|
|
2340
|
+
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" }) })
|
|
2305
2341
|
}
|
|
2306
2342
|
)
|
|
2307
2343
|
] }),
|
|
2308
|
-
/* @__PURE__ */
|
|
2309
|
-
/* @__PURE__ */
|
|
2344
|
+
/* @__PURE__ */ jsx40(Message, { inputId: uid, type: "error", message: error }),
|
|
2345
|
+
/* @__PURE__ */ jsx40(Message, { inputId: uid, type: "hint", message: hint })
|
|
2310
2346
|
] });
|
|
2311
2347
|
}
|
|
2312
2348
|
|
|
@@ -2314,19 +2350,19 @@ function NumberInput({
|
|
|
2314
2350
|
import { useId as useId17 } from "react";
|
|
2315
2351
|
|
|
2316
2352
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2317
|
-
var Radio_default = {"component":"
|
|
2353
|
+
var Radio_default = {"component":"bds271Radio-component","radioGroup":"bds271Radio-radioGroup","inputWrapper":"bds271Radio-inputWrapper","textWrapper":"bds271Radio-textWrapper","description":"bds271Radio-description","radio":"bds271Radio-radio","radioError":"bds271Radio-radioError"};
|
|
2318
2354
|
|
|
2319
2355
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2320
|
-
import { cn as
|
|
2321
|
-
import { jsx as
|
|
2356
|
+
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
2357
|
+
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2322
2358
|
function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
2323
2359
|
const id = name + useId17();
|
|
2324
2360
|
const hintId = id + "hint";
|
|
2325
2361
|
const errorId = id + "error";
|
|
2326
2362
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2327
|
-
return /* @__PURE__ */
|
|
2328
|
-
/* @__PURE__ */
|
|
2329
|
-
/* @__PURE__ */
|
|
2363
|
+
return /* @__PURE__ */ jsxs30(InputContainer, { className: cn41(Radio_default.radioGroup, className), children: [
|
|
2364
|
+
/* @__PURE__ */ jsxs30("div", { className: Radio_default.inputWrapper, children: [
|
|
2365
|
+
/* @__PURE__ */ jsx41(
|
|
2330
2366
|
"input",
|
|
2331
2367
|
{
|
|
2332
2368
|
"aria-describedby": describedBy,
|
|
@@ -2334,17 +2370,17 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2334
2370
|
type: "radio",
|
|
2335
2371
|
id,
|
|
2336
2372
|
name,
|
|
2337
|
-
className:
|
|
2373
|
+
className: cn41(Radio_default.radio, error && Radio_default.radioError),
|
|
2338
2374
|
...props
|
|
2339
2375
|
}
|
|
2340
2376
|
),
|
|
2341
|
-
/* @__PURE__ */
|
|
2342
|
-
/* @__PURE__ */
|
|
2343
|
-
description && /* @__PURE__ */
|
|
2377
|
+
/* @__PURE__ */ jsxs30("div", { className: Radio_default.textWrapper, children: [
|
|
2378
|
+
/* @__PURE__ */ jsx41(Label, { id, label }),
|
|
2379
|
+
description && /* @__PURE__ */ jsx41("span", { className: Radio_default.description, children: description })
|
|
2344
2380
|
] })
|
|
2345
2381
|
] }),
|
|
2346
|
-
/* @__PURE__ */
|
|
2347
|
-
/* @__PURE__ */
|
|
2382
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
|
|
2383
|
+
/* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
|
|
2348
2384
|
] });
|
|
2349
2385
|
}
|
|
2350
2386
|
|
|
@@ -2352,11 +2388,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2352
2388
|
import { useId as useId18 } from "react";
|
|
2353
2389
|
|
|
2354
2390
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2355
|
-
var RadioGroup_default = {"component":"
|
|
2391
|
+
var RadioGroup_default = {"component":"bds271RadioGroup-component","group":"bds271RadioGroup-group","legend":"bds271RadioGroup-legend","required":"bds271RadioGroup-required","items":"bds271RadioGroup-items"};
|
|
2356
2392
|
|
|
2357
2393
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2358
|
-
import { cn as
|
|
2359
|
-
import { jsx as
|
|
2394
|
+
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
2395
|
+
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2360
2396
|
function RadioGroup({
|
|
2361
2397
|
legend,
|
|
2362
2398
|
children,
|
|
@@ -2370,35 +2406,35 @@ function RadioGroup({
|
|
|
2370
2406
|
const hintId = id + "hint";
|
|
2371
2407
|
const errorId = id + "error";
|
|
2372
2408
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2373
|
-
return /* @__PURE__ */
|
|
2409
|
+
return /* @__PURE__ */ jsxs31(
|
|
2374
2410
|
"fieldset",
|
|
2375
2411
|
{
|
|
2376
2412
|
...rest,
|
|
2377
|
-
className:
|
|
2413
|
+
className: cn42(RadioGroup_default.group, className),
|
|
2378
2414
|
"aria-required": required || void 0,
|
|
2379
2415
|
"aria-describedby": describedBy,
|
|
2380
2416
|
children: [
|
|
2381
|
-
/* @__PURE__ */
|
|
2417
|
+
/* @__PURE__ */ jsxs31("legend", { className: RadioGroup_default.legend, children: [
|
|
2382
2418
|
legend,
|
|
2383
|
-
required && /* @__PURE__ */
|
|
2419
|
+
required && /* @__PURE__ */ jsx42("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
|
|
2384
2420
|
] }),
|
|
2385
|
-
/* @__PURE__ */
|
|
2386
|
-
/* @__PURE__ */
|
|
2387
|
-
/* @__PURE__ */
|
|
2421
|
+
/* @__PURE__ */ jsx42("div", { className: RadioGroup_default.items, children }),
|
|
2422
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
|
|
2423
|
+
/* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
|
|
2388
2424
|
]
|
|
2389
2425
|
}
|
|
2390
2426
|
);
|
|
2391
2427
|
}
|
|
2392
2428
|
|
|
2393
2429
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2394
|
-
import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2430
|
+
import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2395
2431
|
|
|
2396
2432
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2397
|
-
var SegmentedControl_default = {"component":"
|
|
2433
|
+
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"};
|
|
2398
2434
|
|
|
2399
2435
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2400
|
-
import { cn as
|
|
2401
|
-
import { jsx as
|
|
2436
|
+
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
2437
|
+
import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2402
2438
|
function SegmentedControl({
|
|
2403
2439
|
children,
|
|
2404
2440
|
selectedIndex: selectedIndexProp,
|
|
@@ -2408,32 +2444,32 @@ function SegmentedControl({
|
|
|
2408
2444
|
className,
|
|
2409
2445
|
...rest
|
|
2410
2446
|
}) {
|
|
2411
|
-
const validChildren =
|
|
2447
|
+
const validChildren = Children2.toArray(children).filter(isValidElement4);
|
|
2412
2448
|
const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
|
|
2413
2449
|
const p = child.props;
|
|
2414
2450
|
return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
|
|
2415
2451
|
}) : -1;
|
|
2416
2452
|
const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
|
|
2417
|
-
return /* @__PURE__ */
|
|
2453
|
+
return /* @__PURE__ */ jsxs32(
|
|
2418
2454
|
"div",
|
|
2419
2455
|
{
|
|
2420
2456
|
...rest,
|
|
2421
2457
|
role: "group",
|
|
2422
|
-
className:
|
|
2458
|
+
className: cn43(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
|
|
2423
2459
|
style: {
|
|
2424
2460
|
"--control_count": validChildren.length,
|
|
2425
2461
|
"--control_selected-index": activeIndex
|
|
2426
2462
|
},
|
|
2427
2463
|
children: [
|
|
2428
|
-
/* @__PURE__ */
|
|
2429
|
-
/* @__PURE__ */
|
|
2464
|
+
/* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
|
|
2465
|
+
/* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
|
|
2430
2466
|
validChildren.map((child, index) => {
|
|
2431
2467
|
const isActive = index === activeIndex;
|
|
2432
2468
|
const p = child.props;
|
|
2433
2469
|
const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
|
|
2434
2470
|
return cloneElement4(child, {
|
|
2435
2471
|
key: child.key ?? index,
|
|
2436
|
-
className:
|
|
2472
|
+
className: cn43(
|
|
2437
2473
|
SegmentedControl_default.item,
|
|
2438
2474
|
isActive && SegmentedControl_default["--active"],
|
|
2439
2475
|
isDisabled && SegmentedControl_default["--disabled"],
|
|
@@ -2450,11 +2486,11 @@ function SegmentedControl({
|
|
|
2450
2486
|
import { useId as useId19 } from "react";
|
|
2451
2487
|
|
|
2452
2488
|
// src/components/interaction/form/Select/Select.module.css
|
|
2453
|
-
var Select_default = {"component":"
|
|
2489
|
+
var Select_default = {"component":"bds271Select-component","formGroup":"bds271Select-formGroup","selectWrapper":"bds271Select-selectWrapper","select":"bds271Select-select","selectError":"bds271Select-selectError","chevron":"bds271Select-chevron"};
|
|
2454
2490
|
|
|
2455
2491
|
// src/components/interaction/form/Select/Select.tsx
|
|
2456
|
-
import { cn as
|
|
2457
|
-
import { jsx as
|
|
2492
|
+
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
2493
|
+
import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2458
2494
|
function Select({
|
|
2459
2495
|
label,
|
|
2460
2496
|
name,
|
|
@@ -2470,10 +2506,10 @@ function Select({
|
|
|
2470
2506
|
const hintId = id + "hint";
|
|
2471
2507
|
const errorId = id + "error";
|
|
2472
2508
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2473
|
-
return /* @__PURE__ */
|
|
2474
|
-
/* @__PURE__ */
|
|
2475
|
-
/* @__PURE__ */
|
|
2476
|
-
/* @__PURE__ */
|
|
2509
|
+
return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Select_default.formGroup, className), children: [
|
|
2510
|
+
/* @__PURE__ */ jsx44(Label, { id, label }),
|
|
2511
|
+
/* @__PURE__ */ jsxs33("div", { className: Select_default.selectWrapper, children: [
|
|
2512
|
+
/* @__PURE__ */ jsxs33(
|
|
2477
2513
|
"select",
|
|
2478
2514
|
{
|
|
2479
2515
|
id,
|
|
@@ -2482,18 +2518,18 @@ function Select({
|
|
|
2482
2518
|
"aria-required": required || void 0,
|
|
2483
2519
|
"aria-describedby": describedBy,
|
|
2484
2520
|
required,
|
|
2485
|
-
className:
|
|
2521
|
+
className: cn44(Select_default.select, error ? Select_default.selectError : void 0),
|
|
2486
2522
|
...props,
|
|
2487
2523
|
children: [
|
|
2488
|
-
placeholder && /* @__PURE__ */
|
|
2489
|
-
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */
|
|
2524
|
+
placeholder && /* @__PURE__ */ jsx44("option", { value: "", disabled: true, hidden: true, children: placeholder }),
|
|
2525
|
+
options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx44("option", { value, disabled, children: optLabel }, value))
|
|
2490
2526
|
]
|
|
2491
2527
|
}
|
|
2492
2528
|
),
|
|
2493
|
-
/* @__PURE__ */
|
|
2529
|
+
/* @__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" }) }) })
|
|
2494
2530
|
] }),
|
|
2495
|
-
/* @__PURE__ */
|
|
2496
|
-
/* @__PURE__ */
|
|
2531
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
|
|
2532
|
+
/* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
|
|
2497
2533
|
] });
|
|
2498
2534
|
}
|
|
2499
2535
|
|
|
@@ -2501,11 +2537,11 @@ function Select({
|
|
|
2501
2537
|
import { useId as useId20, useState as useState12 } from "react";
|
|
2502
2538
|
|
|
2503
2539
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2504
|
-
var Slider_default = {"component":"
|
|
2540
|
+
var Slider_default = {"component":"bds271Slider-component","formGroup":"bds271Slider-formGroup","labelRow":"bds271Slider-labelRow","value":"bds271Slider-value","slider":"bds271Slider-slider","sliderError":"bds271Slider-sliderError"};
|
|
2505
2541
|
|
|
2506
2542
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2507
|
-
import { cn as
|
|
2508
|
-
import { jsx as
|
|
2543
|
+
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
2544
|
+
import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
2509
2545
|
function Slider({
|
|
2510
2546
|
label,
|
|
2511
2547
|
name,
|
|
@@ -2530,12 +2566,12 @@ function Slider({
|
|
|
2530
2566
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
2531
2567
|
onChange?.(e);
|
|
2532
2568
|
};
|
|
2533
|
-
return /* @__PURE__ */
|
|
2534
|
-
/* @__PURE__ */
|
|
2535
|
-
/* @__PURE__ */
|
|
2536
|
-
showValue && /* @__PURE__ */
|
|
2569
|
+
return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Slider_default.formGroup, className), children: [
|
|
2570
|
+
/* @__PURE__ */ jsxs34("div", { className: Slider_default.labelRow, children: [
|
|
2571
|
+
/* @__PURE__ */ jsx45(Label, { id, label }),
|
|
2572
|
+
showValue && /* @__PURE__ */ jsx45("span", { className: Slider_default.value, children: currentValue })
|
|
2537
2573
|
] }),
|
|
2538
|
-
/* @__PURE__ */
|
|
2574
|
+
/* @__PURE__ */ jsx45(
|
|
2539
2575
|
"input",
|
|
2540
2576
|
{
|
|
2541
2577
|
type: "range",
|
|
@@ -2548,14 +2584,14 @@ function Slider({
|
|
|
2548
2584
|
"aria-valuemax": max,
|
|
2549
2585
|
"aria-valuenow": currentValue,
|
|
2550
2586
|
"aria-valuetext": String(currentValue),
|
|
2551
|
-
className:
|
|
2587
|
+
className: cn45(Slider_default.slider, error ? Slider_default.sliderError : void 0),
|
|
2552
2588
|
style: { "--slider_fill": `${fillPct}%` },
|
|
2553
2589
|
onChange: handleChange,
|
|
2554
2590
|
...props
|
|
2555
2591
|
}
|
|
2556
2592
|
),
|
|
2557
|
-
/* @__PURE__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2593
|
+
/* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
|
|
2594
|
+
/* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
|
|
2559
2595
|
] });
|
|
2560
2596
|
}
|
|
2561
2597
|
|
|
@@ -2563,11 +2599,11 @@ function Slider({
|
|
|
2563
2599
|
import { useId as useId21 } from "react";
|
|
2564
2600
|
|
|
2565
2601
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2566
|
-
var Switch_default = {"component":"
|
|
2602
|
+
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"};
|
|
2567
2603
|
|
|
2568
2604
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2569
|
-
import { cn as
|
|
2570
|
-
import { jsx as
|
|
2605
|
+
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
2606
|
+
import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
2571
2607
|
function Switch({
|
|
2572
2608
|
label,
|
|
2573
2609
|
name,
|
|
@@ -2582,11 +2618,11 @@ function Switch({
|
|
|
2582
2618
|
const hintId = id + "hint";
|
|
2583
2619
|
const errorId = id + "error";
|
|
2584
2620
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2585
|
-
return /* @__PURE__ */
|
|
2586
|
-
/* @__PURE__ */
|
|
2587
|
-
prefix && /* @__PURE__ */
|
|
2588
|
-
/* @__PURE__ */
|
|
2589
|
-
/* @__PURE__ */
|
|
2621
|
+
return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
2622
|
+
/* @__PURE__ */ jsxs35("div", { className: Switch_default.inputWrapper, children: [
|
|
2623
|
+
prefix && /* @__PURE__ */ jsx46("span", { children: prefix }),
|
|
2624
|
+
/* @__PURE__ */ jsxs35("div", { className: Switch_default.trackWrapper, children: [
|
|
2625
|
+
/* @__PURE__ */ jsx46(
|
|
2590
2626
|
"input",
|
|
2591
2627
|
{
|
|
2592
2628
|
type: "checkbox",
|
|
@@ -2594,16 +2630,16 @@ function Switch({
|
|
|
2594
2630
|
id,
|
|
2595
2631
|
name,
|
|
2596
2632
|
"aria-describedby": describedBy,
|
|
2597
|
-
className:
|
|
2633
|
+
className: cn46(Switch_default.switch, error ? Switch_default.switchError : void 0),
|
|
2598
2634
|
...props
|
|
2599
2635
|
}
|
|
2600
2636
|
),
|
|
2601
|
-
/* @__PURE__ */
|
|
2637
|
+
/* @__PURE__ */ jsx46("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx46("span", { className: Switch_default.thumb }) })
|
|
2602
2638
|
] }),
|
|
2603
|
-
/* @__PURE__ */
|
|
2639
|
+
/* @__PURE__ */ jsx46(Label, { id, label })
|
|
2604
2640
|
] }),
|
|
2605
|
-
/* @__PURE__ */
|
|
2606
|
-
/* @__PURE__ */
|
|
2641
|
+
/* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
|
|
2642
|
+
/* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
|
|
2607
2643
|
] });
|
|
2608
2644
|
}
|
|
2609
2645
|
|
|
@@ -2611,11 +2647,11 @@ function Switch({
|
|
|
2611
2647
|
import { useId as useId22 } from "react";
|
|
2612
2648
|
|
|
2613
2649
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2614
|
-
var Textarea_default = {"component":"
|
|
2650
|
+
var Textarea_default = {"component":"bds271Textarea-component","formGroup":"bds271Textarea-formGroup","textarea":"bds271Textarea-textarea","textareaError":"bds271Textarea-textareaError"};
|
|
2615
2651
|
|
|
2616
2652
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2617
|
-
import { cn as
|
|
2618
|
-
import { jsx as
|
|
2653
|
+
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
2654
|
+
import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
2619
2655
|
function Textarea({
|
|
2620
2656
|
label,
|
|
2621
2657
|
name,
|
|
@@ -2629,9 +2665,9 @@ function Textarea({
|
|
|
2629
2665
|
const hintId = id + "hint";
|
|
2630
2666
|
const errorId = id + "error";
|
|
2631
2667
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2632
|
-
return /* @__PURE__ */
|
|
2633
|
-
/* @__PURE__ */
|
|
2634
|
-
/* @__PURE__ */
|
|
2668
|
+
return /* @__PURE__ */ jsxs36(InputContainer, { className: cn47(Textarea_default.formGroup, className), children: [
|
|
2669
|
+
/* @__PURE__ */ jsx47(Label, { id, label }),
|
|
2670
|
+
/* @__PURE__ */ jsx47(
|
|
2635
2671
|
"textarea",
|
|
2636
2672
|
{
|
|
2637
2673
|
id,
|
|
@@ -2640,40 +2676,40 @@ function Textarea({
|
|
|
2640
2676
|
"aria-describedby": describedBy,
|
|
2641
2677
|
"aria-required": required || void 0,
|
|
2642
2678
|
required,
|
|
2643
|
-
className:
|
|
2679
|
+
className: cn47(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
|
|
2644
2680
|
...props
|
|
2645
2681
|
}
|
|
2646
2682
|
),
|
|
2647
|
-
/* @__PURE__ */
|
|
2648
|
-
/* @__PURE__ */
|
|
2683
|
+
/* @__PURE__ */ jsx47(Message, { inputId: id, type: "error", message: error }),
|
|
2684
|
+
/* @__PURE__ */ jsx47(Message, { inputId: id, type: "hint", message: hint })
|
|
2649
2685
|
] });
|
|
2650
2686
|
}
|
|
2651
2687
|
|
|
2652
2688
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2653
|
-
var ButtonGroup_default = {"component":"
|
|
2689
|
+
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"};
|
|
2654
2690
|
|
|
2655
2691
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2656
|
-
import { cn as
|
|
2657
|
-
import { jsx as
|
|
2692
|
+
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
2693
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
2658
2694
|
function ButtonContainer({ children, className, variant, ...rest }) {
|
|
2659
|
-
return /* @__PURE__ */
|
|
2695
|
+
return /* @__PURE__ */ jsx48(
|
|
2660
2696
|
"div",
|
|
2661
2697
|
{
|
|
2662
2698
|
...rest,
|
|
2663
2699
|
role: "group",
|
|
2664
|
-
className:
|
|
2665
|
-
children: /* @__PURE__ */
|
|
2700
|
+
className: cn48(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
|
|
2701
|
+
children: /* @__PURE__ */ jsx48("div", { className: ButtonGroup_default.container, children })
|
|
2666
2702
|
}
|
|
2667
2703
|
);
|
|
2668
2704
|
}
|
|
2669
2705
|
var ButtonGroup = ButtonContainer;
|
|
2670
2706
|
|
|
2671
2707
|
// src/components/layout/Card/Card.module.css
|
|
2672
|
-
var Card_default = {"component":"
|
|
2708
|
+
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"};
|
|
2673
2709
|
|
|
2674
2710
|
// src/components/layout/Card/Card.tsx
|
|
2675
|
-
import { cn as
|
|
2676
|
-
import { jsx as
|
|
2711
|
+
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
2712
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
2677
2713
|
function Card({
|
|
2678
2714
|
children,
|
|
2679
2715
|
className,
|
|
@@ -2684,7 +2720,7 @@ function Card({
|
|
|
2684
2720
|
onClick,
|
|
2685
2721
|
...rest
|
|
2686
2722
|
}) {
|
|
2687
|
-
const classNames =
|
|
2723
|
+
const classNames = cn49(
|
|
2688
2724
|
Card_default.card,
|
|
2689
2725
|
Card_default[`--${variant}`],
|
|
2690
2726
|
Card_default[`--padding-${padding}`],
|
|
@@ -2693,7 +2729,7 @@ function Card({
|
|
|
2693
2729
|
className
|
|
2694
2730
|
);
|
|
2695
2731
|
const Component = as ?? (onClick ? "button" : "div");
|
|
2696
|
-
return /* @__PURE__ */
|
|
2732
|
+
return /* @__PURE__ */ jsx49(
|
|
2697
2733
|
Component,
|
|
2698
2734
|
{
|
|
2699
2735
|
...rest,
|
|
@@ -2713,10 +2749,10 @@ import {
|
|
|
2713
2749
|
} from "react";
|
|
2714
2750
|
|
|
2715
2751
|
// src/components/layout/Grid/Grid.module.css
|
|
2716
|
-
var Grid_default = {"component":"
|
|
2752
|
+
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"};
|
|
2717
2753
|
|
|
2718
2754
|
// src/components/layout/Grid/Grid.tsx
|
|
2719
|
-
import { cn as
|
|
2755
|
+
import { cn as cn50 } from "@boostdev/design-system-foundation";
|
|
2720
2756
|
|
|
2721
2757
|
// src/components/layout/Grid/masonry.ts
|
|
2722
2758
|
import { useLayoutEffect } from "react";
|
|
@@ -2940,7 +2976,7 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
2940
2976
|
}
|
|
2941
2977
|
|
|
2942
2978
|
// src/components/layout/Grid/Grid.tsx
|
|
2943
|
-
import { jsx as
|
|
2979
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
2944
2980
|
var _GridContext;
|
|
2945
2981
|
function getGridContext() {
|
|
2946
2982
|
_GridContext ??= createContext2({ autoSpanMedia: false });
|
|
@@ -2965,7 +3001,7 @@ function Grid({
|
|
|
2965
3001
|
preferredColumnSpan: masonryPreferredColumnSpan,
|
|
2966
3002
|
rowUnitPx: masonryRowUnitPx
|
|
2967
3003
|
});
|
|
2968
|
-
const classNames =
|
|
3004
|
+
const classNames = cn50(
|
|
2969
3005
|
Grid_default.grid,
|
|
2970
3006
|
Grid_default[`--${variant}`],
|
|
2971
3007
|
isCentered && Grid_default["--centered"],
|
|
@@ -2976,7 +3012,7 @@ function Grid({
|
|
|
2976
3012
|
const Component = as ?? "div";
|
|
2977
3013
|
const GridContext = getGridContext();
|
|
2978
3014
|
const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
|
|
2979
|
-
return /* @__PURE__ */
|
|
3015
|
+
return /* @__PURE__ */ jsx50(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx50(GridContext.Provider, { value: ctx, children }) });
|
|
2980
3016
|
}
|
|
2981
3017
|
|
|
2982
3018
|
// src/components/layout/Grid/GridItem.tsx
|
|
@@ -2986,7 +3022,7 @@ import {
|
|
|
2986
3022
|
useRef as useRef13,
|
|
2987
3023
|
useState as useState13
|
|
2988
3024
|
} from "react";
|
|
2989
|
-
import { cn as
|
|
3025
|
+
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
2990
3026
|
|
|
2991
3027
|
// src/components/layout/Grid/autoSpan.ts
|
|
2992
3028
|
function aspectToColumnSpan(ratio) {
|
|
@@ -3018,7 +3054,7 @@ function mediaReadyEvent(media) {
|
|
|
3018
3054
|
}
|
|
3019
3055
|
|
|
3020
3056
|
// src/components/layout/Grid/GridItem.tsx
|
|
3021
|
-
import { jsx as
|
|
3057
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
3022
3058
|
var GridItemSpan = {
|
|
3023
3059
|
full: "full",
|
|
3024
3060
|
threeQuarters: "three-quarters",
|
|
@@ -3100,13 +3136,13 @@ function GridItem({
|
|
|
3100
3136
|
};
|
|
3101
3137
|
const Component = as ?? "div";
|
|
3102
3138
|
const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
|
|
3103
|
-
return /* @__PURE__ */
|
|
3139
|
+
return /* @__PURE__ */ jsx51(
|
|
3104
3140
|
Component,
|
|
3105
3141
|
{
|
|
3106
3142
|
ref,
|
|
3107
3143
|
...rest,
|
|
3108
3144
|
"data-column-span-auto": isColumnSpanAuto ? "" : void 0,
|
|
3109
|
-
className:
|
|
3145
|
+
className: cn51(Grid_default.item, className),
|
|
3110
3146
|
style: composedStyle,
|
|
3111
3147
|
children
|
|
3112
3148
|
}
|
|
@@ -3114,11 +3150,11 @@ function GridItem({
|
|
|
3114
3150
|
}
|
|
3115
3151
|
|
|
3116
3152
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3117
|
-
var SectionHeader_default = {"component":"
|
|
3153
|
+
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"};
|
|
3118
3154
|
|
|
3119
3155
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3120
|
-
import { cn as
|
|
3121
|
-
import { jsx as
|
|
3156
|
+
import { cn as cn52 } from "@boostdev/design-system-foundation";
|
|
3157
|
+
import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3122
3158
|
function SectionHeader({
|
|
3123
3159
|
title,
|
|
3124
3160
|
subtitle,
|
|
@@ -3129,24 +3165,24 @@ function SectionHeader({
|
|
|
3129
3165
|
...rest
|
|
3130
3166
|
}) {
|
|
3131
3167
|
const Title = titleAs;
|
|
3132
|
-
return /* @__PURE__ */
|
|
3133
|
-
/* @__PURE__ */
|
|
3134
|
-
subtitle && /* @__PURE__ */
|
|
3168
|
+
return /* @__PURE__ */ jsxs37("div", { ...rest, className: cn52(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
|
|
3169
|
+
/* @__PURE__ */ jsx52(Title, { className: SectionHeader_default.title, children: title }),
|
|
3170
|
+
subtitle && /* @__PURE__ */ jsx52("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
3135
3171
|
] });
|
|
3136
3172
|
}
|
|
3137
3173
|
|
|
3138
3174
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3139
|
-
var IconWrapper_default = {"component":"
|
|
3175
|
+
var IconWrapper_default = {"component":"bds271IconWrapper-component","wrapper":"bds271IconWrapper-wrapper"};
|
|
3140
3176
|
|
|
3141
3177
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3142
|
-
import { cn as
|
|
3143
|
-
import { jsx as
|
|
3178
|
+
import { cn as cn53 } from "@boostdev/design-system-foundation";
|
|
3179
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
3144
3180
|
function IconWrapper({ children, className, ...rest }) {
|
|
3145
|
-
return /* @__PURE__ */
|
|
3181
|
+
return /* @__PURE__ */ jsx53("div", { ...rest, className: cn53(className, IconWrapper_default.wrapper), children });
|
|
3146
3182
|
}
|
|
3147
3183
|
|
|
3148
3184
|
// src/index.ts
|
|
3149
|
-
import { cn as
|
|
3185
|
+
import { cn as cn54 } from "@boostdev/design-system-foundation";
|
|
3150
3186
|
export {
|
|
3151
3187
|
Accordion,
|
|
3152
3188
|
Alert,
|
|
@@ -3168,6 +3204,7 @@ export {
|
|
|
3168
3204
|
Dialog,
|
|
3169
3205
|
Drawer,
|
|
3170
3206
|
DropdownMenu,
|
|
3207
|
+
FieldGroup,
|
|
3171
3208
|
FileInput,
|
|
3172
3209
|
FormInput,
|
|
3173
3210
|
Grid,
|
|
@@ -3199,6 +3236,6 @@ export {
|
|
|
3199
3236
|
ToastProvider,
|
|
3200
3237
|
Tooltip,
|
|
3201
3238
|
Typography,
|
|
3202
|
-
|
|
3239
|
+
cn54 as cn,
|
|
3203
3240
|
useToast
|
|
3204
3241
|
};
|