@boostdev/design-system-components 2.2.0 → 2.2.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/dist/client.cjs +60 -55
- package/dist/client.css +537 -537
- package/dist/client.js +60 -55
- package/dist/index.cjs +60 -55
- package/dist/index.css +537 -537
- package/dist/index.js +60 -55
- package/dist/web-components/index.js +2 -0
- package/package.json +1 -1
- package/src/components/layout/Grid/Grid.spec.tsx +14 -0
- package/src/components/layout/Grid/Grid.tsx +10 -3
- package/src/components/layout/Grid/GridItem.tsx +2 -2
- package/src/components/layout/Grid/masonry.ts +5 -0
package/dist/client.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { useId, useState } from "react";
|
|
5
5
|
|
|
6
6
|
// src/components/ui/Accordion/Accordion.module.css
|
|
7
|
-
var Accordion_default = {"component":"
|
|
7
|
+
var Accordion_default = {"component":"bds221Accordion-component","accordion":"bds221Accordion-accordion","item":"bds221Accordion-item","heading":"bds221Accordion-heading","trigger":"bds221Accordion-trigger","triggerLabel":"bds221Accordion-triggerLabel","chevron":"bds221Accordion-chevron","--open":"bds221Accordion---open","panel":"bds221Accordion-panel","panelContent":"bds221Accordion-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":"bds221Alert-component","alert":"bds221Alert-alert","--variant_info":"bds221Alert---variant_info","--variant_success":"bds221Alert---variant_success","--variant_warning":"bds221Alert---variant_warning","--variant_error":"bds221Alert---variant_error","icon":"bds221Alert-icon","content":"bds221Alert-content","title":"bds221Alert-title","dismiss":"bds221Alert-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":"bds221Avatar-component","avatar":"bds221Avatar-avatar","--fallback":"bds221Avatar---fallback","--size_small":"bds221Avatar---size_small","--size_medium":"bds221Avatar---size_medium","--size_large":"bds221Avatar---size_large","image":"bds221Avatar-image","initials":"bds221Avatar-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":"bds221Badge-component","badge":"bds221Badge-badge","--variant_primary":"bds221Badge---variant_primary","--variant_secondary":"bds221Badge---variant_secondary","--variant_success":"bds221Badge---variant_success","--variant_error":"bds221Badge---variant_error","--variant_warning":"bds221Badge---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":"bds221Breadcrumb-component","breadcrumb":"bds221Breadcrumb-breadcrumb","list":"bds221Breadcrumb-list","item":"bds221Breadcrumb-item","link":"bds221Breadcrumb-link","separator":"bds221Breadcrumb-separator","current":"bds221Breadcrumb-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":"bds221Collapsible-component","collapsible":"bds221Collapsible-collapsible","summary":"bds221Collapsible-summary","summaryContent":"bds221Collapsible-summaryContent","icon":"bds221Collapsible-icon","content":"bds221Collapsible-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":"bds221Calendar-component","calendar":"bds221Calendar-calendar","header":"bds221Calendar-header","monthYear":"bds221Calendar-monthYear","navBtn":"bds221Calendar-navBtn","grid":"bds221Calendar-grid","weekday":"bds221Calendar-weekday","empty":"bds221Calendar-empty","day":"bds221Calendar-day","disabled":"bds221Calendar-disabled","selected":"bds221Calendar-selected","today":"bds221Calendar-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":"bds221Carousel-component","carousel":"bds221Carousel-carousel","track":"bds221Carousel-track","slide":"bds221Carousel-slide","navBtn":"bds221Carousel-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":"bds221DescriptionList-component","list":"bds221DescriptionList-list","group":"bds221DescriptionList-group","term":"bds221DescriptionList-term","details":"bds221DescriptionList-details","--layout_inline":"bds221DescriptionList---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":"bds221Link-component","link":"bds221Link-link","--variant_default":"bds221Link---variant_default","--variant_subtle":"bds221Link---variant_subtle","--variant_standalone":"bds221Link---variant_standalone","externalLabel":"bds221Link-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":"bds221Loading-component","loading":"bds221Loading-loading","spinner":"bds221Loading-spinner","--size_small":"bds221Loading---size_small","--size_large":"bds221Loading---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":"bds221NotificationBanner-component","banner":"bds221NotificationBanner-banner","--variant_info":"bds221NotificationBanner---variant_info","--variant_success":"bds221NotificationBanner---variant_success","--variant_warning":"bds221NotificationBanner---variant_warning","--variant_error":"bds221NotificationBanner---variant_error","content":"bds221NotificationBanner-content","action":"bds221NotificationBanner-action","dismiss":"bds221NotificationBanner-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":"bds221Pagination-component","pagination":"bds221Pagination-pagination","list":"bds221Pagination-list","button":"bds221Pagination-button","--active":"bds221Pagination---active","--nav":"bds221Pagination---nav","ellipsis":"bds221Pagination-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":"bds221Progress-component","container":"bds221Progress-container","labelRow":"bds221Progress-labelRow","value":"bds221Progress-value","track":"bds221Progress-track","--size_small":"bds221Progress---size_small","--size_medium":"bds221Progress---size_medium","--size_large":"bds221Progress---size_large","fill":"bds221Progress-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":"bds221ProgressCircle-component","wrapper":"bds221ProgressCircle-wrapper","svg":"bds221ProgressCircle-svg","track":"bds221ProgressCircle-track","fill":"bds221ProgressCircle-fill","value":"bds221ProgressCircle-value","--size_small":"bds221ProgressCircle---size_small","--size_medium":"bds221ProgressCircle---size_medium","--size_large":"bds221ProgressCircle---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":"bds221Separator-component","separator":"bds221Separator-separator","--horizontal":"bds221Separator---horizontal","--vertical":"bds221Separator---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":"bds221Skeleton-component","skeleton":"bds221Skeleton-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":"bds221SkipLink-component","skipLink":"bds221SkipLink-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":"bds221Table-component","wrapper":"bds221Table-wrapper","table":"bds221Table-table","caption":"bds221Table-caption","thead":"bds221Table-thead","th":"bds221Table-th","--sortable":"bds221Table---sortable","sortButton":"bds221Table-sortButton","sortIcon":"bds221Table-sortIcon","--sort-active":"bds221Table---sort-active","--sort-desc":"bds221Table---sort-desc","tbody":"bds221Table-tbody","tr":"bds221Table-tr","td":"bds221Table-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":"bds221Tabs-component","tabs":"bds221Tabs-tabs","tabList":"bds221Tabs-tabList","tab":"bds221Tabs-tab","--active":"bds221Tabs---active","panel":"bds221Tabs-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":"bds221Tooltip-component","wrapper":"bds221Tooltip-wrapper","tooltip":"bds221Tooltip-tooltip","--placement_top":"bds221Tooltip---placement_top","--placement_bottom":"bds221Tooltip---placement_bottom","--placement_left":"bds221Tooltip---placement_left","--placement_right":"bds221Tooltip---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":"bds221Typography-component","typography":"bds221Typography-typography","--h1":"bds221Typography---h1","--h2":"bds221Typography---h2","--h3":"bds221Typography---h3","--body":"bds221Typography---body","--body_s":"bds221Typography---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":"bds221Button-component","button":"bds221Button-button","--default":"bds221Button---default","--outline":"bds221Button---outline","--ghost":"bds221Button---ghost","--size_small":"bds221Button---size_small","--size_medium":"bds221Button---size_medium","--size_large":"bds221Button---size_large","--hasPulse":"bds221Button---hasPulse","iconStart":"bds221Button-iconStart","iconEnd":"bds221Button-iconEnd","--iconOnly":"bds221Button---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":"bds221Command-component","dialog":"bds221Command-dialog","palette":"bds221Command-palette","searchRow":"bds221Command-searchRow","searchIcon":"bds221Command-searchIcon","search":"bds221Command-search","escHint":"bds221Command-escHint","list":"bds221Command-list","groupList":"bds221Command-groupList","group":"bds221Command-group","item":"bds221Command-item","itemActive":"bds221Command-itemActive","itemLabel":"bds221Command-itemLabel","itemDesc":"bds221Command-itemDesc","shortcut":"bds221Command-shortcut","empty":"bds221Command-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":"bds221Dialog-component","dialog":"bds221Dialog-dialog","dialogContent":"bds221Dialog-dialogContent","closeButton":"bds221Dialog-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":"bds221Drawer-component","drawer":"bds221Drawer-drawer","--side_left":"bds221Drawer---side_left","header":"bds221Drawer-header","closeButton":"bds221Drawer-closeButton","body":"bds221Drawer-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":"bds221DropdownMenu-component","wrapper":"bds221DropdownMenu-wrapper","menu":"bds221DropdownMenu-menu","--placement_bottom-start":"bds221DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds221DropdownMenu---placement_bottom-end","separator":"bds221DropdownMenu-separator","item":"bds221DropdownMenu-item","icon":"bds221DropdownMenu-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":"bds221Popover-component","wrapper":"bds221Popover-wrapper","panel":"bds221Popover-panel","g":"bds221Popover-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":"bds221Rating-component","rating":"bds221Rating-rating","star":"bds221Rating-star","--filled":"bds221Rating---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":"bds221Toast-component","toastContainer":"bds221Toast-toastContainer","toast":"bds221Toast-toast","--variant_success":"bds221Toast---variant_success","--variant_warning":"bds221Toast---variant_warning","--variant_info":"bds221Toast---variant_info","--variant_error":"bds221Toast---variant_error","message":"bds221Toast-message","closeButton":"bds221Toast-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":"bds221Checkbox-component","checkboxGroup":"bds221Checkbox-checkboxGroup","inputWrapper":"bds221Checkbox-inputWrapper","checkbox":"bds221Checkbox-checkbox","checkboxError":"bds221Checkbox-checkboxError"};
|
|
1803
1803
|
|
|
1804
1804
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1805
|
-
var Message_default = {"component":"
|
|
1805
|
+
var Message_default = {"component":"bds221Message-component","error":"bds221Message-error","hint":"bds221Message-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":"bds221Label-component","label":"bds221Label-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":"bds221InputContainer-component","container":"bds221InputContainer-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":"bds221CheckboxGroup-component","group":"bds221CheckboxGroup-group","legend":"bds221CheckboxGroup-legend","required":"bds221CheckboxGroup-required","items":"bds221CheckboxGroup-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":"bds221Combobox-component","formGroup":"bds221Combobox-formGroup","inputWrapper":"bds221Combobox-inputWrapper","input":"bds221Combobox-input","inputError":"bds221Combobox-inputError","chevron":"bds221Combobox-chevron","listbox":"bds221Combobox-listbox","option":"bds221Combobox-option","--highlighted":"bds221Combobox---highlighted","--selected":"bds221Combobox---selected","--disabled":"bds221Combobox---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":"bds221FileInput-component","formGroup":"bds221FileInput-formGroup","fieldLabel":"bds221FileInput-fieldLabel","dropZone":"bds221FileInput-dropZone","isDragging":"bds221FileInput-isDragging","hasError":"bds221FileInput-hasError","isDisabled":"bds221FileInput-isDisabled","icon":"bds221FileInput-icon","prompt":"bds221FileInput-prompt","acceptHint":"bds221FileInput-acceptHint","hiddenInput":"bds221FileInput-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":"bds221FormInput-component","formGroup":"bds221FormInput-formGroup","input":"bds221FormInput-input","inputError":"bds221FormInput-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":"bds221NumberInput-component","formGroup":"bds221NumberInput-formGroup","inputRow":"bds221NumberInput-inputRow","input":"bds221NumberInput-input","inputError":"bds221NumberInput-inputError","stepper":"bds221NumberInput-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":"bds221Radio-component","radioGroup":"bds221Radio-radioGroup","inputWrapper":"bds221Radio-inputWrapper","textWrapper":"bds221Radio-textWrapper","description":"bds221Radio-description","radio":"bds221Radio-radio","radioError":"bds221Radio-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":"bds221RadioGroup-component","group":"bds221RadioGroup-group","legend":"bds221RadioGroup-legend","required":"bds221RadioGroup-required","items":"bds221RadioGroup-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":"bds221SegmentedControl-component","control":"bds221SegmentedControl-control","thumb":"bds221SegmentedControl-thumb","indicator":"bds221SegmentedControl-indicator","item":"bds221SegmentedControl-item","--active":"bds221SegmentedControl---active","--disabled":"bds221SegmentedControl---disabled","--size_small":"bds221SegmentedControl---size_small","--size_large":"bds221SegmentedControl---size_large","--variant_outline":"bds221SegmentedControl---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":"bds221Select-component","formGroup":"bds221Select-formGroup","selectWrapper":"bds221Select-selectWrapper","select":"bds221Select-select","selectError":"bds221Select-selectError","chevron":"bds221Select-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":"bds221Slider-component","formGroup":"bds221Slider-formGroup","labelRow":"bds221Slider-labelRow","value":"bds221Slider-value","slider":"bds221Slider-slider","sliderError":"bds221Slider-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":"bds221Switch-component","switchGroup":"bds221Switch-switchGroup","--size_small":"bds221Switch---size_small","--size_medium":"bds221Switch---size_medium","--size_large":"bds221Switch---size_large","inputWrapper":"bds221Switch-inputWrapper","trackWrapper":"bds221Switch-trackWrapper","switch":"bds221Switch-switch","track":"bds221Switch-track","thumb":"bds221Switch-thumb","switchError":"bds221Switch-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":"bds221Textarea-component","formGroup":"bds221Textarea-formGroup","textarea":"bds221Textarea-textarea","textareaError":"bds221Textarea-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":"bds221ButtonGroup-component","buttonGroup":"bds221ButtonGroup-buttonGroup","container":"bds221ButtonGroup-container","--variant_card":"bds221ButtonGroup---variant_card","--variant_flow":"bds221ButtonGroup---variant_flow","--variant_modal":"bds221ButtonGroup---variant_modal","--variant_content":"bds221ButtonGroup---variant_content","--variant_grid":"bds221ButtonGroup---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":"bds221Card-component","card":"bds221Card-card","--default":"bds221Card---default","--elevated":"bds221Card---elevated","--outlined":"bds221Card---outlined","--clickable":"bds221Card---clickable","--padding-none":"bds221Card---padding-none","--padding-small":"bds221Card---padding-small","--padding-medium":"bds221Card---padding-medium","--padding-large":"bds221Card---padding-large","--padding-extra-large":"bds221Card---padding-extra-large","--text-start":"bds221Card---text-start","--text-center":"bds221Card---text-center","--text-end":"bds221Card---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":"bds221Grid-component","grid":"bds221Grid-grid","--main":"bds221Grid---main","--page":"bds221Grid---page","--funnel":"bds221Grid---funnel","--custom":"bds221Grid---custom","--centered":"bds221Grid---centered","item":"bds221Grid-item","w3":"bds221Grid-w3","org":"bds221Grid-org","ts":"bds221Grid-ts","--masonry":"bds221Grid---masonry"};
|
|
2719
2719
|
|
|
2720
2720
|
// src/components/layout/Grid/Grid.tsx
|
|
2721
2721
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -2740,6 +2740,7 @@ function applyMasonryLayout(container, rawChildren) {
|
|
|
2740
2740
|
child.style.gridRow = "";
|
|
2741
2741
|
child.style.gridRowStart = "";
|
|
2742
2742
|
child.style.gridRowEnd = "";
|
|
2743
|
+
child.style.alignSelf = "start";
|
|
2743
2744
|
}
|
|
2744
2745
|
const heights = children.map((child) => child.offsetHeight);
|
|
2745
2746
|
for (let i = 0; i < children.length; i++) {
|
|
@@ -2756,6 +2757,7 @@ function clearMasonryLayout(container, rawChildren) {
|
|
|
2756
2757
|
child.style.gridRow = "";
|
|
2757
2758
|
child.style.gridRowStart = "";
|
|
2758
2759
|
child.style.gridRowEnd = "";
|
|
2760
|
+
child.style.alignSelf = "";
|
|
2759
2761
|
}
|
|
2760
2762
|
}
|
|
2761
2763
|
function useMasonry(ref, enabled) {
|
|
@@ -2791,9 +2793,11 @@ function useMasonry(ref, enabled) {
|
|
|
2791
2793
|
|
|
2792
2794
|
// src/components/layout/Grid/Grid.tsx
|
|
2793
2795
|
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
2794
|
-
var
|
|
2795
|
-
|
|
2796
|
-
});
|
|
2796
|
+
var _GridContext;
|
|
2797
|
+
function getGridContext() {
|
|
2798
|
+
_GridContext ??= createContext2({ autoSpanMedia: false });
|
|
2799
|
+
return _GridContext;
|
|
2800
|
+
}
|
|
2797
2801
|
function Grid({
|
|
2798
2802
|
children,
|
|
2799
2803
|
className,
|
|
@@ -2817,6 +2821,7 @@ function Grid({
|
|
|
2817
2821
|
);
|
|
2818
2822
|
const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
|
|
2819
2823
|
const Component = as ?? "div";
|
|
2824
|
+
const GridContext = getGridContext();
|
|
2820
2825
|
const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
|
|
2821
2826
|
return /* @__PURE__ */ jsx49(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx49(GridContext.Provider, { value: ctx, children }) });
|
|
2822
2827
|
}
|
|
@@ -2893,7 +2898,7 @@ function GridItem({
|
|
|
2893
2898
|
style,
|
|
2894
2899
|
...rest
|
|
2895
2900
|
}) {
|
|
2896
|
-
const { autoSpanMedia } = useContext2(
|
|
2901
|
+
const { autoSpanMedia } = useContext2(getGridContext());
|
|
2897
2902
|
const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
|
|
2898
2903
|
const ref = useRef13(null);
|
|
2899
2904
|
const [autoSpan, setAutoSpan] = useState13("one-quarter");
|
|
@@ -2954,7 +2959,7 @@ function GridItem({
|
|
|
2954
2959
|
}
|
|
2955
2960
|
|
|
2956
2961
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2957
|
-
var SectionHeader_default = {"component":"
|
|
2962
|
+
var SectionHeader_default = {"component":"bds221SectionHeader-component","sectionHeader":"bds221SectionHeader-sectionHeader","title":"bds221SectionHeader-title","subtitle":"bds221SectionHeader-subtitle","--start":"bds221SectionHeader---start","--center":"bds221SectionHeader---center","--end":"bds221SectionHeader---end","--medium":"bds221SectionHeader---medium","--xs":"bds221SectionHeader---xs","--small":"bds221SectionHeader---small","--large":"bds221SectionHeader---large"};
|
|
2958
2963
|
|
|
2959
2964
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2960
2965
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -2976,7 +2981,7 @@ function SectionHeader({
|
|
|
2976
2981
|
}
|
|
2977
2982
|
|
|
2978
2983
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2979
|
-
var IconWrapper_default = {"component":"
|
|
2984
|
+
var IconWrapper_default = {"component":"bds221IconWrapper-component","wrapper":"bds221IconWrapper-wrapper"};
|
|
2980
2985
|
|
|
2981
2986
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2982
2987
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|