@boostdev/design-system-components 1.0.1 → 1.0.3
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 +19 -17
- package/dist/client.cjs +50 -50
- package/dist/client.css +719 -700
- package/dist/client.js +50 -50
- package/dist/index.cjs +50 -50
- package/dist/index.css +719 -700
- package/dist/index.js +50 -50
- package/package.json +3 -3
- package/src/components/interaction/Button/Button.module.css +8 -8
- package/src/components/interaction/Command/Command.module.css +12 -12
- package/src/components/interaction/Dialog/Dialog.module.css +3 -3
- package/src/components/interaction/Drawer/Drawer.module.css +3 -3
- package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +4 -4
- package/src/components/interaction/Popover/Popover.module.css +2 -2
- package/src/components/interaction/Rating/Rating.module.css +2 -2
- package/src/components/interaction/Toast/Toast.module.css +10 -10
- package/src/components/interaction/form/Checkbox/Checkbox.module.css +5 -5
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css +2 -2
- package/src/components/interaction/form/Combobox/Combobox.module.css +8 -8
- package/src/components/interaction/form/FileInput/FileInput.module.css +8 -8
- package/src/components/interaction/form/FormInput/FormInput.module.css +2 -2
- package/src/components/interaction/form/NumberInput/NumberInput.module.css +4 -4
- package/src/components/interaction/form/Radio/Radio.module.css +6 -6
- package/src/components/interaction/form/RadioGroup/RadioGroup.module.css +2 -2
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +6 -6
- package/src/components/interaction/form/Select/Select.module.css +3 -3
- package/src/components/interaction/form/Slider/Slider.module.css +14 -14
- package/src/components/interaction/form/Switch/Switch.module.css +8 -8
- package/src/components/interaction/form/Textarea/Textarea.module.css +2 -2
- package/src/components/interaction/form/atoms/Label.module.css +1 -1
- package/src/components/interaction/form/atoms/Message.module.css +1 -1
- package/src/components/layout/Card/Card.module.css +2 -2
- package/src/components/layout/IconWrapper/IconWrapper.module.css +3 -3
- package/src/components/layout/SectionHeader/SectionHeader.module.css +2 -2
- package/src/components/ui/Accordion/Accordion.module.css +5 -5
- package/src/components/ui/Alert/Alert.module.css +15 -15
- package/src/components/ui/Avatar/Avatar.module.css +2 -2
- package/src/components/ui/Badge/Badge.module.css +12 -12
- package/src/components/ui/Breadcrumb/Breadcrumb.module.css +3 -3
- package/src/components/ui/Calendar/Calendar.module.css +11 -11
- package/src/components/ui/Carousel/Carousel.module.css +4 -4
- package/src/components/ui/Collapsible/Collapsible.module.css +6 -6
- package/src/components/ui/DescriptionList/DescriptionList.module.css +3 -3
- package/src/components/ui/Link/Link.module.css +8 -8
- package/src/components/ui/Loading/Loading.module.css +2 -2
- package/src/components/ui/NotificationBanner/NotificationBanner.module.css +15 -15
- package/src/components/ui/Pagination/Pagination.module.css +8 -8
- package/src/components/ui/Progress/Progress.module.css +3 -3
- package/src/components/ui/ProgressCircle/ProgressCircle.module.css +3 -3
- package/src/components/ui/Separator/Separator.module.css +1 -1
- package/src/components/ui/Skeleton/Skeleton.module.css +3 -3
- package/src/components/ui/SkipLink/SkipLink.module.css +3 -3
- package/src/components/ui/Table/Table.module.css +11 -11
- package/src/components/ui/Tabs/Tabs.module.css +5 -5
- package/src/components/ui/Tooltip/Tooltip.module.css +2 -2
- package/src/components/ui/Typography/Typography.module.css +1 -1
- package/src/css/bdc.css +2 -2
- package/src/index.ts +2 -0
- package/src/stories/DesignSystem/Borders.mdx +7 -7
- package/src/stories/DesignSystem/Colors.mdx +28 -29
- package/src/stories/DesignSystem/Elevation.mdx +4 -4
- package/src/stories/DesignSystem/Grid.mdx +5 -5
- package/src/stories/DesignSystem/Motion.mdx +2 -2
- package/src/stories/DesignSystem/Overview.mdx +1 -1
- package/src/stories/DesignSystem/Spacing.mdx +3 -3
- package/src/stories/DesignSystem/Typography.mdx +6 -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 = {"accordion":"
|
|
5
|
+
var Accordion_default = {"accordion":"bds103Accordion-accordion","item":"bds103Accordion-item","heading":"bds103Accordion-heading","trigger":"bds103Accordion-trigger","triggerLabel":"bds103Accordion-triggerLabel","chevron":"bds103Accordion-chevron","--open":"bds103Accordion---open","panel":"bds103Accordion-panel","panelContent":"bds103Accordion-panelContent"};
|
|
6
6
|
|
|
7
7
|
// src/components/ui/Accordion/Accordion.tsx
|
|
8
8
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -70,7 +70,7 @@ function Accordion({
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
// src/components/ui/Alert/Alert.module.css
|
|
73
|
-
var Alert_default = {"alert":"
|
|
73
|
+
var Alert_default = {"alert":"bds103Alert-alert","--variant_info":"bds103Alert---variant_info","--variant_success":"bds103Alert---variant_success","--variant_warning":"bds103Alert---variant_warning","--variant_error":"bds103Alert---variant_error","icon":"bds103Alert-icon","content":"bds103Alert-content","title":"bds103Alert-title","dismiss":"bds103Alert-dismiss"};
|
|
74
74
|
|
|
75
75
|
// src/components/ui/Alert/Alert.tsx
|
|
76
76
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
@@ -113,7 +113,7 @@ function Alert({
|
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
// src/components/ui/Avatar/Avatar.module.css
|
|
116
|
-
var Avatar_default = {"avatar":"
|
|
116
|
+
var Avatar_default = {"avatar":"bds103Avatar-avatar","--fallback":"bds103Avatar---fallback","--size_small":"bds103Avatar---size_small","--size_medium":"bds103Avatar---size_medium","--size_large":"bds103Avatar---size_large","image":"bds103Avatar-image","initials":"bds103Avatar-initials"};
|
|
117
117
|
|
|
118
118
|
// src/components/ui/Avatar/Avatar.tsx
|
|
119
119
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
// src/components/ui/Badge/Badge.module.css
|
|
142
|
-
var Badge_default = {"badge":"
|
|
142
|
+
var Badge_default = {"badge":"bds103Badge-badge","--variant_primary":"bds103Badge---variant_primary","--variant_secondary":"bds103Badge---variant_secondary","--variant_success":"bds103Badge---variant_success","--variant_error":"bds103Badge---variant_error","--variant_warning":"bds103Badge---variant_warning"};
|
|
143
143
|
|
|
144
144
|
// src/components/ui/Badge/Badge.tsx
|
|
145
145
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
152
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
152
|
+
var Breadcrumb_default = {"breadcrumb":"bds103Breadcrumb-breadcrumb","list":"bds103Breadcrumb-list","item":"bds103Breadcrumb-item","link":"bds103Breadcrumb-link","separator":"bds103Breadcrumb-separator","current":"bds103Breadcrumb-current"};
|
|
153
153
|
|
|
154
154
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
155
155
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -165,7 +165,7 @@ function Breadcrumb({ items, className }) {
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
168
|
-
var Collapsible_default = {"collapsible":"
|
|
168
|
+
var Collapsible_default = {"collapsible":"bds103Collapsible-collapsible","summary":"bds103Collapsible-summary","summaryContent":"bds103Collapsible-summaryContent","icon":"bds103Collapsible-icon","content":"bds103Collapsible-content"};
|
|
169
169
|
|
|
170
170
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
171
171
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -206,7 +206,7 @@ function Collapsible({
|
|
|
206
206
|
import { useState as useState2, useId as useId2 } from "react";
|
|
207
207
|
|
|
208
208
|
// src/components/ui/Calendar/Calendar.module.css
|
|
209
|
-
var Calendar_default = {"calendar":"
|
|
209
|
+
var Calendar_default = {"calendar":"bds103Calendar-calendar","header":"bds103Calendar-header","monthYear":"bds103Calendar-monthYear","navBtn":"bds103Calendar-navBtn","grid":"bds103Calendar-grid","weekday":"bds103Calendar-weekday","empty":"bds103Calendar-empty","day":"bds103Calendar-day","disabled":"bds103Calendar-disabled","selected":"bds103Calendar-selected","today":"bds103Calendar-today"};
|
|
210
210
|
|
|
211
211
|
// src/components/ui/Calendar/Calendar.tsx
|
|
212
212
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -381,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
381
381
|
import { useRef, useId as useId3 } from "react";
|
|
382
382
|
|
|
383
383
|
// src/components/ui/Carousel/Carousel.module.css
|
|
384
|
-
var Carousel_default = {"carousel":"
|
|
384
|
+
var Carousel_default = {"carousel":"bds103Carousel-carousel","track":"bds103Carousel-track","slide":"bds103Carousel-slide","navBtn":"bds103Carousel-navBtn"};
|
|
385
385
|
|
|
386
386
|
// src/components/ui/Carousel/Carousel.tsx
|
|
387
387
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
@@ -434,7 +434,7 @@ function Carousel({ items, label, className }) {
|
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
437
|
-
var DescriptionList_default = {"list":"
|
|
437
|
+
var DescriptionList_default = {"list":"bds103DescriptionList-list","group":"bds103DescriptionList-group","term":"bds103DescriptionList-term","details":"bds103DescriptionList-details","--layout_inline":"bds103DescriptionList---layout_inline"};
|
|
438
438
|
|
|
439
439
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
440
440
|
import { cn as cn9 } from "@boostdev/design-system-foundation";
|
|
@@ -447,7 +447,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
// src/components/ui/Link/Link.module.css
|
|
450
|
-
var Link_default = {"link":"
|
|
450
|
+
var Link_default = {"link":"bds103Link-link","--variant_default":"bds103Link---variant_default","--variant_subtle":"bds103Link---variant_subtle","--variant_standalone":"bds103Link---variant_standalone","externalLabel":"bds103Link-externalLabel"};
|
|
451
451
|
|
|
452
452
|
// src/components/ui/Link/Link.tsx
|
|
453
453
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -478,7 +478,7 @@ function Link({
|
|
|
478
478
|
}
|
|
479
479
|
|
|
480
480
|
// src/components/ui/Loading/Loading.module.css
|
|
481
|
-
var Loading_default = {"loading":"
|
|
481
|
+
var Loading_default = {"loading":"bds103Loading-loading","spinner":"bds103Loading-spinner","--size_small":"bds103Loading---size_small","--size_large":"bds103Loading---size_large"};
|
|
482
482
|
|
|
483
483
|
// src/components/ui/Loading/Loading.tsx
|
|
484
484
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -488,7 +488,7 @@ function Loading({ size = "medium", className }) {
|
|
|
488
488
|
}
|
|
489
489
|
|
|
490
490
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
491
|
-
var NotificationBanner_default = {"banner":"
|
|
491
|
+
var NotificationBanner_default = {"banner":"bds103NotificationBanner-banner","--variant_info":"bds103NotificationBanner---variant_info","--variant_success":"bds103NotificationBanner---variant_success","--variant_warning":"bds103NotificationBanner---variant_warning","--variant_error":"bds103NotificationBanner---variant_error","content":"bds103NotificationBanner-content","action":"bds103NotificationBanner-action","dismiss":"bds103NotificationBanner-dismiss"};
|
|
492
492
|
|
|
493
493
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
494
494
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -527,7 +527,7 @@ function NotificationBanner({
|
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
// src/components/ui/Pagination/Pagination.module.css
|
|
530
|
-
var Pagination_default = {"pagination":"
|
|
530
|
+
var Pagination_default = {"pagination":"bds103Pagination-pagination","list":"bds103Pagination-list","button":"bds103Pagination-button","--active":"bds103Pagination---active","--nav":"bds103Pagination---nav","ellipsis":"bds103Pagination-ellipsis"};
|
|
531
531
|
|
|
532
532
|
// src/components/ui/Pagination/Pagination.tsx
|
|
533
533
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -591,7 +591,7 @@ function Pagination({
|
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
// src/components/ui/Progress/Progress.module.css
|
|
594
|
-
var Progress_default = {"container":"
|
|
594
|
+
var Progress_default = {"container":"bds103Progress-container","labelRow":"bds103Progress-labelRow","value":"bds103Progress-value","track":"bds103Progress-track","--size_small":"bds103Progress---size_small","--size_medium":"bds103Progress---size_medium","--size_large":"bds103Progress---size_large","fill":"bds103Progress-fill"};
|
|
595
595
|
|
|
596
596
|
// src/components/ui/Progress/Progress.tsx
|
|
597
597
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
@@ -629,7 +629,7 @@ function Progress({
|
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
632
|
-
var ProgressCircle_default = {"wrapper":"
|
|
632
|
+
var ProgressCircle_default = {"wrapper":"bds103ProgressCircle-wrapper","svg":"bds103ProgressCircle-svg","track":"bds103ProgressCircle-track","fill":"bds103ProgressCircle-fill","value":"bds103ProgressCircle-value","--size_small":"bds103ProgressCircle---size_small","--size_medium":"bds103ProgressCircle---size_medium","--size_large":"bds103ProgressCircle---size_large"};
|
|
633
633
|
|
|
634
634
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
635
635
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -708,7 +708,7 @@ function ProgressCircle({
|
|
|
708
708
|
}
|
|
709
709
|
|
|
710
710
|
// src/components/ui/Separator/Separator.module.css
|
|
711
|
-
var Separator_default = {"separator":"
|
|
711
|
+
var Separator_default = {"separator":"bds103Separator-separator","--horizontal":"bds103Separator---horizontal","--vertical":"bds103Separator---vertical"};
|
|
712
712
|
|
|
713
713
|
// src/components/ui/Separator/Separator.tsx
|
|
714
714
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -731,7 +731,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
731
731
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
732
732
|
|
|
733
733
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
734
|
-
var Skeleton_default = {"skeleton":"
|
|
734
|
+
var Skeleton_default = {"skeleton":"bds103Skeleton-skeleton"};
|
|
735
735
|
|
|
736
736
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
737
737
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -740,7 +740,7 @@ function Skeleton({ className }) {
|
|
|
740
740
|
}
|
|
741
741
|
|
|
742
742
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
743
|
-
var SkipLink_default = {"skipLink":"
|
|
743
|
+
var SkipLink_default = {"skipLink":"bds103SkipLink-skipLink"};
|
|
744
744
|
|
|
745
745
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
746
746
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
@@ -749,7 +749,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
|
|
|
749
749
|
}
|
|
750
750
|
|
|
751
751
|
// src/components/ui/Table/Table.module.css
|
|
752
|
-
var Table_default = {"wrapper":"
|
|
752
|
+
var Table_default = {"wrapper":"bds103Table-wrapper","table":"bds103Table-table","caption":"bds103Table-caption","thead":"bds103Table-thead","th":"bds103Table-th","--sortable":"bds103Table---sortable","sortButton":"bds103Table-sortButton","sortIcon":"bds103Table-sortIcon","--sort-active":"bds103Table---sort-active","--sort-desc":"bds103Table---sort-desc","tbody":"bds103Table-tbody","tr":"bds103Table-tr","td":"bds103Table-td"};
|
|
753
753
|
|
|
754
754
|
// src/components/ui/Table/Table.tsx
|
|
755
755
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -819,7 +819,7 @@ function Table({
|
|
|
819
819
|
import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
|
|
820
820
|
|
|
821
821
|
// src/components/ui/Tabs/Tabs.module.css
|
|
822
|
-
var Tabs_default = {"tabs":"
|
|
822
|
+
var Tabs_default = {"tabs":"bds103Tabs-tabs","tabList":"bds103Tabs-tabList","tab":"bds103Tabs-tab","--active":"bds103Tabs---active","panel":"bds103Tabs-panel"};
|
|
823
823
|
|
|
824
824
|
// src/components/ui/Tabs/Tabs.tsx
|
|
825
825
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
@@ -899,7 +899,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
899
899
|
import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
|
|
900
900
|
|
|
901
901
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
902
|
-
var Tooltip_default = {"wrapper":"
|
|
902
|
+
var Tooltip_default = {"wrapper":"bds103Tooltip-wrapper","tooltip":"bds103Tooltip-tooltip","--placement_top":"bds103Tooltip---placement_top","--placement_bottom":"bds103Tooltip---placement_bottom","--placement_left":"bds103Tooltip---placement_left","--placement_right":"bds103Tooltip---placement_right"};
|
|
903
903
|
|
|
904
904
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
905
905
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -941,7 +941,7 @@ function Tooltip({
|
|
|
941
941
|
}
|
|
942
942
|
|
|
943
943
|
// src/components/ui/Typography/Typography.module.css
|
|
944
|
-
var Typography_default = {"typography":"
|
|
944
|
+
var Typography_default = {"typography":"bds103Typography-typography","--h1":"bds103Typography---h1","--h2":"bds103Typography---h2","--h3":"bds103Typography---h3","--body":"bds103Typography---body","--body_s":"bds103Typography---body_s"};
|
|
945
945
|
|
|
946
946
|
// src/components/ui/Typography/Typography.tsx
|
|
947
947
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -959,7 +959,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
959
959
|
}
|
|
960
960
|
|
|
961
961
|
// src/components/interaction/Button/Button.module.css
|
|
962
|
-
var Button_default = {"button":"
|
|
962
|
+
var Button_default = {"button":"bds103Button-button","--default":"bds103Button---default","--ghost":"bds103Button---ghost","--size_small":"bds103Button---size_small","--size_medium":"bds103Button---size_medium","--size_large":"bds103Button---size_large","--hasPulse":"bds103Button---hasPulse","iconStart":"bds103Button-iconStart","iconEnd":"bds103Button-iconEnd"};
|
|
963
963
|
|
|
964
964
|
// src/components/interaction/Button/Button.tsx
|
|
965
965
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
@@ -1035,7 +1035,7 @@ function Button({
|
|
|
1035
1035
|
import { useState as useState5, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
|
|
1036
1036
|
|
|
1037
1037
|
// src/components/interaction/Command/Command.module.css
|
|
1038
|
-
var Command_default = {"dialog":"
|
|
1038
|
+
var Command_default = {"dialog":"bds103Command-dialog","palette":"bds103Command-palette","searchRow":"bds103Command-searchRow","searchIcon":"bds103Command-searchIcon","search":"bds103Command-search","escHint":"bds103Command-escHint","list":"bds103Command-list","groupList":"bds103Command-groupList","group":"bds103Command-group","item":"bds103Command-item","itemActive":"bds103Command-itemActive","itemLabel":"bds103Command-itemLabel","itemDesc":"bds103Command-itemDesc","shortcut":"bds103Command-shortcut","empty":"bds103Command-empty"};
|
|
1039
1039
|
|
|
1040
1040
|
// src/components/interaction/Command/Command.tsx
|
|
1041
1041
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1183,7 +1183,7 @@ function Command({
|
|
|
1183
1183
|
import { useEffect as useEffect2, useRef as useRef4 } from "react";
|
|
1184
1184
|
|
|
1185
1185
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1186
|
-
var Dialog_default = {"dialog":"
|
|
1186
|
+
var Dialog_default = {"dialog":"bds103Dialog-dialog","dialogContent":"bds103Dialog-dialogContent","closeForm":"bds103Dialog-closeForm","closeButton":"bds103Dialog-closeButton"};
|
|
1187
1187
|
|
|
1188
1188
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1189
1189
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1265,7 +1265,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
|
|
|
1265
1265
|
import { useEffect as useEffect3, useRef as useRef5 } from "react";
|
|
1266
1266
|
|
|
1267
1267
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1268
|
-
var Drawer_default = {"drawer":"
|
|
1268
|
+
var Drawer_default = {"drawer":"bds103Drawer-drawer","panel":"bds103Drawer-panel","--side_right":"bds103Drawer---side_right","--side_left":"bds103Drawer---side_left","header":"bds103Drawer-header","closeButton":"bds103Drawer-closeButton","body":"bds103Drawer-body"};
|
|
1269
1269
|
|
|
1270
1270
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1271
1271
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1344,7 +1344,7 @@ import {
|
|
|
1344
1344
|
} from "react";
|
|
1345
1345
|
|
|
1346
1346
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1347
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1347
|
+
var DropdownMenu_default = {"wrapper":"bds103DropdownMenu-wrapper","menu":"bds103DropdownMenu-menu","--placement_bottom-start":"bds103DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds103DropdownMenu---placement_bottom-end","separator":"bds103DropdownMenu-separator","item":"bds103DropdownMenu-item","icon":"bds103DropdownMenu-icon"};
|
|
1348
1348
|
|
|
1349
1349
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1350
1350
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1464,7 +1464,7 @@ import {
|
|
|
1464
1464
|
} from "react";
|
|
1465
1465
|
|
|
1466
1466
|
// src/components/interaction/Popover/Popover.module.css
|
|
1467
|
-
var Popover_default = {"wrapper":"
|
|
1467
|
+
var Popover_default = {"wrapper":"bds103Popover-wrapper","panel":"bds103Popover-panel","--placement_bottom":"bds103Popover---placement_bottom","--placement_top":"bds103Popover---placement_top","--placement_right":"bds103Popover---placement_right","--placement_left":"bds103Popover---placement_left"};
|
|
1468
1468
|
|
|
1469
1469
|
// src/components/interaction/Popover/Popover.tsx
|
|
1470
1470
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1522,7 +1522,7 @@ function Popover({
|
|
|
1522
1522
|
}
|
|
1523
1523
|
|
|
1524
1524
|
// src/components/interaction/Rating/Rating.module.css
|
|
1525
|
-
var Rating_default = {"rating":"
|
|
1525
|
+
var Rating_default = {"rating":"bds103Rating-rating","star":"bds103Rating-star","--filled":"bds103Rating---filled"};
|
|
1526
1526
|
|
|
1527
1527
|
// src/components/interaction/Rating/Rating.tsx
|
|
1528
1528
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1553,7 +1553,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1553
1553
|
import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
|
|
1554
1554
|
|
|
1555
1555
|
// src/components/interaction/Toast/Toast.module.css
|
|
1556
|
-
var Toast_default = {"toastContainer":"
|
|
1556
|
+
var Toast_default = {"toastContainer":"bds103Toast-toastContainer","toast":"bds103Toast-toast","--variant_success":"bds103Toast---variant_success","--variant_warning":"bds103Toast---variant_warning","--variant_info":"bds103Toast---variant_info","--variant_error":"bds103Toast---variant_error","message":"bds103Toast-message","closeButton":"bds103Toast-closeButton"};
|
|
1557
1557
|
|
|
1558
1558
|
// src/components/interaction/Toast/Toast.tsx
|
|
1559
1559
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
@@ -1603,10 +1603,10 @@ function useToast() {
|
|
|
1603
1603
|
import { useId as useId9 } from "react";
|
|
1604
1604
|
|
|
1605
1605
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1606
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1606
|
+
var Checkbox_default = {"checkboxGroup":"bds103Checkbox-checkboxGroup","inputWrapper":"bds103Checkbox-inputWrapper","checkbox":"bds103Checkbox-checkbox","checkboxError":"bds103Checkbox-checkboxError"};
|
|
1607
1607
|
|
|
1608
1608
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1609
|
-
var Message_default = {"error":"
|
|
1609
|
+
var Message_default = {"error":"bds103Message-error","hint":"bds103Message-hint"};
|
|
1610
1610
|
|
|
1611
1611
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1612
1612
|
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
@@ -1616,7 +1616,7 @@ var Message = ({ message, type, inputId }) => {
|
|
|
1616
1616
|
};
|
|
1617
1617
|
|
|
1618
1618
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1619
|
-
var Label_default = {"label":"
|
|
1619
|
+
var Label_default = {"label":"bds103Label-label"};
|
|
1620
1620
|
|
|
1621
1621
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1622
1622
|
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
@@ -1628,7 +1628,7 @@ var Label = ({ label, id }) => {
|
|
|
1628
1628
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
1629
1629
|
|
|
1630
1630
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1631
|
-
var InputContainer_default = {"container":"
|
|
1631
|
+
var InputContainer_default = {"container":"bds103InputContainer-container"};
|
|
1632
1632
|
|
|
1633
1633
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1634
1634
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -1669,7 +1669,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1669
1669
|
import { useId as useId10 } from "react";
|
|
1670
1670
|
|
|
1671
1671
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1672
|
-
var CheckboxGroup_default = {"group":"
|
|
1672
|
+
var CheckboxGroup_default = {"group":"bds103CheckboxGroup-group","legend":"bds103CheckboxGroup-legend","required":"bds103CheckboxGroup-required","items":"bds103CheckboxGroup-items"};
|
|
1673
1673
|
|
|
1674
1674
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1675
1675
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -1717,7 +1717,7 @@ import {
|
|
|
1717
1717
|
} from "react";
|
|
1718
1718
|
|
|
1719
1719
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1720
|
-
var Combobox_default = {"formGroup":"
|
|
1720
|
+
var Combobox_default = {"formGroup":"bds103Combobox-formGroup","inputWrapper":"bds103Combobox-inputWrapper","input":"bds103Combobox-input","inputError":"bds103Combobox-inputError","chevron":"bds103Combobox-chevron","listbox":"bds103Combobox-listbox","option":"bds103Combobox-option","--highlighted":"bds103Combobox---highlighted","--selected":"bds103Combobox---selected","--disabled":"bds103Combobox---disabled"};
|
|
1721
1721
|
|
|
1722
1722
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1723
1723
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
@@ -1867,7 +1867,7 @@ function Combobox({
|
|
|
1867
1867
|
import { useId as useId12, useRef as useRef9, useState as useState10 } from "react";
|
|
1868
1868
|
|
|
1869
1869
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
1870
|
-
var FileInput_default = {"formGroup":"
|
|
1870
|
+
var FileInput_default = {"formGroup":"bds103FileInput-formGroup","fieldLabel":"bds103FileInput-fieldLabel","dropZone":"bds103FileInput-dropZone","isDragging":"bds103FileInput-isDragging","hasError":"bds103FileInput-hasError","isDisabled":"bds103FileInput-isDisabled","icon":"bds103FileInput-icon","prompt":"bds103FileInput-prompt","acceptHint":"bds103FileInput-acceptHint","hiddenInput":"bds103FileInput-hiddenInput"};
|
|
1871
1871
|
|
|
1872
1872
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
1873
1873
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
@@ -1967,7 +1967,7 @@ function FileInput({
|
|
|
1967
1967
|
import { useId as useId13 } from "react";
|
|
1968
1968
|
|
|
1969
1969
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
1970
|
-
var FormInput_default = {"formGroup":"
|
|
1970
|
+
var FormInput_default = {"formGroup":"bds103FormInput-formGroup","input":"bds103FormInput-input","inputError":"bds103FormInput-inputError"};
|
|
1971
1971
|
|
|
1972
1972
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
1973
1973
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -2011,7 +2011,7 @@ function FormInput({
|
|
|
2011
2011
|
import { useId as useId14, useRef as useRef10, useState as useState11 } from "react";
|
|
2012
2012
|
|
|
2013
2013
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2014
|
-
var NumberInput_default = {"formGroup":"
|
|
2014
|
+
var NumberInput_default = {"formGroup":"bds103NumberInput-formGroup","inputRow":"bds103NumberInput-inputRow","input":"bds103NumberInput-input","inputError":"bds103NumberInput-inputError","stepper":"bds103NumberInput-stepper"};
|
|
2015
2015
|
|
|
2016
2016
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2017
2017
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2115,7 +2115,7 @@ function NumberInput({
|
|
|
2115
2115
|
import { useId as useId15 } from "react";
|
|
2116
2116
|
|
|
2117
2117
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2118
|
-
var Radio_default = {"radioGroup":"
|
|
2118
|
+
var Radio_default = {"radioGroup":"bds103Radio-radioGroup","inputWrapper":"bds103Radio-inputWrapper","textWrapper":"bds103Radio-textWrapper","description":"bds103Radio-description","radio":"bds103Radio-radio","radioError":"bds103Radio-radioError"};
|
|
2119
2119
|
|
|
2120
2120
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2121
2121
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2153,7 +2153,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2153
2153
|
import { useId as useId16 } from "react";
|
|
2154
2154
|
|
|
2155
2155
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2156
|
-
var RadioGroup_default = {"group":"
|
|
2156
|
+
var RadioGroup_default = {"group":"bds103RadioGroup-group","legend":"bds103RadioGroup-legend","required":"bds103RadioGroup-required","items":"bds103RadioGroup-items"};
|
|
2157
2157
|
|
|
2158
2158
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2159
2159
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2195,7 +2195,7 @@ function RadioGroup({
|
|
|
2195
2195
|
import { useId as useId17, useState as useState12 } from "react";
|
|
2196
2196
|
|
|
2197
2197
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2198
|
-
var SegmentedControl_default = {"control":"
|
|
2198
|
+
var SegmentedControl_default = {"control":"bds103SegmentedControl-control","thumb":"bds103SegmentedControl-thumb","item":"bds103SegmentedControl-item","--disabled":"bds103SegmentedControl---disabled","radio":"bds103SegmentedControl-radio","label":"bds103SegmentedControl-label","--size_small":"bds103SegmentedControl---size_small","--size_large":"bds103SegmentedControl---size_large","--active":"bds103SegmentedControl---active"};
|
|
2199
2199
|
|
|
2200
2200
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2201
2201
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2273,7 +2273,7 @@ function SegmentedControl({
|
|
|
2273
2273
|
import { useId as useId18 } from "react";
|
|
2274
2274
|
|
|
2275
2275
|
// src/components/interaction/form/Select/Select.module.css
|
|
2276
|
-
var Select_default = {"formGroup":"
|
|
2276
|
+
var Select_default = {"formGroup":"bds103Select-formGroup","selectWrapper":"bds103Select-selectWrapper","select":"bds103Select-select","selectError":"bds103Select-selectError","chevron":"bds103Select-chevron"};
|
|
2277
2277
|
|
|
2278
2278
|
// src/components/interaction/form/Select/Select.tsx
|
|
2279
2279
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2324,7 +2324,7 @@ function Select({
|
|
|
2324
2324
|
import { useId as useId19, useState as useState13 } from "react";
|
|
2325
2325
|
|
|
2326
2326
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2327
|
-
var Slider_default = {"formGroup":"
|
|
2327
|
+
var Slider_default = {"formGroup":"bds103Slider-formGroup","labelRow":"bds103Slider-labelRow","value":"bds103Slider-value","slider":"bds103Slider-slider","sliderError":"bds103Slider-sliderError"};
|
|
2328
2328
|
|
|
2329
2329
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2330
2330
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2386,7 +2386,7 @@ function Slider({
|
|
|
2386
2386
|
import { useId as useId20 } from "react";
|
|
2387
2387
|
|
|
2388
2388
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2389
|
-
var Switch_default = {"switchGroup":"
|
|
2389
|
+
var Switch_default = {"switchGroup":"bds103Switch-switchGroup","--size_small":"bds103Switch---size_small","--size_medium":"bds103Switch---size_medium","--size_large":"bds103Switch---size_large","inputWrapper":"bds103Switch-inputWrapper","trackWrapper":"bds103Switch-trackWrapper","switch":"bds103Switch-switch","track":"bds103Switch-track","thumb":"bds103Switch-thumb","switchError":"bds103Switch-switchError"};
|
|
2390
2390
|
|
|
2391
2391
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2392
2392
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2434,7 +2434,7 @@ function Switch({
|
|
|
2434
2434
|
import { useId as useId21 } from "react";
|
|
2435
2435
|
|
|
2436
2436
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2437
|
-
var Textarea_default = {"formGroup":"
|
|
2437
|
+
var Textarea_default = {"formGroup":"bds103Textarea-formGroup","textarea":"bds103Textarea-textarea","textareaError":"bds103Textarea-textareaError"};
|
|
2438
2438
|
|
|
2439
2439
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2440
2440
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2473,7 +2473,7 @@ function Textarea({
|
|
|
2473
2473
|
}
|
|
2474
2474
|
|
|
2475
2475
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2476
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2476
|
+
var ButtonGroup_default = {"buttonGroup":"bds103ButtonGroup-buttonGroup","container":"bds103ButtonGroup-container","--variant_card":"bds103ButtonGroup---variant_card","--variant_flow":"bds103ButtonGroup---variant_flow","--variant_modal":"bds103ButtonGroup---variant_modal","--variant_content":"bds103ButtonGroup---variant_content","--variant_grid":"bds103ButtonGroup---variant_grid"};
|
|
2477
2477
|
|
|
2478
2478
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2479
2479
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2491,7 +2491,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
|
|
|
2491
2491
|
}
|
|
2492
2492
|
|
|
2493
2493
|
// src/components/layout/Card/Card.module.css
|
|
2494
|
-
var Card_default = {"card":"
|
|
2494
|
+
var Card_default = {"card":"bds103Card-card","--default":"bds103Card---default","--elevated":"bds103Card---elevated","--outlined":"bds103Card---outlined","--clickable":"bds103Card---clickable","--padding-none":"bds103Card---padding-none","--padding-small":"bds103Card---padding-small","--padding-medium":"bds103Card---padding-medium","--padding-large":"bds103Card---padding-large","--text-start":"bds103Card---text-start","--text-center":"bds103Card---text-center","--text-end":"bds103Card---text-end"};
|
|
2495
2495
|
|
|
2496
2496
|
// src/components/layout/Card/Card.tsx
|
|
2497
2497
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2529,7 +2529,7 @@ function Card({
|
|
|
2529
2529
|
}
|
|
2530
2530
|
|
|
2531
2531
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2532
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2532
|
+
var SectionHeader_default = {"sectionHeader":"bds103SectionHeader-sectionHeader","title":"bds103SectionHeader-title","subtitle":"bds103SectionHeader-subtitle","--start":"bds103SectionHeader---start","--center":"bds103SectionHeader---center","--end":"bds103SectionHeader---end","--small":"bds103SectionHeader---small","--medium":"bds103SectionHeader---medium","--large":"bds103SectionHeader---large"};
|
|
2533
2533
|
|
|
2534
2534
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2535
2535
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2550,7 +2550,7 @@ function SectionHeader({
|
|
|
2550
2550
|
}
|
|
2551
2551
|
|
|
2552
2552
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2553
|
-
var IconWrapper_default = {"wrapper":"
|
|
2553
|
+
var IconWrapper_default = {"wrapper":"bds103IconWrapper-wrapper"};
|
|
2554
2554
|
|
|
2555
2555
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2556
2556
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@boostdev/design-system-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "BoostDev React component library: accessible, token-driven components built on @boostdev/design-system-foundation",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"React",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"changelog:unreleased": "pnpm exec git-cliff --unreleased"
|
|
111
111
|
},
|
|
112
112
|
"devDependencies": {
|
|
113
|
-
"@boostdev/design-system-foundation": "^1.0.
|
|
113
|
+
"@boostdev/design-system-foundation": "^1.0.4",
|
|
114
114
|
"@modelcontextprotocol/sdk": "^1.27.0",
|
|
115
115
|
"@storybook/addon-docs": "8.6.14",
|
|
116
116
|
"@storybook/addon-essentials": "^8.6.14",
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
"vitest": "^3"
|
|
141
141
|
},
|
|
142
142
|
"peerDependencies": {
|
|
143
|
-
"@boostdev/design-system-foundation": ">=1.0.
|
|
143
|
+
"@boostdev/design-system-foundation": ">=1.0.4",
|
|
144
144
|
"react": ">=18",
|
|
145
145
|
"react-dom": ">=18"
|
|
146
146
|
},
|
|
@@ -13,17 +13,17 @@
|
|
|
13
13
|
@keyframes pulse {
|
|
14
14
|
0% {
|
|
15
15
|
transform: scale(1);
|
|
16
|
-
box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--button_color, var(--bds-
|
|
16
|
+
box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 50%);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
70% {
|
|
20
20
|
transform: scale(1.01);
|
|
21
|
-
box-shadow: 0 0 0 var(--bds-space_m) rgb(from var(--button_pulse-color, var(--button_color, var(--bds-
|
|
21
|
+
box-shadow: 0 0 0 var(--bds-space_m) rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 0%);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
100% {
|
|
25
25
|
transform: scale(1);
|
|
26
|
-
box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--button_color, var(--bds-
|
|
26
|
+
box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--button_color, var(--bds-color_green))) r g b / 0%);
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
line-height: 1;
|
|
48
48
|
|
|
49
49
|
/* Colour model: override --button_color + --button_on-color to re-theme */
|
|
50
|
-
--button_color: var(--bds-
|
|
51
|
-
--button_on-color: var(--bds-
|
|
50
|
+
--button_color: var(--bds-color_green);
|
|
51
|
+
--button_on-color: var(--bds-color_on-green);
|
|
52
52
|
|
|
53
53
|
background-color: var(--button_bg, var(--button_color));
|
|
54
54
|
color: var(--button_text, var(--button_on-color));
|
|
@@ -140,9 +140,9 @@
|
|
|
140
140
|
/* Default hover: outline appears, bg becomes page surface */
|
|
141
141
|
@media (hover: hover) and (pointer: fine) {
|
|
142
142
|
.button.--default:hover {
|
|
143
|
-
--button_bg: var(--bds-
|
|
144
|
-
--button_text: var(--bds-
|
|
145
|
-
--button_pulse-color: var(--bds-
|
|
143
|
+
--button_bg: var(--bds-color_bg);
|
|
144
|
+
--button_text: var(--bds-color_interactive);
|
|
145
|
+
--button_pulse-color: var(--bds-color_interactive);
|
|
146
146
|
--bdc_color: currentcolor;
|
|
147
147
|
}
|
|
148
148
|
}
|