@boostdev/design-system-components 2.7.1 → 2.8.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/dist/client.cjs +52 -52
- package/dist/client.css +546 -546
- package/dist/client.js +52 -52
- package/dist/index.cjs +52 -52
- package/dist/index.css +546 -546
- package/dist/index.js +52 -52
- package/dist/web-components/{chunk-7FMR53BW.js → chunk-7YURXHTS.js} +35 -15
- package/dist/web-components/{chunk-5TFWOPLH.js → chunk-A3RLT3AS.js} +3 -3
- package/dist/web-components/{chunk-CM3KYZ6Z.js → chunk-ARMKC4BQ.js} +1 -1
- package/dist/web-components/{chunk-QBB6ZX4R.js → chunk-DZOEPVFT.js} +1 -1
- package/dist/web-components/{chunk-57TRNCWQ.js → chunk-FSZRP43R.js} +1 -1
- package/dist/web-components/{chunk-IYGF6CD5.js → chunk-JYYRJS2D.js} +2 -2
- package/dist/web-components/chunk-OF6FFGOT.js +167 -0
- package/dist/web-components/{chunk-F5E3IT7G.js → chunk-ORC56MDY.js} +5 -5
- package/dist/web-components/{chunk-5R6IFELV.js → chunk-QLT6MTZF.js} +1 -1
- package/dist/web-components/{chunk-CZBIVR4V.js → chunk-UUKSDCYS.js} +1 -1
- package/dist/web-components/{chunk-ITHLKR7Q.js → chunk-X3NQMBAQ.js} +2 -2
- package/dist/web-components/index.js +18 -18
- package/dist/web-components/interaction/bds-button.js +1 -1
- package/dist/web-components/interaction/form/bds-combobox.js +1 -1
- package/dist/web-components/interaction/form/bds-radio.js +1 -1
- package/dist/web-components/interaction/form/bds-select.js +1 -1
- package/dist/web-components/interaction/form/bds-slider.js +1 -1
- package/dist/web-components/interaction/form/bds-switch.js +1 -1
- package/dist/web-components/interaction/form/bds-textarea.js +1 -1
- package/dist/web-components/ui/bds-avatar.js +1 -1
- package/dist/web-components/ui/bds-icon-wrapper.js +1 -1
- package/dist/web-components/ui/bds-loading.js +1 -1
- package/dist/web-components/ui/bds-progress.js +1 -1
- package/package.json +1 -1
- package/src/web-components/interaction/bds-button.ts +5 -5
- package/src/web-components/interaction/form/bds-combobox.ts +1 -1
- package/src/web-components/interaction/form/bds-radio.ts +2 -2
- package/src/web-components/interaction/form/bds-select.ts +1 -1
- package/src/web-components/interaction/form/bds-slider.ts +35 -15
- package/src/web-components/interaction/form/bds-switch.ts +73 -39
- package/src/web-components/interaction/form/bds-textarea.ts +1 -1
- package/src/web-components/ui/bds-avatar.ts +1 -1
- package/src/web-components/ui/bds-carousel.ts +7 -7
- package/src/web-components/ui/bds-icon-wrapper.ts +3 -3
- package/src/web-components/ui/bds-loading.ts +1 -1
- package/src/web-components/ui/bds-progress.ts +2 -2
- package/dist/web-components/chunk-Y3POAKGS.js +0 -133
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":"bds280Accordion-component","accordion":"bds280Accordion-accordion","item":"bds280Accordion-item","heading":"bds280Accordion-heading","trigger":"bds280Accordion-trigger","triggerLabel":"bds280Accordion-triggerLabel","chevron":"bds280Accordion-chevron","--open":"bds280Accordion---open","panel":"bds280Accordion-panel","panelContent":"bds280Accordion-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":"bds280Alert-component","alert":"bds280Alert-alert","--variant_info":"bds280Alert---variant_info","--variant_success":"bds280Alert---variant_success","--variant_warning":"bds280Alert---variant_warning","--variant_error":"bds280Alert---variant_error","icon":"bds280Alert-icon","content":"bds280Alert-content","title":"bds280Alert-title","dismiss":"bds280Alert-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":"bds280Avatar-component","avatar":"bds280Avatar-avatar","--fallback":"bds280Avatar---fallback","--size_small":"bds280Avatar---size_small","--size_medium":"bds280Avatar---size_medium","--size_large":"bds280Avatar---size_large","image":"bds280Avatar-image","initials":"bds280Avatar-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":"bds280Badge-component","badge":"bds280Badge-badge","--variant_primary":"bds280Badge---variant_primary","--variant_secondary":"bds280Badge---variant_secondary","--variant_success":"bds280Badge---variant_success","--variant_error":"bds280Badge---variant_error","--variant_warning":"bds280Badge---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":"bds280Breadcrumb-component","breadcrumb":"bds280Breadcrumb-breadcrumb","list":"bds280Breadcrumb-list","item":"bds280Breadcrumb-item","link":"bds280Breadcrumb-link","separator":"bds280Breadcrumb-separator","current":"bds280Breadcrumb-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":"bds280Collapsible-component","collapsible":"bds280Collapsible-collapsible","summary":"bds280Collapsible-summary","summaryContent":"bds280Collapsible-summaryContent","icon":"bds280Collapsible-icon","content":"bds280Collapsible-content"};
|
|
173
173
|
|
|
174
174
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
175
175
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -210,7 +210,7 @@ function Collapsible({
|
|
|
210
210
|
import { useState as useState2, useId as useId2 } from "react";
|
|
211
211
|
|
|
212
212
|
// src/components/ui/Calendar/Calendar.module.css
|
|
213
|
-
var Calendar_default = {"component":"
|
|
213
|
+
var Calendar_default = {"component":"bds280Calendar-component","calendar":"bds280Calendar-calendar","header":"bds280Calendar-header","monthYear":"bds280Calendar-monthYear","navBtn":"bds280Calendar-navBtn","grid":"bds280Calendar-grid","weekday":"bds280Calendar-weekday","empty":"bds280Calendar-empty","day":"bds280Calendar-day","disabled":"bds280Calendar-disabled","selected":"bds280Calendar-selected","today":"bds280Calendar-today"};
|
|
214
214
|
|
|
215
215
|
// src/components/ui/Calendar/Calendar.tsx
|
|
216
216
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -385,7 +385,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
|
|
|
385
385
|
import { useRef, useId as useId3 } from "react";
|
|
386
386
|
|
|
387
387
|
// src/components/ui/Carousel/Carousel.module.css
|
|
388
|
-
var Carousel_default = {"component":"
|
|
388
|
+
var Carousel_default = {"component":"bds280Carousel-component","carousel":"bds280Carousel-carousel","track":"bds280Carousel-track","slide":"bds280Carousel-slide","navBtn":"bds280Carousel-navBtn"};
|
|
389
389
|
|
|
390
390
|
// src/components/ui/Carousel/Carousel.tsx
|
|
391
391
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -438,7 +438,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
438
438
|
}
|
|
439
439
|
|
|
440
440
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
441
|
-
var DescriptionList_default = {"component":"
|
|
441
|
+
var DescriptionList_default = {"component":"bds280DescriptionList-component","list":"bds280DescriptionList-list","group":"bds280DescriptionList-group","term":"bds280DescriptionList-term","details":"bds280DescriptionList-details","--layout_inline":"bds280DescriptionList---layout_inline"};
|
|
442
442
|
|
|
443
443
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
444
444
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -451,7 +451,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
// src/components/ui/Link/Link.module.css
|
|
454
|
-
var Link_default = {"component":"
|
|
454
|
+
var Link_default = {"component":"bds280Link-component","link":"bds280Link-link","--variant_default":"bds280Link---variant_default","--variant_subtle":"bds280Link---variant_subtle","--variant_standalone":"bds280Link---variant_standalone","externalLabel":"bds280Link-externalLabel"};
|
|
455
455
|
|
|
456
456
|
// src/components/ui/Link/Link.tsx
|
|
457
457
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -482,7 +482,7 @@ function Link({
|
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
// src/components/ui/Loading/Loading.module.css
|
|
485
|
-
var Loading_default = {"component":"
|
|
485
|
+
var Loading_default = {"component":"bds280Loading-component","loading":"bds280Loading-loading","spinner":"bds280Loading-spinner","--size_small":"bds280Loading---size_small","--size_large":"bds280Loading---size_large"};
|
|
486
486
|
|
|
487
487
|
// src/components/ui/Loading/Loading.tsx
|
|
488
488
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -492,7 +492,7 @@ function Loading({ size = "medium", className, ...rest }) {
|
|
|
492
492
|
}
|
|
493
493
|
|
|
494
494
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
495
|
-
var NotificationBanner_default = {"component":"
|
|
495
|
+
var NotificationBanner_default = {"component":"bds280NotificationBanner-component","banner":"bds280NotificationBanner-banner","--variant_info":"bds280NotificationBanner---variant_info","--variant_success":"bds280NotificationBanner---variant_success","--variant_warning":"bds280NotificationBanner---variant_warning","--variant_error":"bds280NotificationBanner---variant_error","content":"bds280NotificationBanner-content","action":"bds280NotificationBanner-action","dismiss":"bds280NotificationBanner-dismiss"};
|
|
496
496
|
|
|
497
497
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
498
498
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -533,7 +533,7 @@ function NotificationBanner({
|
|
|
533
533
|
}
|
|
534
534
|
|
|
535
535
|
// src/components/ui/Pagination/Pagination.module.css
|
|
536
|
-
var Pagination_default = {"component":"
|
|
536
|
+
var Pagination_default = {"component":"bds280Pagination-component","pagination":"bds280Pagination-pagination","list":"bds280Pagination-list","button":"bds280Pagination-button","--active":"bds280Pagination---active","--nav":"bds280Pagination---nav","ellipsis":"bds280Pagination-ellipsis"};
|
|
537
537
|
|
|
538
538
|
// src/components/ui/Pagination/Pagination.tsx
|
|
539
539
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -598,7 +598,7 @@ function Pagination({
|
|
|
598
598
|
}
|
|
599
599
|
|
|
600
600
|
// src/components/ui/Progress/Progress.module.css
|
|
601
|
-
var Progress_default = {"component":"
|
|
601
|
+
var Progress_default = {"component":"bds280Progress-component","container":"bds280Progress-container","labelRow":"bds280Progress-labelRow","value":"bds280Progress-value","track":"bds280Progress-track","--size_small":"bds280Progress---size_small","--size_medium":"bds280Progress---size_medium","--size_large":"bds280Progress---size_large","fill":"bds280Progress-fill"};
|
|
602
602
|
|
|
603
603
|
// src/components/ui/Progress/Progress.tsx
|
|
604
604
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -637,7 +637,7 @@ function Progress({
|
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
640
|
-
var ProgressCircle_default = {"component":"
|
|
640
|
+
var ProgressCircle_default = {"component":"bds280ProgressCircle-component","wrapper":"bds280ProgressCircle-wrapper","svg":"bds280ProgressCircle-svg","track":"bds280ProgressCircle-track","fill":"bds280ProgressCircle-fill","value":"bds280ProgressCircle-value","--size_small":"bds280ProgressCircle---size_small","--size_medium":"bds280ProgressCircle---size_medium","--size_large":"bds280ProgressCircle---size_large"};
|
|
641
641
|
|
|
642
642
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
643
643
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -718,7 +718,7 @@ function ProgressCircle({
|
|
|
718
718
|
}
|
|
719
719
|
|
|
720
720
|
// src/components/ui/Separator/Separator.module.css
|
|
721
|
-
var Separator_default = {"component":"
|
|
721
|
+
var Separator_default = {"component":"bds280Separator-component","separator":"bds280Separator-separator","--horizontal":"bds280Separator---horizontal","--vertical":"bds280Separator---vertical"};
|
|
722
722
|
|
|
723
723
|
// src/components/ui/Separator/Separator.tsx
|
|
724
724
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -742,7 +742,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
742
742
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
743
743
|
|
|
744
744
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
745
|
-
var Skeleton_default = {"component":"
|
|
745
|
+
var Skeleton_default = {"component":"bds280Skeleton-component","skeleton":"bds280Skeleton-skeleton"};
|
|
746
746
|
|
|
747
747
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
748
748
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -751,7 +751,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
751
751
|
}
|
|
752
752
|
|
|
753
753
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
754
|
-
var SkipLink_default = {"component":"
|
|
754
|
+
var SkipLink_default = {"component":"bds280SkipLink-component","skipLink":"bds280SkipLink-skipLink"};
|
|
755
755
|
|
|
756
756
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
757
757
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -761,7 +761,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
761
761
|
}
|
|
762
762
|
|
|
763
763
|
// src/components/ui/Table/Table.module.css
|
|
764
|
-
var Table_default = {"component":"
|
|
764
|
+
var Table_default = {"component":"bds280Table-component","wrapper":"bds280Table-wrapper","table":"bds280Table-table","caption":"bds280Table-caption","thead":"bds280Table-thead","th":"bds280Table-th","--sortable":"bds280Table---sortable","sortButton":"bds280Table-sortButton","sortIcon":"bds280Table-sortIcon","--sort-active":"bds280Table---sort-active","--sort-desc":"bds280Table---sort-desc","tbody":"bds280Table-tbody","tr":"bds280Table-tr","td":"bds280Table-td"};
|
|
765
765
|
|
|
766
766
|
// src/components/ui/Table/Table.tsx
|
|
767
767
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -831,7 +831,7 @@ function Table({
|
|
|
831
831
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
832
832
|
|
|
833
833
|
// src/components/ui/Tabs/Tabs.module.css
|
|
834
|
-
var Tabs_default = {"component":"
|
|
834
|
+
var Tabs_default = {"component":"bds280Tabs-component","tabs":"bds280Tabs-tabs","tabList":"bds280Tabs-tabList","tab":"bds280Tabs-tab","--active":"bds280Tabs---active","panel":"bds280Tabs-panel"};
|
|
835
835
|
|
|
836
836
|
// src/components/ui/Tabs/Tabs.tsx
|
|
837
837
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -911,7 +911,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
911
911
|
import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
|
|
912
912
|
|
|
913
913
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
914
|
-
var Tooltip_default = {"component":"
|
|
914
|
+
var Tooltip_default = {"component":"bds280Tooltip-component","wrapper":"bds280Tooltip-wrapper","tooltip":"bds280Tooltip-tooltip","--placement_top":"bds280Tooltip---placement_top","--placement_bottom":"bds280Tooltip---placement_bottom","--placement_left":"bds280Tooltip---placement_left","--placement_right":"bds280Tooltip---placement_right"};
|
|
915
915
|
|
|
916
916
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
917
917
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -955,7 +955,7 @@ function Tooltip({
|
|
|
955
955
|
}
|
|
956
956
|
|
|
957
957
|
// src/components/ui/Typography/Typography.module.css
|
|
958
|
-
var Typography_default = {"component":"
|
|
958
|
+
var Typography_default = {"component":"bds280Typography-component","typography":"bds280Typography-typography","--h1":"bds280Typography---h1","--h2":"bds280Typography---h2","--h3":"bds280Typography---h3","--body":"bds280Typography---body","--body_s":"bds280Typography---body_s"};
|
|
959
959
|
|
|
960
960
|
// src/components/ui/Typography/Typography.tsx
|
|
961
961
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -973,7 +973,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
973
973
|
}
|
|
974
974
|
|
|
975
975
|
// src/components/interaction/Button/Button.module.css
|
|
976
|
-
var Button_default = {"component":"
|
|
976
|
+
var Button_default = {"component":"bds280Button-component","button":"bds280Button-button","--default":"bds280Button---default","--outline":"bds280Button---outline","--ghost":"bds280Button---ghost","--size_small":"bds280Button---size_small","--size_medium":"bds280Button---size_medium","--size_large":"bds280Button---size_large","--hasPulse":"bds280Button---hasPulse","iconStart":"bds280Button-iconStart","iconEnd":"bds280Button-iconEnd","--iconOnly":"bds280Button---iconOnly"};
|
|
977
977
|
|
|
978
978
|
// src/components/interaction/Button/Button.tsx
|
|
979
979
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1090,7 +1090,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1090
1090
|
}
|
|
1091
1091
|
|
|
1092
1092
|
// src/components/interaction/Command/Command.module.css
|
|
1093
|
-
var Command_default = {"component":"
|
|
1093
|
+
var Command_default = {"component":"bds280Command-component","dialog":"bds280Command-dialog","palette":"bds280Command-palette","searchRow":"bds280Command-searchRow","searchIcon":"bds280Command-searchIcon","search":"bds280Command-search","escHint":"bds280Command-escHint","list":"bds280Command-list","groupList":"bds280Command-groupList","group":"bds280Command-group","item":"bds280Command-item","itemActive":"bds280Command-itemActive","itemLabel":"bds280Command-itemLabel","itemDesc":"bds280Command-itemDesc","shortcut":"bds280Command-shortcut","empty":"bds280Command-empty"};
|
|
1094
1094
|
|
|
1095
1095
|
// src/components/interaction/Command/Command.tsx
|
|
1096
1096
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1267,7 +1267,7 @@ function Command({
|
|
|
1267
1267
|
import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
|
|
1268
1268
|
|
|
1269
1269
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1270
|
-
var Dialog_default = {"component":"
|
|
1270
|
+
var Dialog_default = {"component":"bds280Dialog-component","dialog":"bds280Dialog-dialog","dialogContent":"bds280Dialog-dialogContent","closeButton":"bds280Dialog-closeButton"};
|
|
1271
1271
|
|
|
1272
1272
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1273
1273
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1373,7 +1373,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1373
1373
|
import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
|
|
1374
1374
|
|
|
1375
1375
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1376
|
-
var Drawer_default = {"component":"
|
|
1376
|
+
var Drawer_default = {"component":"bds280Drawer-component","drawer":"bds280Drawer-drawer","--side_left":"bds280Drawer---side_left","header":"bds280Drawer-header","closeButton":"bds280Drawer-closeButton","body":"bds280Drawer-body"};
|
|
1377
1377
|
|
|
1378
1378
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1379
1379
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1481,7 +1481,7 @@ import {
|
|
|
1481
1481
|
} from "react";
|
|
1482
1482
|
|
|
1483
1483
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1484
|
-
var DropdownMenu_default = {"component":"
|
|
1484
|
+
var DropdownMenu_default = {"component":"bds280DropdownMenu-component","wrapper":"bds280DropdownMenu-wrapper","menu":"bds280DropdownMenu-menu","--placement_bottom-start":"bds280DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds280DropdownMenu---placement_bottom-end","separator":"bds280DropdownMenu-separator","item":"bds280DropdownMenu-item","icon":"bds280DropdownMenu-icon"};
|
|
1485
1485
|
|
|
1486
1486
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1487
1487
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1602,7 +1602,7 @@ import {
|
|
|
1602
1602
|
} from "react";
|
|
1603
1603
|
|
|
1604
1604
|
// src/components/interaction/Popover/Popover.module.css
|
|
1605
|
-
var Popover_default = {"component":"
|
|
1605
|
+
var Popover_default = {"component":"bds280Popover-component","wrapper":"bds280Popover-wrapper","panel":"bds280Popover-panel","g":"bds280Popover-g"};
|
|
1606
1606
|
|
|
1607
1607
|
// src/components/interaction/Popover/Popover.tsx
|
|
1608
1608
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1687,7 +1687,7 @@ function Popover({
|
|
|
1687
1687
|
}
|
|
1688
1688
|
|
|
1689
1689
|
// src/components/interaction/Rating/Rating.module.css
|
|
1690
|
-
var Rating_default = {"component":"
|
|
1690
|
+
var Rating_default = {"component":"bds280Rating-component","rating":"bds280Rating-rating","star":"bds280Rating-star","--filled":"bds280Rating---filled"};
|
|
1691
1691
|
|
|
1692
1692
|
// src/components/interaction/Rating/Rating.tsx
|
|
1693
1693
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1719,7 +1719,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
1719
1719
|
import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
|
|
1720
1720
|
|
|
1721
1721
|
// src/components/interaction/Toast/Toast.module.css
|
|
1722
|
-
var Toast_default = {"component":"
|
|
1722
|
+
var Toast_default = {"component":"bds280Toast-component","toastContainer":"bds280Toast-toastContainer","toast":"bds280Toast-toast","--variant_success":"bds280Toast---variant_success","--variant_warning":"bds280Toast---variant_warning","--variant_info":"bds280Toast---variant_info","--variant_error":"bds280Toast---variant_error","message":"bds280Toast-message","closeButton":"bds280Toast-closeButton"};
|
|
1723
1723
|
|
|
1724
1724
|
// src/components/interaction/Toast/Toast.tsx
|
|
1725
1725
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1797,10 +1797,10 @@ function useToast() {
|
|
|
1797
1797
|
import { useId as useId11 } from "react";
|
|
1798
1798
|
|
|
1799
1799
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1800
|
-
var Checkbox_default = {"component":"
|
|
1800
|
+
var Checkbox_default = {"component":"bds280Checkbox-component","checkboxGroup":"bds280Checkbox-checkboxGroup","inputWrapper":"bds280Checkbox-inputWrapper","checkbox":"bds280Checkbox-checkbox","checkboxError":"bds280Checkbox-checkboxError"};
|
|
1801
1801
|
|
|
1802
1802
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1803
|
-
var Message_default = {"component":"
|
|
1803
|
+
var Message_default = {"component":"bds280Message-component","error":"bds280Message-error","hint":"bds280Message-hint"};
|
|
1804
1804
|
|
|
1805
1805
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1806
1806
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -1811,7 +1811,7 @@ var Message = ({ message, type, inputId, className }) => {
|
|
|
1811
1811
|
};
|
|
1812
1812
|
|
|
1813
1813
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1814
|
-
var Label_default = {"component":"
|
|
1814
|
+
var Label_default = {"component":"bds280Label-component","label":"bds280Label-label"};
|
|
1815
1815
|
|
|
1816
1816
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1817
1817
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1824,7 +1824,7 @@ var Label = ({ label, id, className }) => {
|
|
|
1824
1824
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
1825
1825
|
|
|
1826
1826
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1827
|
-
var InputContainer_default = {"component":"
|
|
1827
|
+
var InputContainer_default = {"component":"bds280InputContainer-component","container":"bds280InputContainer-container"};
|
|
1828
1828
|
|
|
1829
1829
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1830
1830
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1865,7 +1865,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1865
1865
|
import { useId as useId12 } from "react";
|
|
1866
1866
|
|
|
1867
1867
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1868
|
-
var CheckboxGroup_default = {"component":"
|
|
1868
|
+
var CheckboxGroup_default = {"component":"bds280CheckboxGroup-component","group":"bds280CheckboxGroup-group","legend":"bds280CheckboxGroup-legend","required":"bds280CheckboxGroup-required","items":"bds280CheckboxGroup-items"};
|
|
1869
1869
|
|
|
1870
1870
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1871
1871
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -1913,7 +1913,7 @@ import {
|
|
|
1913
1913
|
} from "react";
|
|
1914
1914
|
|
|
1915
1915
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1916
|
-
var Combobox_default = {"component":"
|
|
1916
|
+
var Combobox_default = {"component":"bds280Combobox-component","formGroup":"bds280Combobox-formGroup","inputWrapper":"bds280Combobox-inputWrapper","input":"bds280Combobox-input","inputError":"bds280Combobox-inputError","chevron":"bds280Combobox-chevron","listbox":"bds280Combobox-listbox","option":"bds280Combobox-option","--highlighted":"bds280Combobox---highlighted","--selected":"bds280Combobox---selected","--disabled":"bds280Combobox---disabled"};
|
|
1917
1917
|
|
|
1918
1918
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1919
1919
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2065,7 +2065,7 @@ import { Children } from "react";
|
|
|
2065
2065
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
2066
2066
|
|
|
2067
2067
|
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2068
|
-
var FieldGroup_default = {"component":"
|
|
2068
|
+
var FieldGroup_default = {"component":"bds280FieldGroup-component","fieldGroup":"bds280FieldGroup-fieldGroup","legend":"bds280FieldGroup-legend","fields":"bds280FieldGroup-fields","--variant_horizontal":"bds280FieldGroup---variant_horizontal"};
|
|
2069
2069
|
|
|
2070
2070
|
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2071
2071
|
import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -2100,7 +2100,7 @@ function FieldGroup({
|
|
|
2100
2100
|
import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
|
|
2101
2101
|
|
|
2102
2102
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2103
|
-
var FileInput_default = {"component":"
|
|
2103
|
+
var FileInput_default = {"component":"bds280FileInput-component","formGroup":"bds280FileInput-formGroup","fieldLabel":"bds280FileInput-fieldLabel","dropZone":"bds280FileInput-dropZone","isDragging":"bds280FileInput-isDragging","hasError":"bds280FileInput-hasError","isDisabled":"bds280FileInput-isDisabled","icon":"bds280FileInput-icon","prompt":"bds280FileInput-prompt","acceptHint":"bds280FileInput-acceptHint","hiddenInput":"bds280FileInput-hiddenInput"};
|
|
2104
2104
|
|
|
2105
2105
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2106
2106
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2201,7 +2201,7 @@ function FileInput({
|
|
|
2201
2201
|
import { useId as useId15 } from "react";
|
|
2202
2202
|
|
|
2203
2203
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2204
|
-
var FormInput_default = {"component":"
|
|
2204
|
+
var FormInput_default = {"component":"bds280FormInput-component","formGroup":"bds280FormInput-formGroup","input":"bds280FormInput-input","inputError":"bds280FormInput-inputError"};
|
|
2205
2205
|
|
|
2206
2206
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2207
2207
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2245,7 +2245,7 @@ function FormInput({
|
|
|
2245
2245
|
import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
|
|
2246
2246
|
|
|
2247
2247
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2248
|
-
var NumberInput_default = {"component":"
|
|
2248
|
+
var NumberInput_default = {"component":"bds280NumberInput-component","formGroup":"bds280NumberInput-formGroup","inputRow":"bds280NumberInput-inputRow","input":"bds280NumberInput-input","inputError":"bds280NumberInput-inputError","stepper":"bds280NumberInput-stepper"};
|
|
2249
2249
|
|
|
2250
2250
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2251
2251
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2350,7 +2350,7 @@ function NumberInput({
|
|
|
2350
2350
|
import { useId as useId17 } from "react";
|
|
2351
2351
|
|
|
2352
2352
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2353
|
-
var Radio_default = {"component":"
|
|
2353
|
+
var Radio_default = {"component":"bds280Radio-component","radioGroup":"bds280Radio-radioGroup","inputWrapper":"bds280Radio-inputWrapper","textWrapper":"bds280Radio-textWrapper","description":"bds280Radio-description","radio":"bds280Radio-radio","radioError":"bds280Radio-radioError"};
|
|
2354
2354
|
|
|
2355
2355
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2356
2356
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2388,7 +2388,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2388
2388
|
import { useId as useId18 } from "react";
|
|
2389
2389
|
|
|
2390
2390
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2391
|
-
var RadioGroup_default = {"component":"
|
|
2391
|
+
var RadioGroup_default = {"component":"bds280RadioGroup-component","group":"bds280RadioGroup-group","legend":"bds280RadioGroup-legend","required":"bds280RadioGroup-required","items":"bds280RadioGroup-items"};
|
|
2392
2392
|
|
|
2393
2393
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2394
2394
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2430,7 +2430,7 @@ function RadioGroup({
|
|
|
2430
2430
|
import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
|
|
2431
2431
|
|
|
2432
2432
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2433
|
-
var SegmentedControl_default = {"component":"
|
|
2433
|
+
var SegmentedControl_default = {"component":"bds280SegmentedControl-component","control":"bds280SegmentedControl-control","thumb":"bds280SegmentedControl-thumb","indicator":"bds280SegmentedControl-indicator","item":"bds280SegmentedControl-item","--active":"bds280SegmentedControl---active","--disabled":"bds280SegmentedControl---disabled","--size_small":"bds280SegmentedControl---size_small","--size_large":"bds280SegmentedControl---size_large","--variant_outline":"bds280SegmentedControl---variant_outline"};
|
|
2434
2434
|
|
|
2435
2435
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2436
2436
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2486,7 +2486,7 @@ function SegmentedControl({
|
|
|
2486
2486
|
import { useId as useId19 } from "react";
|
|
2487
2487
|
|
|
2488
2488
|
// src/components/interaction/form/Select/Select.module.css
|
|
2489
|
-
var Select_default = {"component":"
|
|
2489
|
+
var Select_default = {"component":"bds280Select-component","formGroup":"bds280Select-formGroup","selectWrapper":"bds280Select-selectWrapper","select":"bds280Select-select","selectError":"bds280Select-selectError","chevron":"bds280Select-chevron"};
|
|
2490
2490
|
|
|
2491
2491
|
// src/components/interaction/form/Select/Select.tsx
|
|
2492
2492
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2537,7 +2537,7 @@ function Select({
|
|
|
2537
2537
|
import { useId as useId20, useState as useState12 } from "react";
|
|
2538
2538
|
|
|
2539
2539
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2540
|
-
var Slider_default = {"component":"
|
|
2540
|
+
var Slider_default = {"component":"bds280Slider-component","formGroup":"bds280Slider-formGroup","labelRow":"bds280Slider-labelRow","value":"bds280Slider-value","slider":"bds280Slider-slider","sliderError":"bds280Slider-sliderError"};
|
|
2541
2541
|
|
|
2542
2542
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2543
2543
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2599,7 +2599,7 @@ function Slider({
|
|
|
2599
2599
|
import { useId as useId21 } from "react";
|
|
2600
2600
|
|
|
2601
2601
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2602
|
-
var Switch_default = {"component":"
|
|
2602
|
+
var Switch_default = {"component":"bds280Switch-component","switchGroup":"bds280Switch-switchGroup","--size_small":"bds280Switch---size_small","--size_medium":"bds280Switch---size_medium","--size_large":"bds280Switch---size_large","inputWrapper":"bds280Switch-inputWrapper","trackWrapper":"bds280Switch-trackWrapper","switch":"bds280Switch-switch","track":"bds280Switch-track","thumb":"bds280Switch-thumb","switchError":"bds280Switch-switchError"};
|
|
2603
2603
|
|
|
2604
2604
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2605
2605
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2647,7 +2647,7 @@ function Switch({
|
|
|
2647
2647
|
import { useId as useId22 } from "react";
|
|
2648
2648
|
|
|
2649
2649
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2650
|
-
var Textarea_default = {"component":"
|
|
2650
|
+
var Textarea_default = {"component":"bds280Textarea-component","formGroup":"bds280Textarea-formGroup","textarea":"bds280Textarea-textarea","textareaError":"bds280Textarea-textareaError"};
|
|
2651
2651
|
|
|
2652
2652
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2653
2653
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
@@ -2686,7 +2686,7 @@ function Textarea({
|
|
|
2686
2686
|
}
|
|
2687
2687
|
|
|
2688
2688
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2689
|
-
var ButtonGroup_default = {"component":"
|
|
2689
|
+
var ButtonGroup_default = {"component":"bds280ButtonGroup-component","buttonGroup":"bds280ButtonGroup-buttonGroup","container":"bds280ButtonGroup-container","--variant_card":"bds280ButtonGroup---variant_card","--variant_flow":"bds280ButtonGroup---variant_flow","--variant_modal":"bds280ButtonGroup---variant_modal","--variant_content":"bds280ButtonGroup---variant_content","--variant_grid":"bds280ButtonGroup---variant_grid"};
|
|
2690
2690
|
|
|
2691
2691
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2692
2692
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
@@ -2705,7 +2705,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
|
|
|
2705
2705
|
var ButtonGroup = ButtonContainer;
|
|
2706
2706
|
|
|
2707
2707
|
// src/components/layout/Card/Card.module.css
|
|
2708
|
-
var Card_default = {"component":"
|
|
2708
|
+
var Card_default = {"component":"bds280Card-component","card":"bds280Card-card","--default":"bds280Card---default","--elevated":"bds280Card---elevated","--outlined":"bds280Card---outlined","--clickable":"bds280Card---clickable","--padding-none":"bds280Card---padding-none","--padding-small":"bds280Card---padding-small","--padding-medium":"bds280Card---padding-medium","--padding-large":"bds280Card---padding-large","--padding-extra-large":"bds280Card---padding-extra-large","--text-start":"bds280Card---text-start","--text-center":"bds280Card---text-center","--text-end":"bds280Card---text-end"};
|
|
2709
2709
|
|
|
2710
2710
|
// src/components/layout/Card/Card.tsx
|
|
2711
2711
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
@@ -2749,7 +2749,7 @@ import {
|
|
|
2749
2749
|
} from "react";
|
|
2750
2750
|
|
|
2751
2751
|
// src/components/layout/Grid/Grid.module.css
|
|
2752
|
-
var Grid_default = {"component":"
|
|
2752
|
+
var Grid_default = {"component":"bds280Grid-component","grid":"bds280Grid-grid","--main":"bds280Grid---main","--page":"bds280Grid---page","--funnel":"bds280Grid---funnel","--custom":"bds280Grid---custom","--centered":"bds280Grid---centered","item":"bds280Grid-item","w3":"bds280Grid-w3","org":"bds280Grid-org","ts":"bds280Grid-ts","--masonry":"bds280Grid---masonry"};
|
|
2753
2753
|
|
|
2754
2754
|
// src/components/layout/Grid/Grid.tsx
|
|
2755
2755
|
import { cn as cn50 } from "@boostdev/design-system-foundation";
|
|
@@ -3150,7 +3150,7 @@ function GridItem({
|
|
|
3150
3150
|
}
|
|
3151
3151
|
|
|
3152
3152
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3153
|
-
var SectionHeader_default = {"component":"
|
|
3153
|
+
var SectionHeader_default = {"component":"bds280SectionHeader-component","sectionHeader":"bds280SectionHeader-sectionHeader","title":"bds280SectionHeader-title","subtitle":"bds280SectionHeader-subtitle","--start":"bds280SectionHeader---start","--center":"bds280SectionHeader---center","--end":"bds280SectionHeader---end","--medium":"bds280SectionHeader---medium","--xs":"bds280SectionHeader---xs","--small":"bds280SectionHeader---small","--large":"bds280SectionHeader---large"};
|
|
3154
3154
|
|
|
3155
3155
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3156
3156
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|
|
@@ -3172,7 +3172,7 @@ function SectionHeader({
|
|
|
3172
3172
|
}
|
|
3173
3173
|
|
|
3174
3174
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3175
|
-
var IconWrapper_default = {"component":"
|
|
3175
|
+
var IconWrapper_default = {"component":"bds280IconWrapper-component","wrapper":"bds280IconWrapper-wrapper"};
|
|
3176
3176
|
|
|
3177
3177
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3178
3178
|
import { cn as cn53 } from "@boostdev/design-system-foundation";
|
|
@@ -24,44 +24,64 @@ var BdsSlider = class extends i2 {
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.input {
|
|
27
|
+
--slider_track-height: var(--bds-space_xxs);
|
|
28
|
+
--slider_thumb-size: calc(var(--bds-space_s) * 2);
|
|
29
|
+
|
|
30
|
+
color: var(--slider_color, var(--bds-color_on-bg));
|
|
27
31
|
inline-size: 100%;
|
|
28
32
|
appearance: none;
|
|
29
|
-
block-size:
|
|
30
|
-
border-radius:
|
|
33
|
+
block-size: var(--slider_track-height);
|
|
34
|
+
border-radius: var(--slider_track-radius, var(--bds-border_radius--full));
|
|
31
35
|
background: linear-gradient(
|
|
32
36
|
to right,
|
|
33
|
-
var(--
|
|
34
|
-
var(--
|
|
37
|
+
var(--slider_color-active, var(--bdc-color_active)) 0%,
|
|
38
|
+
var(--slider_color-active, var(--bdc-color_active)) var(--slider_fill, 0%),
|
|
39
|
+
var(--slider_track-bg, var(--bds-color_bg--subtle)) var(--slider_fill, 0%),
|
|
40
|
+
var(--slider_track-bg, var(--bds-color_bg--subtle)) 100%
|
|
35
41
|
);
|
|
36
42
|
outline: none;
|
|
37
43
|
cursor: pointer;
|
|
44
|
+
transition: var(--bds-animation_transition);
|
|
38
45
|
}
|
|
39
46
|
|
|
40
47
|
.input::-webkit-slider-thumb {
|
|
41
48
|
appearance: none;
|
|
42
|
-
inline-size:
|
|
43
|
-
block-size:
|
|
44
|
-
border-radius:
|
|
45
|
-
background-color: var(--
|
|
46
|
-
box-shadow: var(--bds-
|
|
49
|
+
inline-size: var(--slider_thumb-size);
|
|
50
|
+
block-size: var(--slider_thumb-size);
|
|
51
|
+
border-radius: var(--slider_thumb-radius, var(--bds-border_radius--circle));
|
|
52
|
+
background-color: var(--slider_color-active, var(--bdc-color_active));
|
|
53
|
+
box-shadow: var(--bds-shadow_s);
|
|
47
54
|
cursor: pointer;
|
|
48
55
|
transition: var(--bds-animation_transition);
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
.input::-moz-range-thumb {
|
|
52
|
-
inline-size:
|
|
53
|
-
block-size:
|
|
54
|
-
border-radius: 50%;
|
|
59
|
+
inline-size: var(--slider_thumb-size);
|
|
60
|
+
block-size: var(--slider_thumb-size);
|
|
55
61
|
border: none;
|
|
56
|
-
|
|
57
|
-
|
|
62
|
+
border-radius: var(--slider_thumb-radius, var(--bds-border_radius--circle));
|
|
63
|
+
background-color: var(--slider_color-active, var(--bdc-color_active));
|
|
64
|
+
box-shadow: var(--bds-shadow_s);
|
|
58
65
|
cursor: pointer;
|
|
59
66
|
}
|
|
60
67
|
|
|
68
|
+
.input:disabled {
|
|
69
|
+
opacity: 0.4;
|
|
70
|
+
cursor: not-allowed;
|
|
71
|
+
}
|
|
72
|
+
|
|
61
73
|
.input:focus-visible {
|
|
62
74
|
outline: var(--bds-outline_default);
|
|
63
75
|
outline-offset: var(--bds-outline_offset);
|
|
64
|
-
border-radius:
|
|
76
|
+
border-radius: var(--slider_track-radius, var(--bds-border_radius--full));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
@media (prefers-reduced-motion: reduce) {
|
|
80
|
+
.input,
|
|
81
|
+
.input::-webkit-slider-thumb,
|
|
82
|
+
.input::-moz-range-thumb {
|
|
83
|
+
transition: none;
|
|
84
|
+
}
|
|
65
85
|
}
|
|
66
86
|
`;
|
|
67
87
|
static properties = {
|
|
@@ -15,14 +15,14 @@ var BdsIconWrapper = class extends i2 {
|
|
|
15
15
|
inline-size: 2em;
|
|
16
16
|
block-size: 2em;
|
|
17
17
|
font-size: 3em;
|
|
18
|
-
border-radius:
|
|
18
|
+
border-radius: var(--icon-wrapper-radius, var(--bds-border_radius--circle));
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
21
|
justify-content: center;
|
|
22
22
|
margin: var(--bds-space_l) auto var(--bds-space_m);
|
|
23
23
|
background: var(--icon-wrapper-color, var(--bds-color_bg));
|
|
24
|
-
color: var(--bds-on-icon-wrapper-color, var(--bds-color_on-bg));
|
|
25
|
-
fill:
|
|
24
|
+
color: var(--icon-wrapper_on-color, var(--bds-on-icon-wrapper-color, var(--bds-color_on-bg)));
|
|
25
|
+
fill: currentcolor;
|
|
26
26
|
position: relative;
|
|
27
27
|
transition: var(--bds-animation_transition);
|
|
28
28
|
}
|