@boostdev/design-system-components 2.4.2 → 2.5.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 +4 -20
- package/README.md +3 -23
- package/dist/client.cjs +115 -61
- package/dist/client.css +537 -537
- package/dist/client.d.cts +11 -1
- package/dist/client.d.ts +11 -1
- package/dist/client.js +115 -61
- package/dist/index.cjs +115 -61
- package/dist/index.css +537 -537
- package/dist/index.d.cts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +115 -61
- package/dist/web-components/index.js +23 -3
- package/package.json +2 -10
- package/src/components/layout/Grid/Grid.mdx +20 -2
- package/src/components/layout/Grid/Grid.spec.tsx +194 -4
- package/src/components/layout/Grid/Grid.tsx +15 -1
- package/src/components/layout/Grid/masonry.ts +127 -9
- 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/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":"bds251Accordion-component","accordion":"bds251Accordion-accordion","item":"bds251Accordion-item","heading":"bds251Accordion-heading","trigger":"bds251Accordion-trigger","triggerLabel":"bds251Accordion-triggerLabel","chevron":"bds251Accordion-chevron","--open":"bds251Accordion---open","panel":"bds251Accordion-panel","panelContent":"bds251Accordion-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":"bds251Alert-component","alert":"bds251Alert-alert","--variant_info":"bds251Alert---variant_info","--variant_success":"bds251Alert---variant_success","--variant_warning":"bds251Alert---variant_warning","--variant_error":"bds251Alert---variant_error","icon":"bds251Alert-icon","content":"bds251Alert-content","title":"bds251Alert-title","dismiss":"bds251Alert-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":"bds251Avatar-component","avatar":"bds251Avatar-avatar","--fallback":"bds251Avatar---fallback","--size_small":"bds251Avatar---size_small","--size_medium":"bds251Avatar---size_medium","--size_large":"bds251Avatar---size_large","image":"bds251Avatar-image","initials":"bds251Avatar-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":"bds251Badge-component","badge":"bds251Badge-badge","--variant_primary":"bds251Badge---variant_primary","--variant_secondary":"bds251Badge---variant_secondary","--variant_success":"bds251Badge---variant_success","--variant_error":"bds251Badge---variant_error","--variant_warning":"bds251Badge---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":"bds251Breadcrumb-component","breadcrumb":"bds251Breadcrumb-breadcrumb","list":"bds251Breadcrumb-list","item":"bds251Breadcrumb-item","link":"bds251Breadcrumb-link","separator":"bds251Breadcrumb-separator","current":"bds251Breadcrumb-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":"bds251Collapsible-component","collapsible":"bds251Collapsible-collapsible","summary":"bds251Collapsible-summary","summaryContent":"bds251Collapsible-summaryContent","icon":"bds251Collapsible-icon","content":"bds251Collapsible-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":"bds251Calendar-component","calendar":"bds251Calendar-calendar","header":"bds251Calendar-header","monthYear":"bds251Calendar-monthYear","navBtn":"bds251Calendar-navBtn","grid":"bds251Calendar-grid","weekday":"bds251Calendar-weekday","empty":"bds251Calendar-empty","day":"bds251Calendar-day","disabled":"bds251Calendar-disabled","selected":"bds251Calendar-selected","today":"bds251Calendar-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":"bds251Carousel-component","carousel":"bds251Carousel-carousel","track":"bds251Carousel-track","slide":"bds251Carousel-slide","navBtn":"bds251Carousel-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":"bds251DescriptionList-component","list":"bds251DescriptionList-list","group":"bds251DescriptionList-group","term":"bds251DescriptionList-term","details":"bds251DescriptionList-details","--layout_inline":"bds251DescriptionList---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":"bds251Link-component","link":"bds251Link-link","--variant_default":"bds251Link---variant_default","--variant_subtle":"bds251Link---variant_subtle","--variant_standalone":"bds251Link---variant_standalone","externalLabel":"bds251Link-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":"bds251Loading-component","loading":"bds251Loading-loading","spinner":"bds251Loading-spinner","--size_small":"bds251Loading---size_small","--size_large":"bds251Loading---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":"bds251NotificationBanner-component","banner":"bds251NotificationBanner-banner","--variant_info":"bds251NotificationBanner---variant_info","--variant_success":"bds251NotificationBanner---variant_success","--variant_warning":"bds251NotificationBanner---variant_warning","--variant_error":"bds251NotificationBanner---variant_error","content":"bds251NotificationBanner-content","action":"bds251NotificationBanner-action","dismiss":"bds251NotificationBanner-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":"bds251Pagination-component","pagination":"bds251Pagination-pagination","list":"bds251Pagination-list","button":"bds251Pagination-button","--active":"bds251Pagination---active","--nav":"bds251Pagination---nav","ellipsis":"bds251Pagination-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":"bds251Progress-component","container":"bds251Progress-container","labelRow":"bds251Progress-labelRow","value":"bds251Progress-value","track":"bds251Progress-track","--size_small":"bds251Progress---size_small","--size_medium":"bds251Progress---size_medium","--size_large":"bds251Progress---size_large","fill":"bds251Progress-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":"bds251ProgressCircle-component","wrapper":"bds251ProgressCircle-wrapper","svg":"bds251ProgressCircle-svg","track":"bds251ProgressCircle-track","fill":"bds251ProgressCircle-fill","value":"bds251ProgressCircle-value","--size_small":"bds251ProgressCircle---size_small","--size_medium":"bds251ProgressCircle---size_medium","--size_large":"bds251ProgressCircle---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":"bds251Separator-component","separator":"bds251Separator-separator","--horizontal":"bds251Separator---horizontal","--vertical":"bds251Separator---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":"bds251Skeleton-component","skeleton":"bds251Skeleton-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":"bds251SkipLink-component","skipLink":"bds251SkipLink-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":"bds251Table-component","wrapper":"bds251Table-wrapper","table":"bds251Table-table","caption":"bds251Table-caption","thead":"bds251Table-thead","th":"bds251Table-th","--sortable":"bds251Table---sortable","sortButton":"bds251Table-sortButton","sortIcon":"bds251Table-sortIcon","--sort-active":"bds251Table---sort-active","--sort-desc":"bds251Table---sort-desc","tbody":"bds251Table-tbody","tr":"bds251Table-tr","td":"bds251Table-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":"bds251Tabs-component","tabs":"bds251Tabs-tabs","tabList":"bds251Tabs-tabList","tab":"bds251Tabs-tab","--active":"bds251Tabs---active","panel":"bds251Tabs-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":"bds251Tooltip-component","wrapper":"bds251Tooltip-wrapper","tooltip":"bds251Tooltip-tooltip","--placement_top":"bds251Tooltip---placement_top","--placement_bottom":"bds251Tooltip---placement_bottom","--placement_left":"bds251Tooltip---placement_left","--placement_right":"bds251Tooltip---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":"bds251Typography-component","typography":"bds251Typography-typography","--h1":"bds251Typography---h1","--h2":"bds251Typography---h2","--h3":"bds251Typography---h3","--body":"bds251Typography---body","--body_s":"bds251Typography---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":"bds251Button-component","button":"bds251Button-button","--default":"bds251Button---default","--outline":"bds251Button---outline","--ghost":"bds251Button---ghost","--size_small":"bds251Button---size_small","--size_medium":"bds251Button---size_medium","--size_large":"bds251Button---size_large","--hasPulse":"bds251Button---hasPulse","iconStart":"bds251Button-iconStart","iconEnd":"bds251Button-iconEnd","--iconOnly":"bds251Button---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":"bds251Command-component","dialog":"bds251Command-dialog","palette":"bds251Command-palette","searchRow":"bds251Command-searchRow","searchIcon":"bds251Command-searchIcon","search":"bds251Command-search","escHint":"bds251Command-escHint","list":"bds251Command-list","groupList":"bds251Command-groupList","group":"bds251Command-group","item":"bds251Command-item","itemActive":"bds251Command-itemActive","itemLabel":"bds251Command-itemLabel","itemDesc":"bds251Command-itemDesc","shortcut":"bds251Command-shortcut","empty":"bds251Command-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":"bds251Dialog-component","dialog":"bds251Dialog-dialog","dialogContent":"bds251Dialog-dialogContent","closeButton":"bds251Dialog-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":"bds251Drawer-component","drawer":"bds251Drawer-drawer","--side_left":"bds251Drawer---side_left","header":"bds251Drawer-header","closeButton":"bds251Drawer-closeButton","body":"bds251Drawer-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":"bds251DropdownMenu-component","wrapper":"bds251DropdownMenu-wrapper","menu":"bds251DropdownMenu-menu","--placement_bottom-start":"bds251DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds251DropdownMenu---placement_bottom-end","separator":"bds251DropdownMenu-separator","item":"bds251DropdownMenu-item","icon":"bds251DropdownMenu-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":"bds251Popover-component","wrapper":"bds251Popover-wrapper","panel":"bds251Popover-panel","g":"bds251Popover-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":"bds251Rating-component","rating":"bds251Rating-rating","star":"bds251Rating-star","--filled":"bds251Rating---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":"bds251Toast-component","toastContainer":"bds251Toast-toastContainer","toast":"bds251Toast-toast","--variant_success":"bds251Toast---variant_success","--variant_warning":"bds251Toast---variant_warning","--variant_info":"bds251Toast---variant_info","--variant_error":"bds251Toast---variant_error","message":"bds251Toast-message","closeButton":"bds251Toast-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":"bds251Checkbox-component","checkboxGroup":"bds251Checkbox-checkboxGroup","inputWrapper":"bds251Checkbox-inputWrapper","checkbox":"bds251Checkbox-checkbox","checkboxError":"bds251Checkbox-checkboxError"};
|
|
1801
1801
|
|
|
1802
1802
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1803
|
-
var Message_default = {"component":"
|
|
1803
|
+
var Message_default = {"component":"bds251Message-component","error":"bds251Message-error","hint":"bds251Message-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":"bds251Label-component","label":"bds251Label-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":"bds251InputContainer-component","container":"bds251InputContainer-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":"bds251CheckboxGroup-component","group":"bds251CheckboxGroup-group","legend":"bds251CheckboxGroup-legend","required":"bds251CheckboxGroup-required","items":"bds251CheckboxGroup-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":"bds251Combobox-component","formGroup":"bds251Combobox-formGroup","inputWrapper":"bds251Combobox-inputWrapper","input":"bds251Combobox-input","inputError":"bds251Combobox-inputError","chevron":"bds251Combobox-chevron","listbox":"bds251Combobox-listbox","option":"bds251Combobox-option","--highlighted":"bds251Combobox---highlighted","--selected":"bds251Combobox---selected","--disabled":"bds251Combobox---disabled"};
|
|
1917
1917
|
|
|
1918
1918
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1919
1919
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2064,7 +2064,7 @@ function Combobox({
|
|
|
2064
2064
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2065
2065
|
|
|
2066
2066
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2067
|
-
var FileInput_default = {"component":"
|
|
2067
|
+
var FileInput_default = {"component":"bds251FileInput-component","formGroup":"bds251FileInput-formGroup","fieldLabel":"bds251FileInput-fieldLabel","dropZone":"bds251FileInput-dropZone","isDragging":"bds251FileInput-isDragging","hasError":"bds251FileInput-hasError","isDisabled":"bds251FileInput-isDisabled","icon":"bds251FileInput-icon","prompt":"bds251FileInput-prompt","acceptHint":"bds251FileInput-acceptHint","hiddenInput":"bds251FileInput-hiddenInput"};
|
|
2068
2068
|
|
|
2069
2069
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2070
2070
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2165,7 +2165,7 @@ function FileInput({
|
|
|
2165
2165
|
import { useId as useId15 } from "react";
|
|
2166
2166
|
|
|
2167
2167
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2168
|
-
var FormInput_default = {"component":"
|
|
2168
|
+
var FormInput_default = {"component":"bds251FormInput-component","formGroup":"bds251FormInput-formGroup","input":"bds251FormInput-input","inputError":"bds251FormInput-inputError"};
|
|
2169
2169
|
|
|
2170
2170
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2171
2171
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2209,7 +2209,7 @@ function FormInput({
|
|
|
2209
2209
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2210
2210
|
|
|
2211
2211
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2212
|
-
var NumberInput_default = {"component":"
|
|
2212
|
+
var NumberInput_default = {"component":"bds251NumberInput-component","formGroup":"bds251NumberInput-formGroup","inputRow":"bds251NumberInput-inputRow","input":"bds251NumberInput-input","inputError":"bds251NumberInput-inputError","stepper":"bds251NumberInput-stepper"};
|
|
2213
2213
|
|
|
2214
2214
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2215
2215
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2314,7 +2314,7 @@ function NumberInput({
|
|
|
2314
2314
|
import { useId as useId17 } from "react";
|
|
2315
2315
|
|
|
2316
2316
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2317
|
-
var Radio_default = {"component":"
|
|
2317
|
+
var Radio_default = {"component":"bds251Radio-component","radioGroup":"bds251Radio-radioGroup","inputWrapper":"bds251Radio-inputWrapper","textWrapper":"bds251Radio-textWrapper","description":"bds251Radio-description","radio":"bds251Radio-radio","radioError":"bds251Radio-radioError"};
|
|
2318
2318
|
|
|
2319
2319
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2320
2320
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2352,7 +2352,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2352
2352
|
import { useId as useId18 } from "react";
|
|
2353
2353
|
|
|
2354
2354
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2355
|
-
var RadioGroup_default = {"component":"
|
|
2355
|
+
var RadioGroup_default = {"component":"bds251RadioGroup-component","group":"bds251RadioGroup-group","legend":"bds251RadioGroup-legend","required":"bds251RadioGroup-required","items":"bds251RadioGroup-items"};
|
|
2356
2356
|
|
|
2357
2357
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2358
2358
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2394,7 +2394,7 @@ function RadioGroup({
|
|
|
2394
2394
|
import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2395
2395
|
|
|
2396
2396
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2397
|
-
var SegmentedControl_default = {"component":"
|
|
2397
|
+
var SegmentedControl_default = {"component":"bds251SegmentedControl-component","control":"bds251SegmentedControl-control","thumb":"bds251SegmentedControl-thumb","indicator":"bds251SegmentedControl-indicator","item":"bds251SegmentedControl-item","--active":"bds251SegmentedControl---active","--disabled":"bds251SegmentedControl---disabled","--size_small":"bds251SegmentedControl---size_small","--size_large":"bds251SegmentedControl---size_large","--variant_outline":"bds251SegmentedControl---variant_outline"};
|
|
2398
2398
|
|
|
2399
2399
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2400
2400
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2450,7 +2450,7 @@ function SegmentedControl({
|
|
|
2450
2450
|
import { useId as useId19 } from "react";
|
|
2451
2451
|
|
|
2452
2452
|
// src/components/interaction/form/Select/Select.module.css
|
|
2453
|
-
var Select_default = {"component":"
|
|
2453
|
+
var Select_default = {"component":"bds251Select-component","formGroup":"bds251Select-formGroup","selectWrapper":"bds251Select-selectWrapper","select":"bds251Select-select","selectError":"bds251Select-selectError","chevron":"bds251Select-chevron"};
|
|
2454
2454
|
|
|
2455
2455
|
// src/components/interaction/form/Select/Select.tsx
|
|
2456
2456
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2501,7 +2501,7 @@ function Select({
|
|
|
2501
2501
|
import { useId as useId20, useState as useState12 } from "react";
|
|
2502
2502
|
|
|
2503
2503
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2504
|
-
var Slider_default = {"component":"
|
|
2504
|
+
var Slider_default = {"component":"bds251Slider-component","formGroup":"bds251Slider-formGroup","labelRow":"bds251Slider-labelRow","value":"bds251Slider-value","slider":"bds251Slider-slider","sliderError":"bds251Slider-sliderError"};
|
|
2505
2505
|
|
|
2506
2506
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2507
2507
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2563,7 +2563,7 @@ function Slider({
|
|
|
2563
2563
|
import { useId as useId21 } from "react";
|
|
2564
2564
|
|
|
2565
2565
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2566
|
-
var Switch_default = {"component":"
|
|
2566
|
+
var Switch_default = {"component":"bds251Switch-component","switchGroup":"bds251Switch-switchGroup","--size_small":"bds251Switch---size_small","--size_medium":"bds251Switch---size_medium","--size_large":"bds251Switch---size_large","inputWrapper":"bds251Switch-inputWrapper","trackWrapper":"bds251Switch-trackWrapper","switch":"bds251Switch-switch","track":"bds251Switch-track","thumb":"bds251Switch-thumb","switchError":"bds251Switch-switchError"};
|
|
2567
2567
|
|
|
2568
2568
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2569
2569
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2611,7 +2611,7 @@ function Switch({
|
|
|
2611
2611
|
import { useId as useId22 } from "react";
|
|
2612
2612
|
|
|
2613
2613
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2614
|
-
var Textarea_default = {"component":"
|
|
2614
|
+
var Textarea_default = {"component":"bds251Textarea-component","formGroup":"bds251Textarea-formGroup","textarea":"bds251Textarea-textarea","textareaError":"bds251Textarea-textareaError"};
|
|
2615
2615
|
|
|
2616
2616
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2617
2617
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2650,7 +2650,7 @@ function Textarea({
|
|
|
2650
2650
|
}
|
|
2651
2651
|
|
|
2652
2652
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2653
|
-
var ButtonGroup_default = {"component":"
|
|
2653
|
+
var ButtonGroup_default = {"component":"bds251ButtonGroup-component","buttonGroup":"bds251ButtonGroup-buttonGroup","container":"bds251ButtonGroup-container","--variant_card":"bds251ButtonGroup---variant_card","--variant_flow":"bds251ButtonGroup---variant_flow","--variant_modal":"bds251ButtonGroup---variant_modal","--variant_content":"bds251ButtonGroup---variant_content","--variant_grid":"bds251ButtonGroup---variant_grid"};
|
|
2654
2654
|
|
|
2655
2655
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2656
2656
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
@@ -2669,7 +2669,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
|
|
|
2669
2669
|
var ButtonGroup = ButtonContainer;
|
|
2670
2670
|
|
|
2671
2671
|
// src/components/layout/Card/Card.module.css
|
|
2672
|
-
var Card_default = {"component":"
|
|
2672
|
+
var Card_default = {"component":"bds251Card-component","card":"bds251Card-card","--default":"bds251Card---default","--elevated":"bds251Card---elevated","--outlined":"bds251Card---outlined","--clickable":"bds251Card---clickable","--padding-none":"bds251Card---padding-none","--padding-small":"bds251Card---padding-small","--padding-medium":"bds251Card---padding-medium","--padding-large":"bds251Card---padding-large","--padding-extra-large":"bds251Card---padding-extra-large","--text-start":"bds251Card---text-start","--text-center":"bds251Card---text-center","--text-end":"bds251Card---text-end"};
|
|
2673
2673
|
|
|
2674
2674
|
// src/components/layout/Card/Card.tsx
|
|
2675
2675
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -2713,7 +2713,7 @@ import {
|
|
|
2713
2713
|
} from "react";
|
|
2714
2714
|
|
|
2715
2715
|
// src/components/layout/Grid/Grid.module.css
|
|
2716
|
-
var Grid_default = {"component":"
|
|
2716
|
+
var Grid_default = {"component":"bds251Grid-component","grid":"bds251Grid-grid","--main":"bds251Grid---main","--page":"bds251Grid---page","--funnel":"bds251Grid---funnel","--custom":"bds251Grid---custom","--centered":"bds251Grid---centered","item":"bds251Grid-item","w3":"bds251Grid-w3","org":"bds251Grid-org","ts":"bds251Grid-ts","--masonry":"bds251Grid---masonry"};
|
|
2717
2717
|
|
|
2718
2718
|
// src/components/layout/Grid/Grid.tsx
|
|
2719
2719
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -2743,17 +2743,17 @@ function resolvePreferredColumns(container, value, totalCols) {
|
|
|
2743
2743
|
if (Number.isFinite(n) && n > 0) return Math.min(totalCols, n);
|
|
2744
2744
|
return Math.max(1, Math.round(totalCols * NAMED_SPAN_FRACTION[value]));
|
|
2745
2745
|
}
|
|
2746
|
-
var
|
|
2746
|
+
var TARGET_MAX_IMPLICIT_ROWS = 5e3;
|
|
2747
2747
|
function supportsNativeMasonry() {
|
|
2748
2748
|
if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return false;
|
|
2749
2749
|
return CSS.supports("display", "grid-lanes") || CSS.supports("grid-template-rows", "masonry");
|
|
2750
2750
|
}
|
|
2751
2751
|
var ORIGINAL_COL_ATTR = "data-bds-masonry-original-column";
|
|
2752
2752
|
var LAST_SPAN_ATTR = "data-bds-masonry-span";
|
|
2753
|
+
var UNIT_ATTR = "data-bds-masonry-unit";
|
|
2753
2754
|
function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
2754
2755
|
const cs = window.getComputedStyle(container);
|
|
2755
2756
|
const targetGap = parseFloat(cs.columnGap) || 0;
|
|
2756
|
-
container.style.gridAutoRows = `${ROW_UNIT_PX}px`;
|
|
2757
2757
|
container.style.rowGap = "0px";
|
|
2758
2758
|
container.style.gridAutoFlow = "dense";
|
|
2759
2759
|
container.style.overflowAnchor = "none";
|
|
@@ -2791,7 +2791,26 @@ function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
|
2791
2791
|
}
|
|
2792
2792
|
}
|
|
2793
2793
|
const heights = children.map((child) => child.offsetHeight);
|
|
2794
|
-
const
|
|
2794
|
+
const cols = countGridColumns(container) || 1;
|
|
2795
|
+
const projectedRows = children.reduce((sum, child, i) => {
|
|
2796
|
+
const rowSpan = Math.max(1, Math.ceil(heights[i] + targetGap));
|
|
2797
|
+
const colSpan = readExplicitSpan(child, cols);
|
|
2798
|
+
return sum + rowSpan * colSpan;
|
|
2799
|
+
}, 0) / cols;
|
|
2800
|
+
const autoUnit = Math.max(
|
|
2801
|
+
1,
|
|
2802
|
+
Math.ceil(projectedRows / TARGET_MAX_IMPLICIT_ROWS)
|
|
2803
|
+
);
|
|
2804
|
+
const rowUnit = options.rowUnitPx !== void 0 && options.rowUnitPx > 0 ? Math.floor(options.rowUnitPx) : autoUnit;
|
|
2805
|
+
container.style.gridAutoRows = `${rowUnit}px`;
|
|
2806
|
+
const prevUnit = container.getAttribute(UNIT_ATTR);
|
|
2807
|
+
if (prevUnit !== String(rowUnit)) {
|
|
2808
|
+
for (const child of children) child.removeAttribute(LAST_SPAN_ATTR);
|
|
2809
|
+
container.setAttribute(UNIT_ATTR, String(rowUnit));
|
|
2810
|
+
}
|
|
2811
|
+
const spans = heights.map(
|
|
2812
|
+
(h) => Math.max(1, Math.ceil((h + targetGap) / rowUnit))
|
|
2813
|
+
);
|
|
2795
2814
|
let changed = false;
|
|
2796
2815
|
for (let i = 0; i < children.length; i++) {
|
|
2797
2816
|
const prev = children[i].getAttribute(LAST_SPAN_ATTR);
|
|
@@ -2830,6 +2849,7 @@ function clearMasonryLayout(container, rawChildren) {
|
|
|
2830
2849
|
container.style.gridAutoFlow = "";
|
|
2831
2850
|
container.style.rowGap = "";
|
|
2832
2851
|
container.style.overflowAnchor = "";
|
|
2852
|
+
container.removeAttribute(UNIT_ATTR);
|
|
2833
2853
|
for (const child of rawChildren) {
|
|
2834
2854
|
if (child.nodeType !== 1) continue;
|
|
2835
2855
|
child.style.gridRow = "";
|
|
@@ -2847,24 +2867,52 @@ function restoreOriginalColumn(el) {
|
|
|
2847
2867
|
el.removeAttribute(ORIGINAL_COL_ATTR);
|
|
2848
2868
|
}
|
|
2849
2869
|
function useMasonry(ref, enabled, options = {}) {
|
|
2850
|
-
const { preferredColumnSpan } = options;
|
|
2870
|
+
const { preferredColumnSpan, rowUnitPx } = options;
|
|
2851
2871
|
useLayoutEffect(() => {
|
|
2852
2872
|
const container = ref.current;
|
|
2853
2873
|
if (!container || !enabled) return;
|
|
2854
2874
|
if (supportsNativeMasonry()) return;
|
|
2855
2875
|
let frame = 0;
|
|
2856
|
-
|
|
2857
|
-
|
|
2876
|
+
let scrollTimer = null;
|
|
2877
|
+
let scrolling = false;
|
|
2878
|
+
let pending = false;
|
|
2879
|
+
const apply = () => {
|
|
2858
2880
|
applyMasonryLayout(container, Array.from(container.children), {
|
|
2859
|
-
preferredColumnSpan
|
|
2881
|
+
preferredColumnSpan,
|
|
2882
|
+
rowUnitPx
|
|
2860
2883
|
});
|
|
2861
2884
|
};
|
|
2885
|
+
const runNow = () => {
|
|
2886
|
+
cancelAnimationFrame(frame);
|
|
2887
|
+
apply();
|
|
2888
|
+
};
|
|
2862
2889
|
const schedule = () => {
|
|
2863
2890
|
cancelAnimationFrame(frame);
|
|
2864
2891
|
frame = requestAnimationFrame(runNow);
|
|
2865
2892
|
};
|
|
2893
|
+
const onResize = () => {
|
|
2894
|
+
if (scrolling) {
|
|
2895
|
+
pending = true;
|
|
2896
|
+
return;
|
|
2897
|
+
}
|
|
2898
|
+
apply();
|
|
2899
|
+
};
|
|
2900
|
+
const SCROLL_IDLE_MS = 150;
|
|
2901
|
+
const onScroll = () => {
|
|
2902
|
+
scrolling = true;
|
|
2903
|
+
if (scrollTimer) clearTimeout(scrollTimer);
|
|
2904
|
+
scrollTimer = setTimeout(() => {
|
|
2905
|
+
scrolling = false;
|
|
2906
|
+
scrollTimer = null;
|
|
2907
|
+
if (pending) {
|
|
2908
|
+
pending = false;
|
|
2909
|
+
apply();
|
|
2910
|
+
}
|
|
2911
|
+
}, SCROLL_IDLE_MS);
|
|
2912
|
+
};
|
|
2913
|
+
window.addEventListener("scroll", onScroll, { passive: true, capture: true });
|
|
2866
2914
|
schedule();
|
|
2867
|
-
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(
|
|
2915
|
+
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(onResize) : null;
|
|
2868
2916
|
const observeDescendants = (child) => {
|
|
2869
2917
|
if (!ro) return;
|
|
2870
2918
|
ro.observe(child);
|
|
@@ -2882,11 +2930,13 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
2882
2930
|
mo?.observe(container, { childList: true });
|
|
2883
2931
|
return () => {
|
|
2884
2932
|
cancelAnimationFrame(frame);
|
|
2933
|
+
if (scrollTimer) clearTimeout(scrollTimer);
|
|
2934
|
+
window.removeEventListener("scroll", onScroll, { capture: true });
|
|
2885
2935
|
ro?.disconnect();
|
|
2886
2936
|
mo?.disconnect();
|
|
2887
2937
|
clearMasonryLayout(container, Array.from(container.children));
|
|
2888
2938
|
};
|
|
2889
|
-
}, [ref, enabled, preferredColumnSpan]);
|
|
2939
|
+
}, [ref, enabled, preferredColumnSpan, rowUnitPx]);
|
|
2890
2940
|
}
|
|
2891
2941
|
|
|
2892
2942
|
// src/components/layout/Grid/Grid.tsx
|
|
@@ -2905,12 +2955,16 @@ function Grid({
|
|
|
2905
2955
|
isMasonry = false,
|
|
2906
2956
|
autoSpanMedia = false,
|
|
2907
2957
|
masonryPreferredColumnSpan,
|
|
2958
|
+
masonryRowUnitPx,
|
|
2908
2959
|
as,
|
|
2909
2960
|
style,
|
|
2910
2961
|
...rest
|
|
2911
2962
|
}) {
|
|
2912
2963
|
const ref = useRef12(null);
|
|
2913
|
-
useMasonry(ref, isMasonry, {
|
|
2964
|
+
useMasonry(ref, isMasonry, {
|
|
2965
|
+
preferredColumnSpan: masonryPreferredColumnSpan,
|
|
2966
|
+
rowUnitPx: masonryRowUnitPx
|
|
2967
|
+
});
|
|
2914
2968
|
const classNames = cn49(
|
|
2915
2969
|
Grid_default.grid,
|
|
2916
2970
|
Grid_default[`--${variant}`],
|
|
@@ -3060,7 +3114,7 @@ function GridItem({
|
|
|
3060
3114
|
}
|
|
3061
3115
|
|
|
3062
3116
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3063
|
-
var SectionHeader_default = {"component":"
|
|
3117
|
+
var SectionHeader_default = {"component":"bds251SectionHeader-component","sectionHeader":"bds251SectionHeader-sectionHeader","title":"bds251SectionHeader-title","subtitle":"bds251SectionHeader-subtitle","--start":"bds251SectionHeader---start","--center":"bds251SectionHeader---center","--end":"bds251SectionHeader---end","--medium":"bds251SectionHeader---medium","--xs":"bds251SectionHeader---xs","--small":"bds251SectionHeader---small","--large":"bds251SectionHeader---large"};
|
|
3064
3118
|
|
|
3065
3119
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3066
3120
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -3082,7 +3136,7 @@ function SectionHeader({
|
|
|
3082
3136
|
}
|
|
3083
3137
|
|
|
3084
3138
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3085
|
-
var IconWrapper_default = {"component":"
|
|
3139
|
+
var IconWrapper_default = {"component":"bds251IconWrapper-component","wrapper":"bds251IconWrapper-wrapper"};
|
|
3086
3140
|
|
|
3087
3141
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3088
3142
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|