@boostdev/design-system-components 2.4.1 → 2.5.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/AGENTS.md +4 -20
- package/README.md +3 -23
- package/dist/client.cjs +128 -62
- package/dist/client.css +537 -537
- package/dist/client.d.cts +11 -1
- package/dist/client.d.ts +11 -1
- package/dist/client.js +128 -62
- package/dist/index.cjs +128 -62
- package/dist/index.css +537 -537
- package/dist/index.d.cts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +128 -62
- package/dist/web-components/index.js +36 -4
- package/package.json +2 -10
- package/src/components/layout/Grid/Grid.mdx +20 -2
- package/src/components/layout/Grid/Grid.spec.tsx +206 -4
- package/src/components/layout/Grid/Grid.tsx +15 -1
- package/src/components/layout/Grid/masonry.ts +148 -10
- package/dist/native/index.cjs +0 -4337
- package/dist/native/index.d.cts +0 -574
- package/dist/native/index.d.ts +0 -574
- package/dist/native/index.js +0 -4421
- package/src/components/interaction/Button/Button.native.mdx +0 -91
- package/src/components/interaction/Button/Button.native.spec.tsx +0 -55
- package/src/components/interaction/Button/Button.native.stories.tsx +0 -141
- package/src/components/interaction/Button/Button.native.tsx +0 -105
- package/src/components/interaction/Dialog/Dialog.native.mdx +0 -61
- package/src/components/interaction/Dialog/Dialog.native.spec.tsx +0 -73
- package/src/components/interaction/Dialog/Dialog.native.stories.tsx +0 -53
- package/src/components/interaction/Dialog/Dialog.native.tsx +0 -128
- package/src/components/interaction/Drawer/Drawer.native.mdx +0 -58
- package/src/components/interaction/Drawer/Drawer.native.spec.tsx +0 -81
- package/src/components/interaction/Drawer/Drawer.native.stories.tsx +0 -33
- package/src/components/interaction/Drawer/Drawer.native.tsx +0 -175
- package/src/components/interaction/DropdownMenu/DropdownMenu.native.mdx +0 -74
- package/src/components/interaction/DropdownMenu/DropdownMenu.native.spec.tsx +0 -78
- package/src/components/interaction/DropdownMenu/DropdownMenu.native.stories.tsx +0 -51
- package/src/components/interaction/DropdownMenu/DropdownMenu.native.tsx +0 -254
- package/src/components/interaction/Popover/Popover.native.mdx +0 -61
- package/src/components/interaction/Popover/Popover.native.spec.tsx +0 -73
- package/src/components/interaction/Popover/Popover.native.stories.tsx +0 -44
- package/src/components/interaction/Popover/Popover.native.tsx +0 -87
- package/src/components/interaction/Rating/Rating.native.mdx +0 -55
- package/src/components/interaction/Rating/Rating.native.spec.tsx +0 -38
- package/src/components/interaction/Rating/Rating.native.stories.tsx +0 -37
- package/src/components/interaction/Rating/Rating.native.tsx +0 -50
- package/src/components/interaction/Toast/Toast.native.mdx +0 -81
- package/src/components/interaction/Toast/Toast.native.spec.tsx +0 -80
- package/src/components/interaction/Toast/Toast.native.stories.tsx +0 -47
- package/src/components/interaction/Toast/Toast.native.tsx +0 -202
- package/src/components/interaction/form/Checkbox/Checkbox.native.mdx +0 -74
- package/src/components/interaction/form/Checkbox/Checkbox.native.spec.tsx +0 -42
- package/src/components/interaction/form/Checkbox/Checkbox.native.stories.tsx +0 -34
- package/src/components/interaction/form/Checkbox/Checkbox.native.tsx +0 -80
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.mdx +0 -78
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.spec.tsx +0 -57
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.stories.tsx +0 -96
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.tsx +0 -61
- package/src/components/interaction/form/Combobox/Combobox.native.mdx +0 -86
- package/src/components/interaction/form/Combobox/Combobox.native.spec.tsx +0 -60
- package/src/components/interaction/form/Combobox/Combobox.native.stories.tsx +0 -99
- package/src/components/interaction/form/Combobox/Combobox.native.tsx +0 -211
- package/src/components/interaction/form/FileInput/FileInput.native.mdx +0 -86
- package/src/components/interaction/form/FileInput/FileInput.native.spec.tsx +0 -73
- package/src/components/interaction/form/FileInput/FileInput.native.stories.tsx +0 -69
- package/src/components/interaction/form/FileInput/FileInput.native.tsx +0 -129
- package/src/components/interaction/form/FormInput/FormInput.native.mdx +0 -81
- package/src/components/interaction/form/FormInput/FormInput.native.spec.tsx +0 -51
- package/src/components/interaction/form/FormInput/FormInput.native.stories.tsx +0 -54
- package/src/components/interaction/form/FormInput/FormInput.native.tsx +0 -122
- package/src/components/interaction/form/NumberInput/NumberInput.native.mdx +0 -87
- package/src/components/interaction/form/NumberInput/NumberInput.native.spec.tsx +0 -63
- package/src/components/interaction/form/NumberInput/NumberInput.native.stories.tsx +0 -63
- package/src/components/interaction/form/NumberInput/NumberInput.native.tsx +0 -198
- package/src/components/interaction/form/Radio/Radio.native.spec.tsx +0 -79
- package/src/components/interaction/form/Radio/Radio.native.stories.tsx +0 -44
- package/src/components/interaction/form/Radio/Radio.native.tsx +0 -79
- package/src/components/interaction/form/RadioGroup/RadioGroup.native.mdx +0 -79
- package/src/components/interaction/form/RadioGroup/RadioGroup.native.spec.tsx +0 -66
- package/src/components/interaction/form/RadioGroup/RadioGroup.native.stories.tsx +0 -96
- package/src/components/interaction/form/RadioGroup/RadioGroup.native.tsx +0 -61
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.native.mdx +0 -78
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.native.spec.tsx +0 -82
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.native.stories.tsx +0 -99
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.native.tsx +0 -121
- package/src/components/interaction/form/Select/Select.native.mdx +0 -85
- package/src/components/interaction/form/Select/Select.native.spec.tsx +0 -64
- package/src/components/interaction/form/Select/Select.native.stories.tsx +0 -75
- package/src/components/interaction/form/Select/Select.native.tsx +0 -252
- package/src/components/interaction/form/Slider/Slider.native.mdx +0 -83
- package/src/components/interaction/form/Slider/Slider.native.spec.tsx +0 -51
- package/src/components/interaction/form/Slider/Slider.native.stories.tsx +0 -58
- package/src/components/interaction/form/Slider/Slider.native.tsx +0 -188
- package/src/components/interaction/form/Switch/Switch.native.spec.tsx +0 -60
- package/src/components/interaction/form/Switch/Switch.native.stories.tsx +0 -33
- package/src/components/interaction/form/Switch/Switch.native.tsx +0 -59
- package/src/components/interaction/form/Textarea/Textarea.native.mdx +0 -76
- package/src/components/interaction/form/Textarea/Textarea.native.spec.tsx +0 -50
- package/src/components/interaction/form/Textarea/Textarea.native.stories.tsx +0 -50
- package/src/components/interaction/form/Textarea/Textarea.native.tsx +0 -108
- package/src/components/interaction/form/atoms/Label.native.spec.tsx +0 -39
- package/src/components/interaction/form/atoms/Label.native.stories.tsx +0 -18
- package/src/components/interaction/form/atoms/Label.native.tsx +0 -29
- package/src/components/interaction/form/atoms/Message.native.spec.tsx +0 -30
- package/src/components/interaction/form/atoms/Message.native.stories.tsx +0 -22
- package/src/components/interaction/form/atoms/Message.native.tsx +0 -34
- package/src/components/layout/ButtonGroup/ButtonGroup.native.spec.tsx +0 -83
- package/src/components/layout/ButtonGroup/ButtonGroup.native.stories.tsx +0 -44
- package/src/components/layout/ButtonGroup/ButtonGroup.native.tsx +0 -44
- package/src/components/layout/Card/Card.native.spec.tsx +0 -102
- package/src/components/layout/Card/Card.native.stories.tsx +0 -51
- package/src/components/layout/Card/Card.native.tsx +0 -89
- package/src/components/layout/IconWrapper/IconWrapper.native.spec.tsx +0 -39
- package/src/components/layout/IconWrapper/IconWrapper.native.stories.tsx +0 -37
- package/src/components/layout/IconWrapper/IconWrapper.native.tsx +0 -20
- package/src/components/layout/SectionHeader/SectionHeader.native.spec.tsx +0 -51
- package/src/components/layout/SectionHeader/SectionHeader.native.stories.tsx +0 -36
- package/src/components/layout/SectionHeader/SectionHeader.native.tsx +0 -79
- package/src/components/ui/Accordion/Accordion.native.mdx +0 -65
- package/src/components/ui/Accordion/Accordion.native.spec.tsx +0 -69
- package/src/components/ui/Accordion/Accordion.native.stories.tsx +0 -52
- package/src/components/ui/Accordion/Accordion.native.tsx +0 -141
- package/src/components/ui/Alert/Alert.native.mdx +0 -62
- package/src/components/ui/Alert/Alert.native.spec.tsx +0 -76
- package/src/components/ui/Alert/Alert.native.stories.tsx +0 -41
- package/src/components/ui/Alert/Alert.native.tsx +0 -94
- package/src/components/ui/Avatar/Avatar.native.mdx +0 -50
- package/src/components/ui/Avatar/Avatar.native.spec.tsx +0 -47
- package/src/components/ui/Avatar/Avatar.native.stories.tsx +0 -32
- package/src/components/ui/Avatar/Avatar.native.tsx +0 -85
- package/src/components/ui/Badge/Badge.native.mdx +0 -54
- package/src/components/ui/Badge/Badge.native.spec.tsx +0 -45
- package/src/components/ui/Badge/Badge.native.stories.tsx +0 -34
- package/src/components/ui/Badge/Badge.native.tsx +0 -50
- package/src/components/ui/Breadcrumb/Breadcrumb.native.mdx +0 -52
- package/src/components/ui/Breadcrumb/Breadcrumb.native.spec.tsx +0 -49
- package/src/components/ui/Breadcrumb/Breadcrumb.native.stories.tsx +0 -46
- package/src/components/ui/Breadcrumb/Breadcrumb.native.tsx +0 -83
- package/src/components/ui/Calendar/Calendar.native.mdx +0 -58
- package/src/components/ui/Calendar/Calendar.native.spec.tsx +0 -92
- package/src/components/ui/Calendar/Calendar.native.stories.tsx +0 -45
- package/src/components/ui/Calendar/Calendar.native.tsx +0 -294
- package/src/components/ui/Carousel/Carousel.native.mdx +0 -55
- package/src/components/ui/Carousel/Carousel.native.spec.tsx +0 -55
- package/src/components/ui/Carousel/Carousel.native.stories.tsx +0 -59
- package/src/components/ui/Carousel/Carousel.native.tsx +0 -184
- package/src/components/ui/Collapsible/Collapsible.native.mdx +0 -53
- package/src/components/ui/Collapsible/Collapsible.native.spec.tsx +0 -68
- package/src/components/ui/Collapsible/Collapsible.native.stories.tsx +0 -48
- package/src/components/ui/Collapsible/Collapsible.native.tsx +0 -139
- package/src/components/ui/DescriptionList/DescriptionList.native.mdx +0 -50
- package/src/components/ui/DescriptionList/DescriptionList.native.spec.tsx +0 -37
- package/src/components/ui/DescriptionList/DescriptionList.native.stories.tsx +0 -48
- package/src/components/ui/DescriptionList/DescriptionList.native.tsx +0 -54
- package/src/components/ui/Link/Link.native.mdx +0 -53
- package/src/components/ui/Link/Link.native.spec.tsx +0 -35
- package/src/components/ui/Link/Link.native.stories.tsx +0 -46
- package/src/components/ui/Link/Link.native.tsx +0 -48
- package/src/components/ui/Loading/Loading.native.spec.tsx +0 -24
- package/src/components/ui/Loading/Loading.native.stories.tsx +0 -31
- package/src/components/ui/Loading/Loading.native.tsx +0 -29
- package/src/components/ui/NotificationBanner/NotificationBanner.native.spec.tsx +0 -85
- package/src/components/ui/NotificationBanner/NotificationBanner.native.stories.tsx +0 -37
- package/src/components/ui/NotificationBanner/NotificationBanner.native.tsx +0 -76
- package/src/components/ui/Pagination/Pagination.native.mdx +0 -62
- package/src/components/ui/Pagination/Pagination.native.spec.tsx +0 -86
- package/src/components/ui/Pagination/Pagination.native.stories.tsx +0 -47
- package/src/components/ui/Pagination/Pagination.native.tsx +0 -157
- package/src/components/ui/Progress/Progress.native.spec.tsx +0 -56
- package/src/components/ui/Progress/Progress.native.stories.tsx +0 -34
- package/src/components/ui/Progress/Progress.native.tsx +0 -84
- package/src/components/ui/ProgressCircle/ProgressCircle.native.mdx +0 -63
- package/src/components/ui/ProgressCircle/ProgressCircle.native.spec.tsx +0 -39
- package/src/components/ui/ProgressCircle/ProgressCircle.native.stories.tsx +0 -36
- package/src/components/ui/ProgressCircle/ProgressCircle.native.tsx +0 -176
- package/src/components/ui/Separator/Separator.native.spec.tsx +0 -39
- package/src/components/ui/Separator/Separator.native.stories.tsx +0 -38
- package/src/components/ui/Separator/Separator.native.tsx +0 -32
- package/src/components/ui/Skeleton/Skeleton.native.spec.tsx +0 -39
- package/src/components/ui/Skeleton/Skeleton.native.stories.tsx +0 -31
- package/src/components/ui/Skeleton/Skeleton.native.tsx +0 -42
- package/src/components/ui/Table/Table.native.mdx +0 -72
- package/src/components/ui/Table/Table.native.spec.tsx +0 -83
- package/src/components/ui/Table/Table.native.stories.tsx +0 -55
- package/src/components/ui/Table/Table.native.tsx +0 -196
- package/src/components/ui/Tabs/Tabs.native.mdx +0 -65
- package/src/components/ui/Tabs/Tabs.native.spec.tsx +0 -65
- package/src/components/ui/Tabs/Tabs.native.stories.tsx +0 -57
- package/src/components/ui/Tabs/Tabs.native.tsx +0 -133
- package/src/components/ui/Tooltip/Tooltip.native.mdx +0 -47
- package/src/components/ui/Tooltip/Tooltip.native.spec.tsx +0 -37
- package/src/components/ui/Tooltip/Tooltip.native.stories.tsx +0 -38
- package/src/components/ui/Tooltip/Tooltip.native.tsx +0 -57
- package/src/components/ui/Typography/Typography.native.mdx +0 -56
- package/src/components/ui/Typography/Typography.native.spec.tsx +0 -49
- package/src/components/ui/Typography/Typography.native.stories.tsx +0 -36
- package/src/components/ui/Typography/Typography.native.tsx +0 -65
- package/src/native/ThemeContext.tsx +0 -28
- package/src/native/tokens.ts +0 -13
- package/src/native.ts +0 -76
- package/src/stories/ReactNative.mdx +0 -156
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":"bds250Accordion-component","accordion":"bds250Accordion-accordion","item":"bds250Accordion-item","heading":"bds250Accordion-heading","trigger":"bds250Accordion-trigger","triggerLabel":"bds250Accordion-triggerLabel","chevron":"bds250Accordion-chevron","--open":"bds250Accordion---open","panel":"bds250Accordion-panel","panelContent":"bds250Accordion-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":"bds250Alert-component","alert":"bds250Alert-alert","--variant_info":"bds250Alert---variant_info","--variant_success":"bds250Alert---variant_success","--variant_warning":"bds250Alert---variant_warning","--variant_error":"bds250Alert---variant_error","icon":"bds250Alert-icon","content":"bds250Alert-content","title":"bds250Alert-title","dismiss":"bds250Alert-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":"bds250Avatar-component","avatar":"bds250Avatar-avatar","--fallback":"bds250Avatar---fallback","--size_small":"bds250Avatar---size_small","--size_medium":"bds250Avatar---size_medium","--size_large":"bds250Avatar---size_large","image":"bds250Avatar-image","initials":"bds250Avatar-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":"bds250Badge-component","badge":"bds250Badge-badge","--variant_primary":"bds250Badge---variant_primary","--variant_secondary":"bds250Badge---variant_secondary","--variant_success":"bds250Badge---variant_success","--variant_error":"bds250Badge---variant_error","--variant_warning":"bds250Badge---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":"bds250Breadcrumb-component","breadcrumb":"bds250Breadcrumb-breadcrumb","list":"bds250Breadcrumb-list","item":"bds250Breadcrumb-item","link":"bds250Breadcrumb-link","separator":"bds250Breadcrumb-separator","current":"bds250Breadcrumb-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":"bds250Collapsible-component","collapsible":"bds250Collapsible-collapsible","summary":"bds250Collapsible-summary","summaryContent":"bds250Collapsible-summaryContent","icon":"bds250Collapsible-icon","content":"bds250Collapsible-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":"bds250Calendar-component","calendar":"bds250Calendar-calendar","header":"bds250Calendar-header","monthYear":"bds250Calendar-monthYear","navBtn":"bds250Calendar-navBtn","grid":"bds250Calendar-grid","weekday":"bds250Calendar-weekday","empty":"bds250Calendar-empty","day":"bds250Calendar-day","disabled":"bds250Calendar-disabled","selected":"bds250Calendar-selected","today":"bds250Calendar-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":"bds250Carousel-component","carousel":"bds250Carousel-carousel","track":"bds250Carousel-track","slide":"bds250Carousel-slide","navBtn":"bds250Carousel-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":"bds250DescriptionList-component","list":"bds250DescriptionList-list","group":"bds250DescriptionList-group","term":"bds250DescriptionList-term","details":"bds250DescriptionList-details","--layout_inline":"bds250DescriptionList---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":"bds250Link-component","link":"bds250Link-link","--variant_default":"bds250Link---variant_default","--variant_subtle":"bds250Link---variant_subtle","--variant_standalone":"bds250Link---variant_standalone","externalLabel":"bds250Link-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":"bds250Loading-component","loading":"bds250Loading-loading","spinner":"bds250Loading-spinner","--size_small":"bds250Loading---size_small","--size_large":"bds250Loading---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":"bds250NotificationBanner-component","banner":"bds250NotificationBanner-banner","--variant_info":"bds250NotificationBanner---variant_info","--variant_success":"bds250NotificationBanner---variant_success","--variant_warning":"bds250NotificationBanner---variant_warning","--variant_error":"bds250NotificationBanner---variant_error","content":"bds250NotificationBanner-content","action":"bds250NotificationBanner-action","dismiss":"bds250NotificationBanner-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":"bds250Pagination-component","pagination":"bds250Pagination-pagination","list":"bds250Pagination-list","button":"bds250Pagination-button","--active":"bds250Pagination---active","--nav":"bds250Pagination---nav","ellipsis":"bds250Pagination-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":"bds250Progress-component","container":"bds250Progress-container","labelRow":"bds250Progress-labelRow","value":"bds250Progress-value","track":"bds250Progress-track","--size_small":"bds250Progress---size_small","--size_medium":"bds250Progress---size_medium","--size_large":"bds250Progress---size_large","fill":"bds250Progress-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":"bds250ProgressCircle-component","wrapper":"bds250ProgressCircle-wrapper","svg":"bds250ProgressCircle-svg","track":"bds250ProgressCircle-track","fill":"bds250ProgressCircle-fill","value":"bds250ProgressCircle-value","--size_small":"bds250ProgressCircle---size_small","--size_medium":"bds250ProgressCircle---size_medium","--size_large":"bds250ProgressCircle---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":"bds250Separator-component","separator":"bds250Separator-separator","--horizontal":"bds250Separator---horizontal","--vertical":"bds250Separator---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":"bds250Skeleton-component","skeleton":"bds250Skeleton-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":"bds250SkipLink-component","skipLink":"bds250SkipLink-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":"bds250Table-component","wrapper":"bds250Table-wrapper","table":"bds250Table-table","caption":"bds250Table-caption","thead":"bds250Table-thead","th":"bds250Table-th","--sortable":"bds250Table---sortable","sortButton":"bds250Table-sortButton","sortIcon":"bds250Table-sortIcon","--sort-active":"bds250Table---sort-active","--sort-desc":"bds250Table---sort-desc","tbody":"bds250Table-tbody","tr":"bds250Table-tr","td":"bds250Table-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":"bds250Tabs-component","tabs":"bds250Tabs-tabs","tabList":"bds250Tabs-tabList","tab":"bds250Tabs-tab","--active":"bds250Tabs---active","panel":"bds250Tabs-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":"bds250Tooltip-component","wrapper":"bds250Tooltip-wrapper","tooltip":"bds250Tooltip-tooltip","--placement_top":"bds250Tooltip---placement_top","--placement_bottom":"bds250Tooltip---placement_bottom","--placement_left":"bds250Tooltip---placement_left","--placement_right":"bds250Tooltip---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":"bds250Typography-component","typography":"bds250Typography-typography","--h1":"bds250Typography---h1","--h2":"bds250Typography---h2","--h3":"bds250Typography---h3","--body":"bds250Typography---body","--body_s":"bds250Typography---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":"bds250Button-component","button":"bds250Button-button","--default":"bds250Button---default","--outline":"bds250Button---outline","--ghost":"bds250Button---ghost","--size_small":"bds250Button---size_small","--size_medium":"bds250Button---size_medium","--size_large":"bds250Button---size_large","--hasPulse":"bds250Button---hasPulse","iconStart":"bds250Button-iconStart","iconEnd":"bds250Button-iconEnd","--iconOnly":"bds250Button---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":"bds250Command-component","dialog":"bds250Command-dialog","palette":"bds250Command-palette","searchRow":"bds250Command-searchRow","searchIcon":"bds250Command-searchIcon","search":"bds250Command-search","escHint":"bds250Command-escHint","list":"bds250Command-list","groupList":"bds250Command-groupList","group":"bds250Command-group","item":"bds250Command-item","itemActive":"bds250Command-itemActive","itemLabel":"bds250Command-itemLabel","itemDesc":"bds250Command-itemDesc","shortcut":"bds250Command-shortcut","empty":"bds250Command-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":"bds250Dialog-component","dialog":"bds250Dialog-dialog","dialogContent":"bds250Dialog-dialogContent","closeButton":"bds250Dialog-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":"bds250Drawer-component","drawer":"bds250Drawer-drawer","--side_left":"bds250Drawer---side_left","header":"bds250Drawer-header","closeButton":"bds250Drawer-closeButton","body":"bds250Drawer-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":"bds250DropdownMenu-component","wrapper":"bds250DropdownMenu-wrapper","menu":"bds250DropdownMenu-menu","--placement_bottom-start":"bds250DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds250DropdownMenu---placement_bottom-end","separator":"bds250DropdownMenu-separator","item":"bds250DropdownMenu-item","icon":"bds250DropdownMenu-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":"bds250Popover-component","wrapper":"bds250Popover-wrapper","panel":"bds250Popover-panel","g":"bds250Popover-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":"bds250Rating-component","rating":"bds250Rating-rating","star":"bds250Rating-star","--filled":"bds250Rating---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":"bds250Toast-component","toastContainer":"bds250Toast-toastContainer","toast":"bds250Toast-toast","--variant_success":"bds250Toast---variant_success","--variant_warning":"bds250Toast---variant_warning","--variant_info":"bds250Toast---variant_info","--variant_error":"bds250Toast---variant_error","message":"bds250Toast-message","closeButton":"bds250Toast-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":"bds250Checkbox-component","checkboxGroup":"bds250Checkbox-checkboxGroup","inputWrapper":"bds250Checkbox-inputWrapper","checkbox":"bds250Checkbox-checkbox","checkboxError":"bds250Checkbox-checkboxError"};
|
|
1803
1803
|
|
|
1804
1804
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1805
|
-
var Message_default = {"component":"
|
|
1805
|
+
var Message_default = {"component":"bds250Message-component","error":"bds250Message-error","hint":"bds250Message-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":"bds250Label-component","label":"bds250Label-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":"bds250InputContainer-component","container":"bds250InputContainer-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":"bds250CheckboxGroup-component","group":"bds250CheckboxGroup-group","legend":"bds250CheckboxGroup-legend","required":"bds250CheckboxGroup-required","items":"bds250CheckboxGroup-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":"bds250Combobox-component","formGroup":"bds250Combobox-formGroup","inputWrapper":"bds250Combobox-inputWrapper","input":"bds250Combobox-input","inputError":"bds250Combobox-inputError","chevron":"bds250Combobox-chevron","listbox":"bds250Combobox-listbox","option":"bds250Combobox-option","--highlighted":"bds250Combobox---highlighted","--selected":"bds250Combobox---selected","--disabled":"bds250Combobox---disabled"};
|
|
1919
1919
|
|
|
1920
1920
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1921
1921
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2066,7 +2066,7 @@ function Combobox({
|
|
|
2066
2066
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2067
2067
|
|
|
2068
2068
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2069
|
-
var FileInput_default = {"component":"
|
|
2069
|
+
var FileInput_default = {"component":"bds250FileInput-component","formGroup":"bds250FileInput-formGroup","fieldLabel":"bds250FileInput-fieldLabel","dropZone":"bds250FileInput-dropZone","isDragging":"bds250FileInput-isDragging","hasError":"bds250FileInput-hasError","isDisabled":"bds250FileInput-isDisabled","icon":"bds250FileInput-icon","prompt":"bds250FileInput-prompt","acceptHint":"bds250FileInput-acceptHint","hiddenInput":"bds250FileInput-hiddenInput"};
|
|
2070
2070
|
|
|
2071
2071
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2072
2072
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2167,7 +2167,7 @@ function FileInput({
|
|
|
2167
2167
|
import { useId as useId15 } from "react";
|
|
2168
2168
|
|
|
2169
2169
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2170
|
-
var FormInput_default = {"component":"
|
|
2170
|
+
var FormInput_default = {"component":"bds250FormInput-component","formGroup":"bds250FormInput-formGroup","input":"bds250FormInput-input","inputError":"bds250FormInput-inputError"};
|
|
2171
2171
|
|
|
2172
2172
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2173
2173
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2211,7 +2211,7 @@ function FormInput({
|
|
|
2211
2211
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2212
2212
|
|
|
2213
2213
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2214
|
-
var NumberInput_default = {"component":"
|
|
2214
|
+
var NumberInput_default = {"component":"bds250NumberInput-component","formGroup":"bds250NumberInput-formGroup","inputRow":"bds250NumberInput-inputRow","input":"bds250NumberInput-input","inputError":"bds250NumberInput-inputError","stepper":"bds250NumberInput-stepper"};
|
|
2215
2215
|
|
|
2216
2216
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2217
2217
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2316,7 +2316,7 @@ function NumberInput({
|
|
|
2316
2316
|
import { useId as useId17 } from "react";
|
|
2317
2317
|
|
|
2318
2318
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2319
|
-
var Radio_default = {"component":"
|
|
2319
|
+
var Radio_default = {"component":"bds250Radio-component","radioGroup":"bds250Radio-radioGroup","inputWrapper":"bds250Radio-inputWrapper","textWrapper":"bds250Radio-textWrapper","description":"bds250Radio-description","radio":"bds250Radio-radio","radioError":"bds250Radio-radioError"};
|
|
2320
2320
|
|
|
2321
2321
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2322
2322
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2354,7 +2354,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2354
2354
|
import { useId as useId18 } from "react";
|
|
2355
2355
|
|
|
2356
2356
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2357
|
-
var RadioGroup_default = {"component":"
|
|
2357
|
+
var RadioGroup_default = {"component":"bds250RadioGroup-component","group":"bds250RadioGroup-group","legend":"bds250RadioGroup-legend","required":"bds250RadioGroup-required","items":"bds250RadioGroup-items"};
|
|
2358
2358
|
|
|
2359
2359
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2360
2360
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2396,7 +2396,7 @@ function RadioGroup({
|
|
|
2396
2396
|
import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2397
2397
|
|
|
2398
2398
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2399
|
-
var SegmentedControl_default = {"component":"
|
|
2399
|
+
var SegmentedControl_default = {"component":"bds250SegmentedControl-component","control":"bds250SegmentedControl-control","thumb":"bds250SegmentedControl-thumb","indicator":"bds250SegmentedControl-indicator","item":"bds250SegmentedControl-item","--active":"bds250SegmentedControl---active","--disabled":"bds250SegmentedControl---disabled","--size_small":"bds250SegmentedControl---size_small","--size_large":"bds250SegmentedControl---size_large","--variant_outline":"bds250SegmentedControl---variant_outline"};
|
|
2400
2400
|
|
|
2401
2401
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2402
2402
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2452,7 +2452,7 @@ function SegmentedControl({
|
|
|
2452
2452
|
import { useId as useId19 } from "react";
|
|
2453
2453
|
|
|
2454
2454
|
// src/components/interaction/form/Select/Select.module.css
|
|
2455
|
-
var Select_default = {"component":"
|
|
2455
|
+
var Select_default = {"component":"bds250Select-component","formGroup":"bds250Select-formGroup","selectWrapper":"bds250Select-selectWrapper","select":"bds250Select-select","selectError":"bds250Select-selectError","chevron":"bds250Select-chevron"};
|
|
2456
2456
|
|
|
2457
2457
|
// src/components/interaction/form/Select/Select.tsx
|
|
2458
2458
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2503,7 +2503,7 @@ function Select({
|
|
|
2503
2503
|
import { useId as useId20, useState as useState12 } from "react";
|
|
2504
2504
|
|
|
2505
2505
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2506
|
-
var Slider_default = {"component":"
|
|
2506
|
+
var Slider_default = {"component":"bds250Slider-component","formGroup":"bds250Slider-formGroup","labelRow":"bds250Slider-labelRow","value":"bds250Slider-value","slider":"bds250Slider-slider","sliderError":"bds250Slider-sliderError"};
|
|
2507
2507
|
|
|
2508
2508
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2509
2509
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2565,7 +2565,7 @@ function Slider({
|
|
|
2565
2565
|
import { useId as useId21 } from "react";
|
|
2566
2566
|
|
|
2567
2567
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2568
|
-
var Switch_default = {"component":"
|
|
2568
|
+
var Switch_default = {"component":"bds250Switch-component","switchGroup":"bds250Switch-switchGroup","--size_small":"bds250Switch---size_small","--size_medium":"bds250Switch---size_medium","--size_large":"bds250Switch---size_large","inputWrapper":"bds250Switch-inputWrapper","trackWrapper":"bds250Switch-trackWrapper","switch":"bds250Switch-switch","track":"bds250Switch-track","thumb":"bds250Switch-thumb","switchError":"bds250Switch-switchError"};
|
|
2569
2569
|
|
|
2570
2570
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2571
2571
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2613,7 +2613,7 @@ function Switch({
|
|
|
2613
2613
|
import { useId as useId22 } from "react";
|
|
2614
2614
|
|
|
2615
2615
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2616
|
-
var Textarea_default = {"component":"
|
|
2616
|
+
var Textarea_default = {"component":"bds250Textarea-component","formGroup":"bds250Textarea-formGroup","textarea":"bds250Textarea-textarea","textareaError":"bds250Textarea-textareaError"};
|
|
2617
2617
|
|
|
2618
2618
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2619
2619
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2652,7 +2652,7 @@ function Textarea({
|
|
|
2652
2652
|
}
|
|
2653
2653
|
|
|
2654
2654
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2655
|
-
var ButtonGroup_default = {"component":"
|
|
2655
|
+
var ButtonGroup_default = {"component":"bds250ButtonGroup-component","buttonGroup":"bds250ButtonGroup-buttonGroup","container":"bds250ButtonGroup-container","--variant_card":"bds250ButtonGroup---variant_card","--variant_flow":"bds250ButtonGroup---variant_flow","--variant_modal":"bds250ButtonGroup---variant_modal","--variant_content":"bds250ButtonGroup---variant_content","--variant_grid":"bds250ButtonGroup---variant_grid"};
|
|
2656
2656
|
|
|
2657
2657
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2658
2658
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
@@ -2671,7 +2671,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
|
|
|
2671
2671
|
var ButtonGroup = ButtonContainer;
|
|
2672
2672
|
|
|
2673
2673
|
// src/components/layout/Card/Card.module.css
|
|
2674
|
-
var Card_default = {"component":"
|
|
2674
|
+
var Card_default = {"component":"bds250Card-component","card":"bds250Card-card","--default":"bds250Card---default","--elevated":"bds250Card---elevated","--outlined":"bds250Card---outlined","--clickable":"bds250Card---clickable","--padding-none":"bds250Card---padding-none","--padding-small":"bds250Card---padding-small","--padding-medium":"bds250Card---padding-medium","--padding-large":"bds250Card---padding-large","--padding-extra-large":"bds250Card---padding-extra-large","--text-start":"bds250Card---text-start","--text-center":"bds250Card---text-center","--text-end":"bds250Card---text-end"};
|
|
2675
2675
|
|
|
2676
2676
|
// src/components/layout/Card/Card.tsx
|
|
2677
2677
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -2715,7 +2715,7 @@ import {
|
|
|
2715
2715
|
} from "react";
|
|
2716
2716
|
|
|
2717
2717
|
// src/components/layout/Grid/Grid.module.css
|
|
2718
|
-
var Grid_default = {"component":"
|
|
2718
|
+
var Grid_default = {"component":"bds250Grid-component","grid":"bds250Grid-grid","--main":"bds250Grid---main","--page":"bds250Grid---page","--funnel":"bds250Grid---funnel","--custom":"bds250Grid---custom","--centered":"bds250Grid---centered","item":"bds250Grid-item","w3":"bds250Grid-w3","org":"bds250Grid-org","ts":"bds250Grid-ts","--masonry":"bds250Grid---masonry"};
|
|
2719
2719
|
|
|
2720
2720
|
// src/components/layout/Grid/Grid.tsx
|
|
2721
2721
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -2745,16 +2745,17 @@ function resolvePreferredColumns(container, value, totalCols) {
|
|
|
2745
2745
|
if (Number.isFinite(n) && n > 0) return Math.min(totalCols, n);
|
|
2746
2746
|
return Math.max(1, Math.round(totalCols * NAMED_SPAN_FRACTION[value]));
|
|
2747
2747
|
}
|
|
2748
|
-
var
|
|
2748
|
+
var TARGET_MAX_IMPLICIT_ROWS = 5e3;
|
|
2749
2749
|
function supportsNativeMasonry() {
|
|
2750
2750
|
if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return false;
|
|
2751
2751
|
return CSS.supports("display", "grid-lanes") || CSS.supports("grid-template-rows", "masonry");
|
|
2752
2752
|
}
|
|
2753
2753
|
var ORIGINAL_COL_ATTR = "data-bds-masonry-original-column";
|
|
2754
|
+
var LAST_SPAN_ATTR = "data-bds-masonry-span";
|
|
2755
|
+
var UNIT_ATTR = "data-bds-masonry-unit";
|
|
2754
2756
|
function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
2755
2757
|
const cs = window.getComputedStyle(container);
|
|
2756
2758
|
const targetGap = parseFloat(cs.columnGap) || 0;
|
|
2757
|
-
container.style.gridAutoRows = `${ROW_UNIT_PX}px`;
|
|
2758
2759
|
container.style.rowGap = "0px";
|
|
2759
2760
|
container.style.gridAutoFlow = "dense";
|
|
2760
2761
|
container.style.overflowAnchor = "none";
|
|
@@ -2792,9 +2793,38 @@ function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
|
2792
2793
|
}
|
|
2793
2794
|
}
|
|
2794
2795
|
const heights = children.map((child) => child.offsetHeight);
|
|
2796
|
+
const cols = countGridColumns(container) || 1;
|
|
2797
|
+
const totalRowSum = heights.reduce(
|
|
2798
|
+
(s, h) => s + Math.max(1, Math.ceil(h + targetGap)),
|
|
2799
|
+
0
|
|
2800
|
+
);
|
|
2801
|
+
const projectedRows = totalRowSum / cols;
|
|
2802
|
+
const autoUnit = Math.max(
|
|
2803
|
+
1,
|
|
2804
|
+
Math.ceil(projectedRows / TARGET_MAX_IMPLICIT_ROWS)
|
|
2805
|
+
);
|
|
2806
|
+
const rowUnit = options.rowUnitPx !== void 0 && options.rowUnitPx > 0 ? Math.floor(options.rowUnitPx) : autoUnit;
|
|
2807
|
+
container.style.gridAutoRows = `${rowUnit}px`;
|
|
2808
|
+
const prevUnit = container.getAttribute(UNIT_ATTR);
|
|
2809
|
+
if (prevUnit !== String(rowUnit)) {
|
|
2810
|
+
for (const child of children) child.removeAttribute(LAST_SPAN_ATTR);
|
|
2811
|
+
container.setAttribute(UNIT_ATTR, String(rowUnit));
|
|
2812
|
+
}
|
|
2813
|
+
const spans = heights.map(
|
|
2814
|
+
(h) => Math.max(1, Math.ceil((h + targetGap) / rowUnit))
|
|
2815
|
+
);
|
|
2816
|
+
let changed = false;
|
|
2795
2817
|
for (let i = 0; i < children.length; i++) {
|
|
2796
|
-
const
|
|
2797
|
-
|
|
2818
|
+
const prev = children[i].getAttribute(LAST_SPAN_ATTR);
|
|
2819
|
+
if (prev !== String(spans[i])) {
|
|
2820
|
+
changed = true;
|
|
2821
|
+
break;
|
|
2822
|
+
}
|
|
2823
|
+
}
|
|
2824
|
+
if (!changed) return;
|
|
2825
|
+
for (let i = 0; i < children.length; i++) {
|
|
2826
|
+
children[i].style.gridRowEnd = `span ${spans[i]}`;
|
|
2827
|
+
children[i].setAttribute(LAST_SPAN_ATTR, String(spans[i]));
|
|
2798
2828
|
}
|
|
2799
2829
|
}
|
|
2800
2830
|
function countGridColumns(container) {
|
|
@@ -2821,6 +2851,7 @@ function clearMasonryLayout(container, rawChildren) {
|
|
|
2821
2851
|
container.style.gridAutoFlow = "";
|
|
2822
2852
|
container.style.rowGap = "";
|
|
2823
2853
|
container.style.overflowAnchor = "";
|
|
2854
|
+
container.removeAttribute(UNIT_ATTR);
|
|
2824
2855
|
for (const child of rawChildren) {
|
|
2825
2856
|
if (child.nodeType !== 1) continue;
|
|
2826
2857
|
child.style.gridRow = "";
|
|
@@ -2828,6 +2859,7 @@ function clearMasonryLayout(container, rawChildren) {
|
|
|
2828
2859
|
child.style.gridRowEnd = "";
|
|
2829
2860
|
child.style.alignSelf = "";
|
|
2830
2861
|
child.style.overflowAnchor = "";
|
|
2862
|
+
child.removeAttribute(LAST_SPAN_ATTR);
|
|
2831
2863
|
restoreOriginalColumn(child);
|
|
2832
2864
|
}
|
|
2833
2865
|
}
|
|
@@ -2837,24 +2869,52 @@ function restoreOriginalColumn(el) {
|
|
|
2837
2869
|
el.removeAttribute(ORIGINAL_COL_ATTR);
|
|
2838
2870
|
}
|
|
2839
2871
|
function useMasonry(ref, enabled, options = {}) {
|
|
2840
|
-
const { preferredColumnSpan } = options;
|
|
2872
|
+
const { preferredColumnSpan, rowUnitPx } = options;
|
|
2841
2873
|
useLayoutEffect(() => {
|
|
2842
2874
|
const container = ref.current;
|
|
2843
2875
|
if (!container || !enabled) return;
|
|
2844
2876
|
if (supportsNativeMasonry()) return;
|
|
2845
2877
|
let frame = 0;
|
|
2846
|
-
|
|
2847
|
-
|
|
2878
|
+
let scrollTimer = null;
|
|
2879
|
+
let scrolling = false;
|
|
2880
|
+
let pending = false;
|
|
2881
|
+
const apply = () => {
|
|
2848
2882
|
applyMasonryLayout(container, Array.from(container.children), {
|
|
2849
|
-
preferredColumnSpan
|
|
2883
|
+
preferredColumnSpan,
|
|
2884
|
+
rowUnitPx
|
|
2850
2885
|
});
|
|
2851
2886
|
};
|
|
2887
|
+
const runNow = () => {
|
|
2888
|
+
cancelAnimationFrame(frame);
|
|
2889
|
+
apply();
|
|
2890
|
+
};
|
|
2852
2891
|
const schedule = () => {
|
|
2853
2892
|
cancelAnimationFrame(frame);
|
|
2854
2893
|
frame = requestAnimationFrame(runNow);
|
|
2855
2894
|
};
|
|
2895
|
+
const onResize = () => {
|
|
2896
|
+
if (scrolling) {
|
|
2897
|
+
pending = true;
|
|
2898
|
+
return;
|
|
2899
|
+
}
|
|
2900
|
+
apply();
|
|
2901
|
+
};
|
|
2902
|
+
const SCROLL_IDLE_MS = 150;
|
|
2903
|
+
const onScroll = () => {
|
|
2904
|
+
scrolling = true;
|
|
2905
|
+
if (scrollTimer) clearTimeout(scrollTimer);
|
|
2906
|
+
scrollTimer = setTimeout(() => {
|
|
2907
|
+
scrolling = false;
|
|
2908
|
+
scrollTimer = null;
|
|
2909
|
+
if (pending) {
|
|
2910
|
+
pending = false;
|
|
2911
|
+
apply();
|
|
2912
|
+
}
|
|
2913
|
+
}, SCROLL_IDLE_MS);
|
|
2914
|
+
};
|
|
2915
|
+
window.addEventListener("scroll", onScroll, { passive: true, capture: true });
|
|
2856
2916
|
schedule();
|
|
2857
|
-
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(
|
|
2917
|
+
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(onResize) : null;
|
|
2858
2918
|
const observeDescendants = (child) => {
|
|
2859
2919
|
if (!ro) return;
|
|
2860
2920
|
ro.observe(child);
|
|
@@ -2872,11 +2932,13 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
2872
2932
|
mo?.observe(container, { childList: true });
|
|
2873
2933
|
return () => {
|
|
2874
2934
|
cancelAnimationFrame(frame);
|
|
2935
|
+
if (scrollTimer) clearTimeout(scrollTimer);
|
|
2936
|
+
window.removeEventListener("scroll", onScroll, { capture: true });
|
|
2875
2937
|
ro?.disconnect();
|
|
2876
2938
|
mo?.disconnect();
|
|
2877
2939
|
clearMasonryLayout(container, Array.from(container.children));
|
|
2878
2940
|
};
|
|
2879
|
-
}, [ref, enabled, preferredColumnSpan]);
|
|
2941
|
+
}, [ref, enabled, preferredColumnSpan, rowUnitPx]);
|
|
2880
2942
|
}
|
|
2881
2943
|
|
|
2882
2944
|
// src/components/layout/Grid/Grid.tsx
|
|
@@ -2895,12 +2957,16 @@ function Grid({
|
|
|
2895
2957
|
isMasonry = false,
|
|
2896
2958
|
autoSpanMedia = false,
|
|
2897
2959
|
masonryPreferredColumnSpan,
|
|
2960
|
+
masonryRowUnitPx,
|
|
2898
2961
|
as,
|
|
2899
2962
|
style,
|
|
2900
2963
|
...rest
|
|
2901
2964
|
}) {
|
|
2902
2965
|
const ref = useRef12(null);
|
|
2903
|
-
useMasonry(ref, isMasonry, {
|
|
2966
|
+
useMasonry(ref, isMasonry, {
|
|
2967
|
+
preferredColumnSpan: masonryPreferredColumnSpan,
|
|
2968
|
+
rowUnitPx: masonryRowUnitPx
|
|
2969
|
+
});
|
|
2904
2970
|
const classNames = cn49(
|
|
2905
2971
|
Grid_default.grid,
|
|
2906
2972
|
Grid_default[`--${variant}`],
|
|
@@ -3050,7 +3116,7 @@ function GridItem({
|
|
|
3050
3116
|
}
|
|
3051
3117
|
|
|
3052
3118
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3053
|
-
var SectionHeader_default = {"component":"
|
|
3119
|
+
var SectionHeader_default = {"component":"bds250SectionHeader-component","sectionHeader":"bds250SectionHeader-sectionHeader","title":"bds250SectionHeader-title","subtitle":"bds250SectionHeader-subtitle","--start":"bds250SectionHeader---start","--center":"bds250SectionHeader---center","--end":"bds250SectionHeader---end","--medium":"bds250SectionHeader---medium","--xs":"bds250SectionHeader---xs","--small":"bds250SectionHeader---small","--large":"bds250SectionHeader---large"};
|
|
3054
3120
|
|
|
3055
3121
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3056
3122
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -3072,7 +3138,7 @@ function SectionHeader({
|
|
|
3072
3138
|
}
|
|
3073
3139
|
|
|
3074
3140
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3075
|
-
var IconWrapper_default = {"component":"
|
|
3141
|
+
var IconWrapper_default = {"component":"bds250IconWrapper-component","wrapper":"bds250IconWrapper-wrapper"};
|
|
3076
3142
|
|
|
3077
3143
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3078
3144
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|