@boostdev/design-system-components 2.3.0 → 2.4.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 +114 -69
- package/dist/client.css +537 -537
- package/dist/client.d.cts +30 -26
- package/dist/client.d.ts +30 -26
- package/dist/client.js +114 -69
- package/dist/index.cjs +114 -69
- package/dist/index.css +537 -537
- package/dist/index.d.cts +30 -26
- package/dist/index.d.ts +30 -26
- package/dist/index.js +114 -69
- package/dist/web-components/index.d.ts +9 -5
- package/dist/web-components/index.js +55 -12
- package/package.json +1 -1
- package/src/components/layout/Grid/Grid.mdx +4 -2
- package/src/components/layout/Grid/Grid.spec.tsx +85 -6
- package/src/components/layout/Grid/Grid.stories.tsx +16 -9
- package/src/components/layout/Grid/Grid.tsx +11 -6
- package/src/components/layout/Grid/masonry.ts +135 -33
- package/src/web-components/layout/BdsGrid.mdx +5 -3
- package/src/web-components/layout/BdsGrid.stories.tsx +16 -10
- package/src/web-components/layout/bds-grid.spec.ts +3 -3
- package/src/web-components/layout/bds-grid.ts +19 -6
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":"bds241Accordion-component","accordion":"bds241Accordion-accordion","item":"bds241Accordion-item","heading":"bds241Accordion-heading","trigger":"bds241Accordion-trigger","triggerLabel":"bds241Accordion-triggerLabel","chevron":"bds241Accordion-chevron","--open":"bds241Accordion---open","panel":"bds241Accordion-panel","panelContent":"bds241Accordion-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":"bds241Alert-component","alert":"bds241Alert-alert","--variant_info":"bds241Alert---variant_info","--variant_success":"bds241Alert---variant_success","--variant_warning":"bds241Alert---variant_warning","--variant_error":"bds241Alert---variant_error","icon":"bds241Alert-icon","content":"bds241Alert-content","title":"bds241Alert-title","dismiss":"bds241Alert-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":"bds241Avatar-component","avatar":"bds241Avatar-avatar","--fallback":"bds241Avatar---fallback","--size_small":"bds241Avatar---size_small","--size_medium":"bds241Avatar---size_medium","--size_large":"bds241Avatar---size_large","image":"bds241Avatar-image","initials":"bds241Avatar-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":"bds241Badge-component","badge":"bds241Badge-badge","--variant_primary":"bds241Badge---variant_primary","--variant_secondary":"bds241Badge---variant_secondary","--variant_success":"bds241Badge---variant_success","--variant_error":"bds241Badge---variant_error","--variant_warning":"bds241Badge---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":"bds241Breadcrumb-component","breadcrumb":"bds241Breadcrumb-breadcrumb","list":"bds241Breadcrumb-list","item":"bds241Breadcrumb-item","link":"bds241Breadcrumb-link","separator":"bds241Breadcrumb-separator","current":"bds241Breadcrumb-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":"bds241Collapsible-component","collapsible":"bds241Collapsible-collapsible","summary":"bds241Collapsible-summary","summaryContent":"bds241Collapsible-summaryContent","icon":"bds241Collapsible-icon","content":"bds241Collapsible-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":"bds241Calendar-component","calendar":"bds241Calendar-calendar","header":"bds241Calendar-header","monthYear":"bds241Calendar-monthYear","navBtn":"bds241Calendar-navBtn","grid":"bds241Calendar-grid","weekday":"bds241Calendar-weekday","empty":"bds241Calendar-empty","day":"bds241Calendar-day","disabled":"bds241Calendar-disabled","selected":"bds241Calendar-selected","today":"bds241Calendar-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":"bds241Carousel-component","carousel":"bds241Carousel-carousel","track":"bds241Carousel-track","slide":"bds241Carousel-slide","navBtn":"bds241Carousel-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":"bds241DescriptionList-component","list":"bds241DescriptionList-list","group":"bds241DescriptionList-group","term":"bds241DescriptionList-term","details":"bds241DescriptionList-details","--layout_inline":"bds241DescriptionList---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":"bds241Link-component","link":"bds241Link-link","--variant_default":"bds241Link---variant_default","--variant_subtle":"bds241Link---variant_subtle","--variant_standalone":"bds241Link---variant_standalone","externalLabel":"bds241Link-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":"bds241Loading-component","loading":"bds241Loading-loading","spinner":"bds241Loading-spinner","--size_small":"bds241Loading---size_small","--size_large":"bds241Loading---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":"bds241NotificationBanner-component","banner":"bds241NotificationBanner-banner","--variant_info":"bds241NotificationBanner---variant_info","--variant_success":"bds241NotificationBanner---variant_success","--variant_warning":"bds241NotificationBanner---variant_warning","--variant_error":"bds241NotificationBanner---variant_error","content":"bds241NotificationBanner-content","action":"bds241NotificationBanner-action","dismiss":"bds241NotificationBanner-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":"bds241Pagination-component","pagination":"bds241Pagination-pagination","list":"bds241Pagination-list","button":"bds241Pagination-button","--active":"bds241Pagination---active","--nav":"bds241Pagination---nav","ellipsis":"bds241Pagination-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":"bds241Progress-component","container":"bds241Progress-container","labelRow":"bds241Progress-labelRow","value":"bds241Progress-value","track":"bds241Progress-track","--size_small":"bds241Progress---size_small","--size_medium":"bds241Progress---size_medium","--size_large":"bds241Progress---size_large","fill":"bds241Progress-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":"bds241ProgressCircle-component","wrapper":"bds241ProgressCircle-wrapper","svg":"bds241ProgressCircle-svg","track":"bds241ProgressCircle-track","fill":"bds241ProgressCircle-fill","value":"bds241ProgressCircle-value","--size_small":"bds241ProgressCircle---size_small","--size_medium":"bds241ProgressCircle---size_medium","--size_large":"bds241ProgressCircle---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":"bds241Separator-component","separator":"bds241Separator-separator","--horizontal":"bds241Separator---horizontal","--vertical":"bds241Separator---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":"bds241Skeleton-component","skeleton":"bds241Skeleton-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":"bds241SkipLink-component","skipLink":"bds241SkipLink-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":"bds241Table-component","wrapper":"bds241Table-wrapper","table":"bds241Table-table","caption":"bds241Table-caption","thead":"bds241Table-thead","th":"bds241Table-th","--sortable":"bds241Table---sortable","sortButton":"bds241Table-sortButton","sortIcon":"bds241Table-sortIcon","--sort-active":"bds241Table---sort-active","--sort-desc":"bds241Table---sort-desc","tbody":"bds241Table-tbody","tr":"bds241Table-tr","td":"bds241Table-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":"bds241Tabs-component","tabs":"bds241Tabs-tabs","tabList":"bds241Tabs-tabList","tab":"bds241Tabs-tab","--active":"bds241Tabs---active","panel":"bds241Tabs-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":"bds241Tooltip-component","wrapper":"bds241Tooltip-wrapper","tooltip":"bds241Tooltip-tooltip","--placement_top":"bds241Tooltip---placement_top","--placement_bottom":"bds241Tooltip---placement_bottom","--placement_left":"bds241Tooltip---placement_left","--placement_right":"bds241Tooltip---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":"bds241Typography-component","typography":"bds241Typography-typography","--h1":"bds241Typography---h1","--h2":"bds241Typography---h2","--h3":"bds241Typography---h3","--body":"bds241Typography---body","--body_s":"bds241Typography---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":"bds241Button-component","button":"bds241Button-button","--default":"bds241Button---default","--outline":"bds241Button---outline","--ghost":"bds241Button---ghost","--size_small":"bds241Button---size_small","--size_medium":"bds241Button---size_medium","--size_large":"bds241Button---size_large","--hasPulse":"bds241Button---hasPulse","iconStart":"bds241Button-iconStart","iconEnd":"bds241Button-iconEnd","--iconOnly":"bds241Button---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":"bds241Command-component","dialog":"bds241Command-dialog","palette":"bds241Command-palette","searchRow":"bds241Command-searchRow","searchIcon":"bds241Command-searchIcon","search":"bds241Command-search","escHint":"bds241Command-escHint","list":"bds241Command-list","groupList":"bds241Command-groupList","group":"bds241Command-group","item":"bds241Command-item","itemActive":"bds241Command-itemActive","itemLabel":"bds241Command-itemLabel","itemDesc":"bds241Command-itemDesc","shortcut":"bds241Command-shortcut","empty":"bds241Command-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":"bds241Dialog-component","dialog":"bds241Dialog-dialog","dialogContent":"bds241Dialog-dialogContent","closeButton":"bds241Dialog-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":"bds241Drawer-component","drawer":"bds241Drawer-drawer","--side_left":"bds241Drawer---side_left","header":"bds241Drawer-header","closeButton":"bds241Drawer-closeButton","body":"bds241Drawer-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":"bds241DropdownMenu-component","wrapper":"bds241DropdownMenu-wrapper","menu":"bds241DropdownMenu-menu","--placement_bottom-start":"bds241DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds241DropdownMenu---placement_bottom-end","separator":"bds241DropdownMenu-separator","item":"bds241DropdownMenu-item","icon":"bds241DropdownMenu-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":"bds241Popover-component","wrapper":"bds241Popover-wrapper","panel":"bds241Popover-panel","g":"bds241Popover-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":"bds241Rating-component","rating":"bds241Rating-rating","star":"bds241Rating-star","--filled":"bds241Rating---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":"bds241Toast-component","toastContainer":"bds241Toast-toastContainer","toast":"bds241Toast-toast","--variant_success":"bds241Toast---variant_success","--variant_warning":"bds241Toast---variant_warning","--variant_info":"bds241Toast---variant_info","--variant_error":"bds241Toast---variant_error","message":"bds241Toast-message","closeButton":"bds241Toast-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":"bds241Checkbox-component","checkboxGroup":"bds241Checkbox-checkboxGroup","inputWrapper":"bds241Checkbox-inputWrapper","checkbox":"bds241Checkbox-checkbox","checkboxError":"bds241Checkbox-checkboxError"};
|
|
1803
1803
|
|
|
1804
1804
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1805
|
-
var Message_default = {"component":"
|
|
1805
|
+
var Message_default = {"component":"bds241Message-component","error":"bds241Message-error","hint":"bds241Message-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":"bds241Label-component","label":"bds241Label-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":"bds241InputContainer-component","container":"bds241InputContainer-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":"bds241CheckboxGroup-component","group":"bds241CheckboxGroup-group","legend":"bds241CheckboxGroup-legend","required":"bds241CheckboxGroup-required","items":"bds241CheckboxGroup-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":"bds241Combobox-component","formGroup":"bds241Combobox-formGroup","inputWrapper":"bds241Combobox-inputWrapper","input":"bds241Combobox-input","inputError":"bds241Combobox-inputError","chevron":"bds241Combobox-chevron","listbox":"bds241Combobox-listbox","option":"bds241Combobox-option","--highlighted":"bds241Combobox---highlighted","--selected":"bds241Combobox---selected","--disabled":"bds241Combobox---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":"bds241FileInput-component","formGroup":"bds241FileInput-formGroup","fieldLabel":"bds241FileInput-fieldLabel","dropZone":"bds241FileInput-dropZone","isDragging":"bds241FileInput-isDragging","hasError":"bds241FileInput-hasError","isDisabled":"bds241FileInput-isDisabled","icon":"bds241FileInput-icon","prompt":"bds241FileInput-prompt","acceptHint":"bds241FileInput-acceptHint","hiddenInput":"bds241FileInput-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":"bds241FormInput-component","formGroup":"bds241FormInput-formGroup","input":"bds241FormInput-input","inputError":"bds241FormInput-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":"bds241NumberInput-component","formGroup":"bds241NumberInput-formGroup","inputRow":"bds241NumberInput-inputRow","input":"bds241NumberInput-input","inputError":"bds241NumberInput-inputError","stepper":"bds241NumberInput-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":"bds241Radio-component","radioGroup":"bds241Radio-radioGroup","inputWrapper":"bds241Radio-inputWrapper","textWrapper":"bds241Radio-textWrapper","description":"bds241Radio-description","radio":"bds241Radio-radio","radioError":"bds241Radio-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":"bds241RadioGroup-component","group":"bds241RadioGroup-group","legend":"bds241RadioGroup-legend","required":"bds241RadioGroup-required","items":"bds241RadioGroup-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":"bds241SegmentedControl-component","control":"bds241SegmentedControl-control","thumb":"bds241SegmentedControl-thumb","indicator":"bds241SegmentedControl-indicator","item":"bds241SegmentedControl-item","--active":"bds241SegmentedControl---active","--disabled":"bds241SegmentedControl---disabled","--size_small":"bds241SegmentedControl---size_small","--size_large":"bds241SegmentedControl---size_large","--variant_outline":"bds241SegmentedControl---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":"bds241Select-component","formGroup":"bds241Select-formGroup","selectWrapper":"bds241Select-selectWrapper","select":"bds241Select-select","selectError":"bds241Select-selectError","chevron":"bds241Select-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":"bds241Slider-component","formGroup":"bds241Slider-formGroup","labelRow":"bds241Slider-labelRow","value":"bds241Slider-value","slider":"bds241Slider-slider","sliderError":"bds241Slider-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":"bds241Switch-component","switchGroup":"bds241Switch-switchGroup","--size_small":"bds241Switch---size_small","--size_medium":"bds241Switch---size_medium","--size_large":"bds241Switch---size_large","inputWrapper":"bds241Switch-inputWrapper","trackWrapper":"bds241Switch-trackWrapper","switch":"bds241Switch-switch","track":"bds241Switch-track","thumb":"bds241Switch-thumb","switchError":"bds241Switch-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":"bds241Textarea-component","formGroup":"bds241Textarea-formGroup","textarea":"bds241Textarea-textarea","textareaError":"bds241Textarea-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":"bds241ButtonGroup-component","buttonGroup":"bds241ButtonGroup-buttonGroup","container":"bds241ButtonGroup-container","--variant_card":"bds241ButtonGroup---variant_card","--variant_flow":"bds241ButtonGroup---variant_flow","--variant_modal":"bds241ButtonGroup---variant_modal","--variant_content":"bds241ButtonGroup---variant_content","--variant_grid":"bds241ButtonGroup---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":"bds241Card-component","card":"bds241Card-card","--default":"bds241Card---default","--elevated":"bds241Card---elevated","--outlined":"bds241Card---outlined","--clickable":"bds241Card---clickable","--padding-none":"bds241Card---padding-none","--padding-small":"bds241Card---padding-small","--padding-medium":"bds241Card---padding-medium","--padding-large":"bds241Card---padding-large","--padding-extra-large":"bds241Card---padding-extra-large","--text-start":"bds241Card---text-start","--text-center":"bds241Card---text-center","--text-end":"bds241Card---text-end"};
|
|
2675
2675
|
|
|
2676
2676
|
// src/components/layout/Card/Card.tsx
|
|
2677
2677
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -2715,42 +2715,69 @@ 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":"bds241Grid-component","grid":"bds241Grid-grid","--main":"bds241Grid---main","--page":"bds241Grid---page","--funnel":"bds241Grid---funnel","--custom":"bds241Grid---custom","--centered":"bds241Grid---centered","item":"bds241Grid-item","w3":"bds241Grid-w3","org":"bds241Grid-org","ts":"bds241Grid-ts","--masonry":"bds241Grid---masonry"};
|
|
2719
2719
|
|
|
2720
2720
|
// src/components/layout/Grid/Grid.tsx
|
|
2721
2721
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
2722
2722
|
|
|
2723
2723
|
// src/components/layout/Grid/masonry.ts
|
|
2724
2724
|
import { useLayoutEffect } from "react";
|
|
2725
|
+
var NAMED_SPAN_VAR = {
|
|
2726
|
+
"three-quarters": "--bds-grid_columns-75",
|
|
2727
|
+
"two-thirds": "--bds-grid_columns-66",
|
|
2728
|
+
half: "--bds-grid_columns-50",
|
|
2729
|
+
"one-third": "--bds-grid_columns-33",
|
|
2730
|
+
"one-quarter": "--bds-grid_columns-25"
|
|
2731
|
+
};
|
|
2732
|
+
var NAMED_SPAN_FRACTION = {
|
|
2733
|
+
"three-quarters": 0.75,
|
|
2734
|
+
"two-thirds": 2 / 3,
|
|
2735
|
+
half: 0.5,
|
|
2736
|
+
"one-third": 1 / 3,
|
|
2737
|
+
"one-quarter": 0.25
|
|
2738
|
+
};
|
|
2739
|
+
function resolvePreferredColumns(container, value, totalCols) {
|
|
2740
|
+
if (value === "full") return totalCols;
|
|
2741
|
+
if (typeof value === "number") return Math.max(1, Math.min(totalCols, value));
|
|
2742
|
+
const varName = NAMED_SPAN_VAR[value];
|
|
2743
|
+
const raw = window.getComputedStyle(container).getPropertyValue(varName).trim();
|
|
2744
|
+
const n = parseInt(raw, 10);
|
|
2745
|
+
if (Number.isFinite(n) && n > 0) return Math.min(totalCols, n);
|
|
2746
|
+
return Math.max(1, Math.round(totalCols * NAMED_SPAN_FRACTION[value]));
|
|
2747
|
+
}
|
|
2725
2748
|
var ROW_UNIT_PX = 1;
|
|
2726
2749
|
function supportsNativeMasonry() {
|
|
2727
2750
|
if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return false;
|
|
2728
2751
|
return CSS.supports("display", "grid-lanes") || CSS.supports("grid-template-rows", "masonry");
|
|
2729
2752
|
}
|
|
2753
|
+
var ORIGINAL_COL_ATTR = "data-bds-masonry-original-column";
|
|
2730
2754
|
function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
2731
2755
|
const cs = window.getComputedStyle(container);
|
|
2732
2756
|
const targetGap = parseFloat(cs.columnGap) || 0;
|
|
2733
2757
|
container.style.gridAutoRows = `${ROW_UNIT_PX}px`;
|
|
2734
2758
|
container.style.rowGap = "0px";
|
|
2735
2759
|
container.style.gridAutoFlow = "dense";
|
|
2760
|
+
container.style.overflowAnchor = "none";
|
|
2736
2761
|
const children = rawChildren.filter(
|
|
2737
2762
|
(el) => el.nodeType === 1 && window.getComputedStyle(el).display !== "none"
|
|
2738
2763
|
);
|
|
2739
2764
|
for (const child of children) {
|
|
2740
|
-
child.style.gridRow = "";
|
|
2741
|
-
child.style.gridRowStart = "";
|
|
2742
|
-
child.style.gridRowEnd = "";
|
|
2743
2765
|
child.style.alignSelf = "start";
|
|
2766
|
+
child.style.overflowAnchor = "none";
|
|
2744
2767
|
}
|
|
2745
|
-
const preferred = options.preferredColumnSpan
|
|
2746
|
-
if (preferred
|
|
2768
|
+
const preferred = options.preferredColumnSpan;
|
|
2769
|
+
if (preferred !== void 0) {
|
|
2747
2770
|
const totalCols = countGridColumns(container);
|
|
2748
|
-
|
|
2771
|
+
const preferredCols = totalCols > 0 ? resolvePreferredColumns(container, preferred, totalCols) : 0;
|
|
2772
|
+
if (totalCols > 0 && preferredCols > 0) {
|
|
2749
2773
|
let col = 0;
|
|
2750
2774
|
for (const child of children) {
|
|
2751
2775
|
if (child.hasAttribute("data-column-span-auto")) {
|
|
2776
|
+
if (!child.hasAttribute(ORIGINAL_COL_ATTR)) {
|
|
2777
|
+
child.setAttribute(ORIGINAL_COL_ATTR, child.style.gridColumn);
|
|
2778
|
+
}
|
|
2752
2779
|
const remaining = totalCols - col;
|
|
2753
|
-
const span = Math.max(1, Math.min(
|
|
2780
|
+
const span = Math.max(1, Math.min(preferredCols, remaining));
|
|
2754
2781
|
child.style.gridColumn = `span ${span}`;
|
|
2755
2782
|
col = (col + span) % totalCols;
|
|
2756
2783
|
} else {
|
|
@@ -2759,6 +2786,10 @@ function applyMasonryLayout(container, rawChildren, options = {}) {
|
|
|
2759
2786
|
}
|
|
2760
2787
|
}
|
|
2761
2788
|
}
|
|
2789
|
+
} else {
|
|
2790
|
+
for (const child of children) {
|
|
2791
|
+
restoreOriginalColumn(child);
|
|
2792
|
+
}
|
|
2762
2793
|
}
|
|
2763
2794
|
const heights = children.map((child) => child.offsetHeight);
|
|
2764
2795
|
for (let i = 0; i < children.length; i++) {
|
|
@@ -2789,17 +2820,22 @@ function clearMasonryLayout(container, rawChildren) {
|
|
|
2789
2820
|
container.style.gridAutoRows = "";
|
|
2790
2821
|
container.style.gridAutoFlow = "";
|
|
2791
2822
|
container.style.rowGap = "";
|
|
2823
|
+
container.style.overflowAnchor = "";
|
|
2792
2824
|
for (const child of rawChildren) {
|
|
2793
2825
|
if (child.nodeType !== 1) continue;
|
|
2794
2826
|
child.style.gridRow = "";
|
|
2795
2827
|
child.style.gridRowStart = "";
|
|
2796
2828
|
child.style.gridRowEnd = "";
|
|
2797
2829
|
child.style.alignSelf = "";
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
}
|
|
2830
|
+
child.style.overflowAnchor = "";
|
|
2831
|
+
restoreOriginalColumn(child);
|
|
2801
2832
|
}
|
|
2802
2833
|
}
|
|
2834
|
+
function restoreOriginalColumn(el) {
|
|
2835
|
+
if (!el.hasAttribute(ORIGINAL_COL_ATTR)) return;
|
|
2836
|
+
el.style.gridColumn = el.getAttribute(ORIGINAL_COL_ATTR) ?? "";
|
|
2837
|
+
el.removeAttribute(ORIGINAL_COL_ATTR);
|
|
2838
|
+
}
|
|
2803
2839
|
function useMasonry(ref, enabled, options = {}) {
|
|
2804
2840
|
const { preferredColumnSpan } = options;
|
|
2805
2841
|
useLayoutEffect(() => {
|
|
@@ -2807,21 +2843,30 @@ function useMasonry(ref, enabled, options = {}) {
|
|
|
2807
2843
|
if (!container || !enabled) return;
|
|
2808
2844
|
if (supportsNativeMasonry()) return;
|
|
2809
2845
|
let frame = 0;
|
|
2810
|
-
const
|
|
2846
|
+
const runNow = () => {
|
|
2811
2847
|
cancelAnimationFrame(frame);
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
preferredColumnSpan
|
|
2815
|
-
});
|
|
2848
|
+
applyMasonryLayout(container, Array.from(container.children), {
|
|
2849
|
+
preferredColumnSpan
|
|
2816
2850
|
});
|
|
2817
2851
|
};
|
|
2852
|
+
const schedule = () => {
|
|
2853
|
+
cancelAnimationFrame(frame);
|
|
2854
|
+
frame = requestAnimationFrame(runNow);
|
|
2855
|
+
};
|
|
2818
2856
|
schedule();
|
|
2819
|
-
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(
|
|
2857
|
+
const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(runNow) : null;
|
|
2858
|
+
const observeDescendants = (child) => {
|
|
2859
|
+
if (!ro) return;
|
|
2860
|
+
ro.observe(child);
|
|
2861
|
+
for (const media of Array.from(child.querySelectorAll("img, video"))) {
|
|
2862
|
+
ro.observe(media);
|
|
2863
|
+
}
|
|
2864
|
+
};
|
|
2820
2865
|
if (ro) {
|
|
2821
|
-
for (const child of Array.from(container.children))
|
|
2866
|
+
for (const child of Array.from(container.children)) observeDescendants(child);
|
|
2822
2867
|
}
|
|
2823
2868
|
const mo = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
|
|
2824
|
-
|
|
2869
|
+
for (const child of Array.from(container.children)) observeDescendants(child);
|
|
2825
2870
|
schedule();
|
|
2826
2871
|
}) : null;
|
|
2827
2872
|
mo?.observe(container, { childList: true });
|
|
@@ -3005,7 +3050,7 @@ function GridItem({
|
|
|
3005
3050
|
}
|
|
3006
3051
|
|
|
3007
3052
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3008
|
-
var SectionHeader_default = {"component":"
|
|
3053
|
+
var SectionHeader_default = {"component":"bds241SectionHeader-component","sectionHeader":"bds241SectionHeader-sectionHeader","title":"bds241SectionHeader-title","subtitle":"bds241SectionHeader-subtitle","--start":"bds241SectionHeader---start","--center":"bds241SectionHeader---center","--end":"bds241SectionHeader---end","--medium":"bds241SectionHeader---medium","--xs":"bds241SectionHeader---xs","--small":"bds241SectionHeader---small","--large":"bds241SectionHeader---large"};
|
|
3009
3054
|
|
|
3010
3055
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3011
3056
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -3027,7 +3072,7 @@ function SectionHeader({
|
|
|
3027
3072
|
}
|
|
3028
3073
|
|
|
3029
3074
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3030
|
-
var IconWrapper_default = {"component":"
|
|
3075
|
+
var IconWrapper_default = {"component":"bds241IconWrapper-component","wrapper":"bds241IconWrapper-wrapper"};
|
|
3031
3076
|
|
|
3032
3077
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3033
3078
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|