@boostdev/design-system-components 2.14.1 → 2.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +1 -1
- package/dist/client.cjs +52 -52
- package/dist/client.css +600 -599
- package/dist/client.js +52 -52
- package/dist/index.cjs +52 -52
- package/dist/index.css +600 -599
- package/dist/index.js +52 -52
- package/dist/web-components/{chunk-XIZWAWMJ.js → chunk-XTPUKUN5.js} +16 -6
- package/dist/web-components/index.js +1 -1
- package/dist/web-components/interaction/bds-button.js +1 -1
- package/package.json +1 -1
- package/src/components/interaction/Button/Button.mdx +7 -0
- package/src/components/interaction/Button/Button.module.css +17 -9
- package/src/components/interaction/Button/Button.stories.tsx +28 -0
- package/src/web-components/interaction/BdsButton.mdx +8 -0
- package/src/web-components/interaction/BdsButton.stories.tsx +41 -0
- package/src/web-components/interaction/bds-button.ts +16 -6
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":"bds2150Accordion-component","accordion":"bds2150Accordion-accordion","item":"bds2150Accordion-item","heading":"bds2150Accordion-heading","trigger":"bds2150Accordion-trigger","triggerLabel":"bds2150Accordion-triggerLabel","chevron":"bds2150Accordion-chevron","--open":"bds2150Accordion---open","panel":"bds2150Accordion-panel","panelContent":"bds2150Accordion-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":"bds2150Alert-component","alert":"bds2150Alert-alert","--variant_info":"bds2150Alert---variant_info","--variant_success":"bds2150Alert---variant_success","--variant_warning":"bds2150Alert---variant_warning","--variant_error":"bds2150Alert---variant_error","icon":"bds2150Alert-icon","content":"bds2150Alert-content","title":"bds2150Alert-title","dismiss":"bds2150Alert-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":"bds2150Avatar-component","avatar":"bds2150Avatar-avatar","--fallback":"bds2150Avatar---fallback","--size_small":"bds2150Avatar---size_small","--size_medium":"bds2150Avatar---size_medium","--size_large":"bds2150Avatar---size_large","image":"bds2150Avatar-image","initials":"bds2150Avatar-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":"bds2150Badge-component","badge":"bds2150Badge-badge","--variant_primary":"bds2150Badge---variant_primary","--variant_secondary":"bds2150Badge---variant_secondary","--variant_success":"bds2150Badge---variant_success","--variant_error":"bds2150Badge---variant_error","--variant_warning":"bds2150Badge---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":"bds2150Breadcrumb-component","breadcrumb":"bds2150Breadcrumb-breadcrumb","list":"bds2150Breadcrumb-list","item":"bds2150Breadcrumb-item","link":"bds2150Breadcrumb-link","separator":"bds2150Breadcrumb-separator","text":"bds2150Breadcrumb-text","current":"bds2150Breadcrumb-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":"bds2150Collapsible-component","collapsible":"bds2150Collapsible-collapsible","summary":"bds2150Collapsible-summary","summaryContent":"bds2150Collapsible-summaryContent","icon":"bds2150Collapsible-icon","content":"bds2150Collapsible-content"};
|
|
173
173
|
|
|
174
174
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
175
175
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -218,7 +218,7 @@ import { useState as useState2, useId as useId2, useRef, useEffect, useCallback
|
|
|
218
218
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
219
219
|
|
|
220
220
|
// src/components/ui/Calendar/Calendar.module.css
|
|
221
|
-
var Calendar_default = {"component":"
|
|
221
|
+
var Calendar_default = {"component":"bds2150Calendar-component","calendar":"bds2150Calendar-calendar","months":"bds2150Calendar-months","month":"bds2150Calendar-month","monthHeader":"bds2150Calendar-monthHeader","navSlot":"bds2150Calendar-navSlot","monthYear":"bds2150Calendar-monthYear","navBtn":"bds2150Calendar-navBtn","grid":"bds2150Calendar-grid","row":"bds2150Calendar-row","weekday":"bds2150Calendar-weekday","cell":"bds2150Calendar-cell","day":"bds2150Calendar-day","disabled":"bds2150Calendar-disabled","selected":"bds2150Calendar-selected","rangeStart":"bds2150Calendar-rangeStart","rangeEnd":"bds2150Calendar-rangeEnd","outside":"bds2150Calendar-outside","today":"bds2150Calendar-today","inRange":"bds2150Calendar-inRange"};
|
|
222
222
|
|
|
223
223
|
// src/components/ui/Calendar/MonthGrid.tsx
|
|
224
224
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -707,7 +707,7 @@ function CalendarRange({
|
|
|
707
707
|
import { useRef as useRef3, useId as useId4 } from "react";
|
|
708
708
|
|
|
709
709
|
// src/components/ui/Carousel/Carousel.module.css
|
|
710
|
-
var Carousel_default = {"component":"
|
|
710
|
+
var Carousel_default = {"component":"bds2150Carousel-component","carousel":"bds2150Carousel-carousel","track":"bds2150Carousel-track","slide":"bds2150Carousel-slide","navBtn":"bds2150Carousel-navBtn"};
|
|
711
711
|
|
|
712
712
|
// src/components/ui/Carousel/Carousel.tsx
|
|
713
713
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -765,7 +765,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
765
765
|
}
|
|
766
766
|
|
|
767
767
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
768
|
-
var DescriptionList_default = {"component":"
|
|
768
|
+
var DescriptionList_default = {"component":"bds2150DescriptionList-component","list":"bds2150DescriptionList-list","group":"bds2150DescriptionList-group","term":"bds2150DescriptionList-term","details":"bds2150DescriptionList-details","--layout_inline":"bds2150DescriptionList---layout_inline"};
|
|
769
769
|
|
|
770
770
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
771
771
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -778,7 +778,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
778
778
|
}
|
|
779
779
|
|
|
780
780
|
// src/components/ui/Link/Link.module.css
|
|
781
|
-
var Link_default = {"component":"
|
|
781
|
+
var Link_default = {"component":"bds2150Link-component","link":"bds2150Link-link","--variant_default":"bds2150Link---variant_default","--variant_subtle":"bds2150Link---variant_subtle","--variant_standalone":"bds2150Link---variant_standalone","externalLabel":"bds2150Link-externalLabel"};
|
|
782
782
|
|
|
783
783
|
// src/components/ui/Link/Link.tsx
|
|
784
784
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -809,7 +809,7 @@ function Link({
|
|
|
809
809
|
}
|
|
810
810
|
|
|
811
811
|
// src/components/ui/Loading/Loading.module.css
|
|
812
|
-
var Loading_default = {"component":"
|
|
812
|
+
var Loading_default = {"component":"bds2150Loading-component","loading":"bds2150Loading-loading","spinner":"bds2150Loading-spinner","--size_small":"bds2150Loading---size_small","--size_large":"bds2150Loading---size_large"};
|
|
813
813
|
|
|
814
814
|
// src/components/ui/Loading/Loading.tsx
|
|
815
815
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -828,7 +828,7 @@ function Loading({ size = "medium", className, "aria-label": ariaLabel, ...rest
|
|
|
828
828
|
}
|
|
829
829
|
|
|
830
830
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
831
|
-
var NotificationBanner_default = {"component":"
|
|
831
|
+
var NotificationBanner_default = {"component":"bds2150NotificationBanner-component","banner":"bds2150NotificationBanner-banner","--variant_info":"bds2150NotificationBanner---variant_info","--variant_success":"bds2150NotificationBanner---variant_success","--variant_warning":"bds2150NotificationBanner---variant_warning","--variant_error":"bds2150NotificationBanner---variant_error","content":"bds2150NotificationBanner-content","action":"bds2150NotificationBanner-action","dismiss":"bds2150NotificationBanner-dismiss"};
|
|
832
832
|
|
|
833
833
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
834
834
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -869,7 +869,7 @@ function NotificationBanner({
|
|
|
869
869
|
}
|
|
870
870
|
|
|
871
871
|
// src/components/ui/Pagination/Pagination.module.css
|
|
872
|
-
var Pagination_default = {"component":"
|
|
872
|
+
var Pagination_default = {"component":"bds2150Pagination-component","pagination":"bds2150Pagination-pagination","list":"bds2150Pagination-list","button":"bds2150Pagination-button","--active":"bds2150Pagination---active","--nav":"bds2150Pagination---nav","ellipsis":"bds2150Pagination-ellipsis"};
|
|
873
873
|
|
|
874
874
|
// src/components/ui/Pagination/Pagination.tsx
|
|
875
875
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -934,7 +934,7 @@ function Pagination({
|
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
// src/components/ui/Progress/Progress.module.css
|
|
937
|
-
var Progress_default = {"component":"
|
|
937
|
+
var Progress_default = {"component":"bds2150Progress-component","container":"bds2150Progress-container","labelRow":"bds2150Progress-labelRow","value":"bds2150Progress-value","track":"bds2150Progress-track","--size_small":"bds2150Progress---size_small","--size_medium":"bds2150Progress---size_medium","--size_large":"bds2150Progress---size_large","fill":"bds2150Progress-fill"};
|
|
938
938
|
|
|
939
939
|
// src/components/ui/Progress/Progress.tsx
|
|
940
940
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -973,7 +973,7 @@ function Progress({
|
|
|
973
973
|
}
|
|
974
974
|
|
|
975
975
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
976
|
-
var ProgressCircle_default = {"component":"
|
|
976
|
+
var ProgressCircle_default = {"component":"bds2150ProgressCircle-component","wrapper":"bds2150ProgressCircle-wrapper","svg":"bds2150ProgressCircle-svg","track":"bds2150ProgressCircle-track","fill":"bds2150ProgressCircle-fill","value":"bds2150ProgressCircle-value","--size_small":"bds2150ProgressCircle---size_small","--size_medium":"bds2150ProgressCircle---size_medium","--size_large":"bds2150ProgressCircle---size_large"};
|
|
977
977
|
|
|
978
978
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
979
979
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
@@ -1054,7 +1054,7 @@ function ProgressCircle({
|
|
|
1054
1054
|
}
|
|
1055
1055
|
|
|
1056
1056
|
// src/components/ui/Separator/Separator.module.css
|
|
1057
|
-
var Separator_default = {"component":"
|
|
1057
|
+
var Separator_default = {"component":"bds2150Separator-component","separator":"bds2150Separator-separator","--horizontal":"bds2150Separator---horizontal","--vertical":"bds2150Separator---vertical"};
|
|
1058
1058
|
|
|
1059
1059
|
// src/components/ui/Separator/Separator.tsx
|
|
1060
1060
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -1078,7 +1078,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
1078
1078
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
1079
1079
|
|
|
1080
1080
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
1081
|
-
var Skeleton_default = {"component":"
|
|
1081
|
+
var Skeleton_default = {"component":"bds2150Skeleton-component","skeleton":"bds2150Skeleton-skeleton"};
|
|
1082
1082
|
|
|
1083
1083
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
1084
1084
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
@@ -1087,7 +1087,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
1087
1087
|
}
|
|
1088
1088
|
|
|
1089
1089
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
1090
|
-
var SkipLink_default = {"component":"
|
|
1090
|
+
var SkipLink_default = {"component":"bds2150SkipLink-component","skipLink":"bds2150SkipLink-skipLink"};
|
|
1091
1091
|
|
|
1092
1092
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
1093
1093
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -1100,7 +1100,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
1100
1100
|
import { useId as useId5 } from "react";
|
|
1101
1101
|
|
|
1102
1102
|
// src/components/ui/Table/Table.module.css
|
|
1103
|
-
var Table_default = {"component":"
|
|
1103
|
+
var Table_default = {"component":"bds2150Table-component","wrapper":"bds2150Table-wrapper","table":"bds2150Table-table","caption":"bds2150Table-caption","thead":"bds2150Table-thead","th":"bds2150Table-th","--sortable":"bds2150Table---sortable","sortButton":"bds2150Table-sortButton","sortIcon":"bds2150Table-sortIcon","--sort-active":"bds2150Table---sort-active","--sort-desc":"bds2150Table---sort-desc","tbody":"bds2150Table-tbody","tr":"bds2150Table-tr","td":"bds2150Table-td"};
|
|
1104
1104
|
|
|
1105
1105
|
// src/components/ui/Table/Table.tsx
|
|
1106
1106
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -1192,7 +1192,7 @@ function Table({
|
|
|
1192
1192
|
import { useId as useId6, useRef as useRef4, useState as useState4 } from "react";
|
|
1193
1193
|
|
|
1194
1194
|
// src/components/ui/Tabs/Tabs.module.css
|
|
1195
|
-
var Tabs_default = {"component":"
|
|
1195
|
+
var Tabs_default = {"component":"bds2150Tabs-component","tabs":"bds2150Tabs-tabs","tabList":"bds2150Tabs-tabList","tab":"bds2150Tabs-tab","--active":"bds2150Tabs---active","panel":"bds2150Tabs-panel"};
|
|
1196
1196
|
|
|
1197
1197
|
// src/components/ui/Tabs/Tabs.tsx
|
|
1198
1198
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -1281,7 +1281,7 @@ import {
|
|
|
1281
1281
|
} from "react";
|
|
1282
1282
|
|
|
1283
1283
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
1284
|
-
var Tooltip_default = {"component":"
|
|
1284
|
+
var Tooltip_default = {"component":"bds2150Tooltip-component","wrapper":"bds2150Tooltip-wrapper","tooltip":"bds2150Tooltip-tooltip","--visible":"bds2150Tooltip---visible","--placement_top":"bds2150Tooltip---placement_top","--placement_bottom":"bds2150Tooltip---placement_bottom","--placement_left":"bds2150Tooltip---placement_left","--placement_right":"bds2150Tooltip---placement_right"};
|
|
1285
1285
|
|
|
1286
1286
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
1287
1287
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1333,7 +1333,7 @@ function Tooltip({
|
|
|
1333
1333
|
}
|
|
1334
1334
|
|
|
1335
1335
|
// src/components/ui/Typography/Typography.module.css
|
|
1336
|
-
var Typography_default = {"component":"
|
|
1336
|
+
var Typography_default = {"component":"bds2150Typography-component","typography":"bds2150Typography-typography","--h1":"bds2150Typography---h1","--h2":"bds2150Typography---h2","--h3":"bds2150Typography---h3","--body":"bds2150Typography---body","--body_s":"bds2150Typography---body_s"};
|
|
1337
1337
|
|
|
1338
1338
|
// src/components/ui/Typography/Typography.tsx
|
|
1339
1339
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1351,7 +1351,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
1351
1351
|
}
|
|
1352
1352
|
|
|
1353
1353
|
// src/components/interaction/Button/Button.module.css
|
|
1354
|
-
var Button_default = {"component":"
|
|
1354
|
+
var Button_default = {"component":"bds2150Button-component","button":"bds2150Button-button","--default":"bds2150Button---default","--outline":"bds2150Button---outline","--ghost":"bds2150Button---ghost","--size_small":"bds2150Button---size_small","--size_medium":"bds2150Button---size_medium","--size_large":"bds2150Button---size_large","--hasPulse":"bds2150Button---hasPulse","iconStart":"bds2150Button-iconStart","iconEnd":"bds2150Button-iconEnd","--iconOnly":"bds2150Button---iconOnly"};
|
|
1355
1355
|
|
|
1356
1356
|
// src/components/interaction/Button/Button.tsx
|
|
1357
1357
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1468,7 +1468,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1468
1468
|
}
|
|
1469
1469
|
|
|
1470
1470
|
// src/components/interaction/Command/Command.module.css
|
|
1471
|
-
var Command_default = {"component":"
|
|
1471
|
+
var Command_default = {"component":"bds2150Command-component","dialog":"bds2150Command-dialog","palette":"bds2150Command-palette","searchRow":"bds2150Command-searchRow","searchIcon":"bds2150Command-searchIcon","search":"bds2150Command-search","escHint":"bds2150Command-escHint","list":"bds2150Command-list","groupList":"bds2150Command-groupList","group":"bds2150Command-group","item":"bds2150Command-item","itemActive":"bds2150Command-itemActive","itemLabel":"bds2150Command-itemLabel","itemDesc":"bds2150Command-itemDesc","shortcut":"bds2150Command-shortcut","empty":"bds2150Command-empty","srOnly":"bds2150Command-srOnly"};
|
|
1472
1472
|
|
|
1473
1473
|
// src/components/interaction/Command/Command.tsx
|
|
1474
1474
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1650,7 +1650,7 @@ function Command({
|
|
|
1650
1650
|
import { useEffect as useEffect4, useId as useId9, useRef as useRef6 } from "react";
|
|
1651
1651
|
|
|
1652
1652
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1653
|
-
var Dialog_default = {"component":"
|
|
1653
|
+
var Dialog_default = {"component":"bds2150Dialog-component","dialog":"bds2150Dialog-dialog","dialogContent":"bds2150Dialog-dialogContent","closeButton":"bds2150Dialog-closeButton"};
|
|
1654
1654
|
|
|
1655
1655
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1656
1656
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1758,7 +1758,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1758
1758
|
import { useEffect as useEffect5, useId as useId10, useRef as useRef7 } from "react";
|
|
1759
1759
|
|
|
1760
1760
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1761
|
-
var Drawer_default = {"component":"
|
|
1761
|
+
var Drawer_default = {"component":"bds2150Drawer-component","drawer":"bds2150Drawer-drawer","--side_left":"bds2150Drawer---side_left","header":"bds2150Drawer-header","closeButton":"bds2150Drawer-closeButton","body":"bds2150Drawer-body"};
|
|
1762
1762
|
|
|
1763
1763
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1764
1764
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1887,7 +1887,7 @@ import {
|
|
|
1887
1887
|
} from "react";
|
|
1888
1888
|
|
|
1889
1889
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1890
|
-
var DropdownMenu_default = {"component":"
|
|
1890
|
+
var DropdownMenu_default = {"component":"bds2150DropdownMenu-component","wrapper":"bds2150DropdownMenu-wrapper","menu":"bds2150DropdownMenu-menu","--placement_bottom-start":"bds2150DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2150DropdownMenu---placement_bottom-end","separator":"bds2150DropdownMenu-separator","item":"bds2150DropdownMenu-item","icon":"bds2150DropdownMenu-icon"};
|
|
1891
1891
|
|
|
1892
1892
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1893
1893
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -2018,7 +2018,7 @@ import {
|
|
|
2018
2018
|
} from "react";
|
|
2019
2019
|
|
|
2020
2020
|
// src/components/interaction/Popover/Popover.module.css
|
|
2021
|
-
var Popover_default = {"component":"
|
|
2021
|
+
var Popover_default = {"component":"bds2150Popover-component","wrapper":"bds2150Popover-wrapper","panel":"bds2150Popover-panel","g":"bds2150Popover-g"};
|
|
2022
2022
|
|
|
2023
2023
|
// src/components/interaction/Popover/Popover.tsx
|
|
2024
2024
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -2114,7 +2114,7 @@ function Popover({
|
|
|
2114
2114
|
}
|
|
2115
2115
|
|
|
2116
2116
|
// src/components/interaction/Rating/Rating.module.css
|
|
2117
|
-
var Rating_default = {"component":"
|
|
2117
|
+
var Rating_default = {"component":"bds2150Rating-component","rating":"bds2150Rating-rating","star":"bds2150Rating-star","--filled":"bds2150Rating---filled"};
|
|
2118
2118
|
|
|
2119
2119
|
// src/components/interaction/Rating/Rating.tsx
|
|
2120
2120
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -2146,7 +2146,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
2146
2146
|
import { useState as useState9, useEffect as useEffect8, createContext, useContext, useCallback as useCallback3, useMemo as useMemo2, useRef as useRef10 } from "react";
|
|
2147
2147
|
|
|
2148
2148
|
// src/components/interaction/Toast/Toast.module.css
|
|
2149
|
-
var Toast_default = {"component":"
|
|
2149
|
+
var Toast_default = {"component":"bds2150Toast-component","toastContainer":"bds2150Toast-toastContainer","toast":"bds2150Toast-toast","md":"bds2150Toast-md","--variant_success":"bds2150Toast---variant_success","--variant_warning":"bds2150Toast---variant_warning","--variant_info":"bds2150Toast---variant_info","--variant_error":"bds2150Toast---variant_error","message":"bds2150Toast-message","closeButton":"bds2150Toast-closeButton"};
|
|
2150
2150
|
|
|
2151
2151
|
// src/components/interaction/Toast/Toast.tsx
|
|
2152
2152
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -2227,10 +2227,10 @@ function useToast() {
|
|
|
2227
2227
|
import { useId as useId13 } from "react";
|
|
2228
2228
|
|
|
2229
2229
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
2230
|
-
var Checkbox_default = {"component":"
|
|
2230
|
+
var Checkbox_default = {"component":"bds2150Checkbox-component","checkboxGroup":"bds2150Checkbox-checkboxGroup","inputWrapper":"bds2150Checkbox-inputWrapper","checkbox":"bds2150Checkbox-checkbox","checkboxError":"bds2150Checkbox-checkboxError"};
|
|
2231
2231
|
|
|
2232
2232
|
// src/components/interaction/form/atoms/Message.module.css
|
|
2233
|
-
var Message_default = {"component":"
|
|
2233
|
+
var Message_default = {"component":"bds2150Message-component","error":"bds2150Message-error","hint":"bds2150Message-hint"};
|
|
2234
2234
|
|
|
2235
2235
|
// src/components/interaction/form/atoms/Message.tsx
|
|
2236
2236
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -2241,7 +2241,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
2241
2241
|
};
|
|
2242
2242
|
|
|
2243
2243
|
// src/components/interaction/form/atoms/Label.module.css
|
|
2244
|
-
var Label_default = {"component":"
|
|
2244
|
+
var Label_default = {"component":"bds2150Label-component","label":"bds2150Label-label"};
|
|
2245
2245
|
|
|
2246
2246
|
// src/components/interaction/form/atoms/Label.tsx
|
|
2247
2247
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
@@ -2254,7 +2254,7 @@ var Label = ({ label, id, className }) => {
|
|
|
2254
2254
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
2255
2255
|
|
|
2256
2256
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
2257
|
-
var InputContainer_default = {"component":"
|
|
2257
|
+
var InputContainer_default = {"component":"bds2150InputContainer-component","container":"bds2150InputContainer-container"};
|
|
2258
2258
|
|
|
2259
2259
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
2260
2260
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -2295,7 +2295,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
2295
2295
|
import { useId as useId14 } from "react";
|
|
2296
2296
|
|
|
2297
2297
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
2298
|
-
var CheckboxGroup_default = {"component":"
|
|
2298
|
+
var CheckboxGroup_default = {"component":"bds2150CheckboxGroup-component","group":"bds2150CheckboxGroup-group","legend":"bds2150CheckboxGroup-legend","required":"bds2150CheckboxGroup-required","requiredLabel":"bds2150CheckboxGroup-requiredLabel","items":"bds2150CheckboxGroup-items"};
|
|
2299
2299
|
|
|
2300
2300
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
2301
2301
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2346,7 +2346,7 @@ import {
|
|
|
2346
2346
|
} from "react";
|
|
2347
2347
|
|
|
2348
2348
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
2349
|
-
var Combobox_default = {"component":"
|
|
2349
|
+
var Combobox_default = {"component":"bds2150Combobox-component","formGroup":"bds2150Combobox-formGroup","inputWrapper":"bds2150Combobox-inputWrapper","input":"bds2150Combobox-input","inputError":"bds2150Combobox-inputError","chevron":"bds2150Combobox-chevron","listbox":"bds2150Combobox-listbox","option":"bds2150Combobox-option","--highlighted":"bds2150Combobox---highlighted","--selected":"bds2150Combobox---selected","--disabled":"bds2150Combobox---disabled"};
|
|
2350
2350
|
|
|
2351
2351
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
2352
2352
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2517,7 +2517,7 @@ import {
|
|
|
2517
2517
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
2518
2518
|
|
|
2519
2519
|
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2520
|
-
var FieldGroup_default = {"component":"
|
|
2520
|
+
var FieldGroup_default = {"component":"bds2150FieldGroup-component","fieldGroup":"bds2150FieldGroup-fieldGroup","legend":"bds2150FieldGroup-legend","fields":"bds2150FieldGroup-fields","--variant_horizontal":"bds2150FieldGroup---variant_horizontal","probe":"bds2150FieldGroup-probe","tsx":"bds2150FieldGroup-tsx","probeContainer":"bds2150FieldGroup-probeContainer"};
|
|
2521
2521
|
|
|
2522
2522
|
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2523
2523
|
import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -2580,7 +2580,7 @@ function FieldGroup({
|
|
|
2580
2580
|
import { useId as useId16, useRef as useRef13, useState as useState12 } from "react";
|
|
2581
2581
|
|
|
2582
2582
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2583
|
-
var FileInput_default = {"component":"
|
|
2583
|
+
var FileInput_default = {"component":"bds2150FileInput-component","formGroup":"bds2150FileInput-formGroup","fieldLabel":"bds2150FileInput-fieldLabel","dropZone":"bds2150FileInput-dropZone","isDragging":"bds2150FileInput-isDragging","hasError":"bds2150FileInput-hasError","isDisabled":"bds2150FileInput-isDisabled","icon":"bds2150FileInput-icon","prompt":"bds2150FileInput-prompt","acceptHint":"bds2150FileInput-acceptHint","hiddenInput":"bds2150FileInput-hiddenInput"};
|
|
2584
2584
|
|
|
2585
2585
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2586
2586
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2685,7 +2685,7 @@ function FileInput({
|
|
|
2685
2685
|
import { useId as useId17 } from "react";
|
|
2686
2686
|
|
|
2687
2687
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2688
|
-
var FormInput_default = {"component":"
|
|
2688
|
+
var FormInput_default = {"component":"bds2150FormInput-component","formGroup":"bds2150FormInput-formGroup","input":"bds2150FormInput-input","g":"bds2150FormInput-g","inputError":"bds2150FormInput-inputError"};
|
|
2689
2689
|
|
|
2690
2690
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2691
2691
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2730,7 +2730,7 @@ function FormInput({
|
|
|
2730
2730
|
import { useEffect as useEffect11, useId as useId18, useRef as useRef14, useState as useState13 } from "react";
|
|
2731
2731
|
|
|
2732
2732
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2733
|
-
var NumberInput_default = {"component":"
|
|
2733
|
+
var NumberInput_default = {"component":"bds2150NumberInput-component","formGroup":"bds2150NumberInput-formGroup","inputRow":"bds2150NumberInput-inputRow","input":"bds2150NumberInput-input","inputError":"bds2150NumberInput-inputError","stepper":"bds2150NumberInput-stepper"};
|
|
2734
2734
|
|
|
2735
2735
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2736
2736
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2848,7 +2848,7 @@ function NumberInput({
|
|
|
2848
2848
|
import { useId as useId19 } from "react";
|
|
2849
2849
|
|
|
2850
2850
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2851
|
-
var Radio_default = {"component":"
|
|
2851
|
+
var Radio_default = {"component":"bds2150Radio-component","radioGroup":"bds2150Radio-radioGroup","inputWrapper":"bds2150Radio-inputWrapper","textWrapper":"bds2150Radio-textWrapper","description":"bds2150Radio-description","radio":"bds2150Radio-radio","g":"bds2150Radio-g","radioError":"bds2150Radio-radioError"};
|
|
2852
2852
|
|
|
2853
2853
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2854
2854
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2887,7 +2887,7 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
|
|
|
2887
2887
|
import { useId as useId20 } from "react";
|
|
2888
2888
|
|
|
2889
2889
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2890
|
-
var RadioGroup_default = {"component":"
|
|
2890
|
+
var RadioGroup_default = {"component":"bds2150RadioGroup-component","group":"bds2150RadioGroup-group","legend":"bds2150RadioGroup-legend","required":"bds2150RadioGroup-required","requiredLabel":"bds2150RadioGroup-requiredLabel","items":"bds2150RadioGroup-items"};
|
|
2891
2891
|
|
|
2892
2892
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2893
2893
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2932,7 +2932,7 @@ function RadioGroup({
|
|
|
2932
2932
|
import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2933
2933
|
|
|
2934
2934
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2935
|
-
var SegmentedControl_default = {"component":"
|
|
2935
|
+
var SegmentedControl_default = {"component":"bds2150SegmentedControl-component","control":"bds2150SegmentedControl-control","thumb":"bds2150SegmentedControl-thumb","indicator":"bds2150SegmentedControl-indicator","item":"bds2150SegmentedControl-item","--active":"bds2150SegmentedControl---active","--disabled":"bds2150SegmentedControl---disabled","--size_small":"bds2150SegmentedControl---size_small","--size_large":"bds2150SegmentedControl---size_large","--variant_outline":"bds2150SegmentedControl---variant_outline","--no-selection":"bds2150SegmentedControl---no-selection"};
|
|
2936
2936
|
|
|
2937
2937
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2938
2938
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -3011,7 +3011,7 @@ function SegmentedControl({
|
|
|
3011
3011
|
import { useId as useId21 } from "react";
|
|
3012
3012
|
|
|
3013
3013
|
// src/components/interaction/form/Select/Select.module.css
|
|
3014
|
-
var Select_default = {"component":"
|
|
3014
|
+
var Select_default = {"component":"bds2150Select-component","formGroup":"bds2150Select-formGroup","selectWrapper":"bds2150Select-selectWrapper","select":"bds2150Select-select","selectError":"bds2150Select-selectError","chevron":"bds2150Select-chevron"};
|
|
3015
3015
|
|
|
3016
3016
|
// src/components/interaction/form/Select/Select.tsx
|
|
3017
3017
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -3069,7 +3069,7 @@ function Select({
|
|
|
3069
3069
|
import { useId as useId22, useState as useState14 } from "react";
|
|
3070
3070
|
|
|
3071
3071
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
3072
|
-
var Slider_default = {"component":"
|
|
3072
|
+
var Slider_default = {"component":"bds2150Slider-component","formGroup":"bds2150Slider-formGroup","labelRow":"bds2150Slider-labelRow","value":"bds2150Slider-value","slider":"bds2150Slider-slider","sliderError":"bds2150Slider-sliderError"};
|
|
3073
3073
|
|
|
3074
3074
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
3075
3075
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
@@ -3130,7 +3130,7 @@ function Slider({
|
|
|
3130
3130
|
import { useId as useId23 } from "react";
|
|
3131
3131
|
|
|
3132
3132
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
3133
|
-
var Switch_default = {"component":"
|
|
3133
|
+
var Switch_default = {"component":"bds2150Switch-component","switchGroup":"bds2150Switch-switchGroup","--size_small":"bds2150Switch---size_small","--size_medium":"bds2150Switch---size_medium","--size_large":"bds2150Switch---size_large","inputWrapper":"bds2150Switch-inputWrapper","trackWrapper":"bds2150Switch-trackWrapper","switch":"bds2150Switch-switch","track":"bds2150Switch-track","thumb":"bds2150Switch-thumb","switchError":"bds2150Switch-switchError"};
|
|
3134
3134
|
|
|
3135
3135
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
3136
3136
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -3179,7 +3179,7 @@ function Switch({
|
|
|
3179
3179
|
import { useId as useId24 } from "react";
|
|
3180
3180
|
|
|
3181
3181
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
3182
|
-
var Textarea_default = {"component":"
|
|
3182
|
+
var Textarea_default = {"component":"bds2150Textarea-component","formGroup":"bds2150Textarea-formGroup","textarea":"bds2150Textarea-textarea","textareaError":"bds2150Textarea-textareaError"};
|
|
3183
3183
|
|
|
3184
3184
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
3185
3185
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -3220,7 +3220,7 @@ function Textarea({
|
|
|
3220
3220
|
}
|
|
3221
3221
|
|
|
3222
3222
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
3223
|
-
var ButtonGroup_default = {"component":"
|
|
3223
|
+
var ButtonGroup_default = {"component":"bds2150ButtonGroup-component","buttonGroup":"bds2150ButtonGroup-buttonGroup","container":"bds2150ButtonGroup-container","--variant_card":"bds2150ButtonGroup---variant_card","--variant_flow":"bds2150ButtonGroup---variant_flow","--variant_modal":"bds2150ButtonGroup---variant_modal","--variant_content":"bds2150ButtonGroup---variant_content"};
|
|
3224
3224
|
|
|
3225
3225
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
3226
3226
|
import { cn as cn50 } from "@boostdev/design-system-foundation";
|
|
@@ -3239,7 +3239,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
|
|
|
3239
3239
|
var ButtonGroup = ButtonContainer;
|
|
3240
3240
|
|
|
3241
3241
|
// src/components/layout/Card/Card.module.css
|
|
3242
|
-
var Card_default = {"component":"
|
|
3242
|
+
var Card_default = {"component":"bds2150Card-component","card":"bds2150Card-card","--default":"bds2150Card---default","--elevated":"bds2150Card---elevated","--outlined":"bds2150Card---outlined","--clickable":"bds2150Card---clickable","--padding-none":"bds2150Card---padding-none","--padding-small":"bds2150Card---padding-small","--padding-medium":"bds2150Card---padding-medium","--padding-large":"bds2150Card---padding-large","--padding-extra-large":"bds2150Card---padding-extra-large","--text-start":"bds2150Card---text-start","--text-center":"bds2150Card---text-center","--text-end":"bds2150Card---text-end"};
|
|
3243
3243
|
|
|
3244
3244
|
// src/components/layout/Card/Card.tsx
|
|
3245
3245
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -3283,7 +3283,7 @@ import {
|
|
|
3283
3283
|
} from "react";
|
|
3284
3284
|
|
|
3285
3285
|
// src/components/layout/Grid/Grid.module.css
|
|
3286
|
-
var Grid_default = {"component":"
|
|
3286
|
+
var Grid_default = {"component":"bds2150Grid-component","grid":"bds2150Grid-grid","--main":"bds2150Grid---main","--page":"bds2150Grid---page","--funnel":"bds2150Grid---funnel","--custom":"bds2150Grid---custom","--centered":"bds2150Grid---centered","item":"bds2150Grid-item","w3":"bds2150Grid-w3","org":"bds2150Grid-org","ts":"bds2150Grid-ts","--masonry":"bds2150Grid---masonry"};
|
|
3287
3287
|
|
|
3288
3288
|
// src/components/layout/Grid/Grid.tsx
|
|
3289
3289
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|
|
@@ -3695,7 +3695,7 @@ function GridItem({
|
|
|
3695
3695
|
}
|
|
3696
3696
|
|
|
3697
3697
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3698
|
-
var SectionHeader_default = {"component":"
|
|
3698
|
+
var SectionHeader_default = {"component":"bds2150SectionHeader-component","sectionHeader":"bds2150SectionHeader-sectionHeader","title":"bds2150SectionHeader-title","subtitle":"bds2150SectionHeader-subtitle","--start":"bds2150SectionHeader---start","--center":"bds2150SectionHeader---center","--end":"bds2150SectionHeader---end","--medium":"bds2150SectionHeader---medium","--xs":"bds2150SectionHeader---xs","--small":"bds2150SectionHeader---small","--large":"bds2150SectionHeader---large"};
|
|
3699
3699
|
|
|
3700
3700
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3701
3701
|
import { cn as cn54 } from "@boostdev/design-system-foundation";
|
|
@@ -3717,7 +3717,7 @@ function SectionHeader({
|
|
|
3717
3717
|
}
|
|
3718
3718
|
|
|
3719
3719
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3720
|
-
var IconWrapper_default = {"component":"
|
|
3720
|
+
var IconWrapper_default = {"component":"bds2150IconWrapper-component","wrapper":"bds2150IconWrapper-wrapper"};
|
|
3721
3721
|
|
|
3722
3722
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3723
3723
|
import { cn as cn55 } from "@boostdev/design-system-foundation";
|
|
@@ -39,7 +39,9 @@ var BdsButton = class extends i2 {
|
|
|
39
39
|
all: unset;
|
|
40
40
|
position: relative;
|
|
41
41
|
font: inherit;
|
|
42
|
-
|
|
42
|
+
--button_padding-inline--size: var(--bds-space_l);
|
|
43
|
+
|
|
44
|
+
padding-inline: var(--button_padding-inline--size);
|
|
43
45
|
display: inline-flex;
|
|
44
46
|
gap: var(--bds-space_xs);
|
|
45
47
|
border-radius: var(--button_radius, var(--bds-border_radius--full));
|
|
@@ -89,17 +91,17 @@ var BdsButton = class extends i2 {
|
|
|
89
91
|
.button.small {
|
|
90
92
|
--button_height: 2.25em;
|
|
91
93
|
--button_font-size: var(--bds-font_size--body--s);
|
|
92
|
-
|
|
94
|
+
--button_padding-inline--size: var(--bds-space_m);
|
|
93
95
|
}
|
|
94
96
|
|
|
95
97
|
.button.medium {
|
|
96
98
|
--button_height: 3em;
|
|
97
|
-
|
|
99
|
+
--button_padding-inline--size: var(--bds-space_l);
|
|
98
100
|
}
|
|
99
101
|
|
|
100
102
|
.button.large {
|
|
101
103
|
--button_font-size: var(--bds-font_size--heading-3);
|
|
102
|
-
|
|
104
|
+
--button_padding-inline--size: var(--bds-space_xl);
|
|
103
105
|
}
|
|
104
106
|
|
|
105
107
|
/* Pulse */
|
|
@@ -142,15 +144,23 @@ var BdsButton = class extends i2 {
|
|
|
142
144
|
align-items: center;
|
|
143
145
|
}
|
|
144
146
|
|
|
147
|
+
/* Icon offset — pulls the icon into the padding so the optical gap between
|
|
148
|
+
icon and edge matches the gap between label and edge. Defaults to half
|
|
149
|
+
the size's inline padding (--button_padding-inline--size, set above per
|
|
150
|
+
size), so it scales automatically with size and with the responsive
|
|
151
|
+
space tokens. --button_icon-offset is the public override; it is read
|
|
152
|
+
only as a var() fallback here, never declared on .button, so a value
|
|
153
|
+
set on the host or an ancestor inherits through the shadow boundary
|
|
154
|
+
instead of being shadowed by a same-element declaration. */
|
|
145
155
|
.icon-start.has-content {
|
|
146
156
|
display: flex;
|
|
147
|
-
margin-inline-start: calc(var(--
|
|
157
|
+
margin-inline-start: calc(var(--button_icon-offset, calc(var(--button_padding-inline--size) / 2)) * -1);
|
|
148
158
|
transition: var(--bds-animation_transition);
|
|
149
159
|
}
|
|
150
160
|
|
|
151
161
|
.icon-end.has-content {
|
|
152
162
|
display: flex;
|
|
153
|
-
margin-inline-end: calc(var(--
|
|
163
|
+
margin-inline-end: calc(var(--button_icon-offset, calc(var(--button_padding-inline--size) / 2)) * -1);
|
|
154
164
|
transition: var(--bds-animation_transition);
|
|
155
165
|
}
|
|
156
166
|
|
package/package.json
CHANGED