@boostdev/design-system-components 1.0.0 → 1.0.2
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 +7 -7
- package/dist/client.cjs +57 -51
- package/dist/client.css +552 -552
- package/dist/client.js +57 -51
- package/dist/index.cjs +57 -51
- package/dist/index.css +552 -552
- package/dist/index.js +57 -51
- package/package.json +3 -3
- package/src/components/interaction/Button/Button.mdx +6 -6
- package/src/components/interaction/Button/Button.module.css +2 -2
- package/src/components/interaction/Command/Command.module.css +7 -7
- package/src/components/interaction/Dialog/Dialog.module.css +7 -7
- package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +5 -5
- package/src/components/interaction/Popover/Popover.module.css +4 -4
- package/src/components/interaction/form/Checkbox/Checkbox.module.css +5 -5
- package/src/components/interaction/form/Combobox/Combobox.module.css +9 -9
- package/src/components/interaction/form/FormInput/FormInput.module.css +5 -5
- package/src/components/interaction/form/NumberInput/NumberInput.module.css +5 -5
- package/src/components/interaction/form/NumberInput/NumberInput.tsx +7 -1
- package/src/components/interaction/form/Radio/Radio.module.css +5 -5
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +1 -1
- package/src/components/interaction/form/Select/Select.module.css +5 -5
- package/src/components/interaction/form/Switch/Switch.module.css +2 -2
- package/src/components/interaction/form/Textarea/Textarea.module.css +5 -5
- package/src/components/interaction/form/atoms/Message.module.css +1 -1
- package/src/components/layout/Card/Card.module.css +2 -2
- package/src/components/ui/Accordion/Accordion.module.css +4 -4
- package/src/components/ui/Alert/Alert.module.css +2 -2
- package/src/components/ui/Breadcrumb/Breadcrumb.module.css +1 -1
- package/src/components/ui/Calendar/Calendar.module.css +6 -6
- package/src/components/ui/Carousel/Carousel.module.css +2 -2
- package/src/components/ui/Link/Link.module.css +4 -4
- package/src/components/ui/NotificationBanner/NotificationBanner.module.css +2 -2
- package/src/components/ui/Pagination/Pagination.module.css +2 -2
- package/src/components/ui/SkipLink/SkipLink.module.css +2 -2
- package/src/components/ui/Table/Table.module.css +4 -4
- package/src/components/ui/Tabs/Tabs.module.css +2 -2
- package/src/css/bdc.css +18 -13
- package/src/stories/DesignSystem/Borders.mdx +11 -11
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":"bds102Accordion-accordion","item":"bds102Accordion-item","heading":"bds102Accordion-heading","trigger":"bds102Accordion-trigger","triggerLabel":"bds102Accordion-triggerLabel","chevron":"bds102Accordion-chevron","--open":"bds102Accordion---open","panel":"bds102Accordion-panel","panelContent":"bds102Accordion-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":"bds102Alert-alert","--variant_info":"bds102Alert---variant_info","--variant_success":"bds102Alert---variant_success","--variant_warning":"bds102Alert---variant_warning","--variant_error":"bds102Alert---variant_error","icon":"bds102Alert-icon","content":"bds102Alert-content","title":"bds102Alert-title","dismiss":"bds102Alert-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":"bds102Avatar-avatar","--fallback":"bds102Avatar---fallback","--size_small":"bds102Avatar---size_small","--size_medium":"bds102Avatar---size_medium","--size_large":"bds102Avatar---size_large","image":"bds102Avatar-image","initials":"bds102Avatar-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":"bds102Badge-badge","--variant_primary":"bds102Badge---variant_primary","--variant_secondary":"bds102Badge---variant_secondary","--variant_success":"bds102Badge---variant_success","--variant_error":"bds102Badge---variant_error","--variant_warning":"bds102Badge---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":"bds102Breadcrumb-breadcrumb","list":"bds102Breadcrumb-list","item":"bds102Breadcrumb-item","link":"bds102Breadcrumb-link","separator":"bds102Breadcrumb-separator","current":"bds102Breadcrumb-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":"bds102Collapsible-collapsible","summary":"bds102Collapsible-summary","summaryContent":"bds102Collapsible-summaryContent","icon":"bds102Collapsible-icon","content":"bds102Collapsible-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":"bds102Calendar-calendar","header":"bds102Calendar-header","monthYear":"bds102Calendar-monthYear","navBtn":"bds102Calendar-navBtn","grid":"bds102Calendar-grid","weekday":"bds102Calendar-weekday","empty":"bds102Calendar-empty","day":"bds102Calendar-day","disabled":"bds102Calendar-disabled","selected":"bds102Calendar-selected","today":"bds102Calendar-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":"bds102Carousel-carousel","track":"bds102Carousel-track","slide":"bds102Carousel-slide","navBtn":"bds102Carousel-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":"bds102DescriptionList-list","group":"bds102DescriptionList-group","term":"bds102DescriptionList-term","details":"bds102DescriptionList-details","--layout_inline":"bds102DescriptionList---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":"bds102Link-link","--variant_default":"bds102Link---variant_default","--variant_subtle":"bds102Link---variant_subtle","--variant_standalone":"bds102Link---variant_standalone","externalLabel":"bds102Link-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":"bds102Loading-loading","spinner":"bds102Loading-spinner","--size_small":"bds102Loading---size_small","--size_large":"bds102Loading---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":"bds102NotificationBanner-banner","--variant_info":"bds102NotificationBanner---variant_info","--variant_success":"bds102NotificationBanner---variant_success","--variant_warning":"bds102NotificationBanner---variant_warning","--variant_error":"bds102NotificationBanner---variant_error","content":"bds102NotificationBanner-content","action":"bds102NotificationBanner-action","dismiss":"bds102NotificationBanner-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":"bds102Pagination-pagination","list":"bds102Pagination-list","button":"bds102Pagination-button","--active":"bds102Pagination---active","--nav":"bds102Pagination---nav","ellipsis":"bds102Pagination-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":"bds102Progress-container","labelRow":"bds102Progress-labelRow","value":"bds102Progress-value","track":"bds102Progress-track","--size_small":"bds102Progress---size_small","--size_medium":"bds102Progress---size_medium","--size_large":"bds102Progress---size_large","fill":"bds102Progress-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":"bds102ProgressCircle-wrapper","svg":"bds102ProgressCircle-svg","track":"bds102ProgressCircle-track","fill":"bds102ProgressCircle-fill","value":"bds102ProgressCircle-value","--size_small":"bds102ProgressCircle---size_small","--size_medium":"bds102ProgressCircle---size_medium","--size_large":"bds102ProgressCircle---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":"bds102Separator-separator","--horizontal":"bds102Separator---horizontal","--vertical":"bds102Separator---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":"bds102Skeleton-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":"bds102SkipLink-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":"bds102Table-wrapper","table":"bds102Table-table","caption":"bds102Table-caption","thead":"bds102Table-thead","th":"bds102Table-th","--sortable":"bds102Table---sortable","sortButton":"bds102Table-sortButton","sortIcon":"bds102Table-sortIcon","--sort-active":"bds102Table---sort-active","--sort-desc":"bds102Table---sort-desc","tbody":"bds102Table-tbody","tr":"bds102Table-tr","td":"bds102Table-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":"bds102Tabs-tabs","tabList":"bds102Tabs-tabList","tab":"bds102Tabs-tab","--active":"bds102Tabs---active","panel":"bds102Tabs-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":"bds102Tooltip-wrapper","tooltip":"bds102Tooltip-tooltip","--placement_top":"bds102Tooltip---placement_top","--placement_bottom":"bds102Tooltip---placement_bottom","--placement_left":"bds102Tooltip---placement_left","--placement_right":"bds102Tooltip---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":"bds102Typography-typography","--h1":"bds102Typography---h1","--h2":"bds102Typography---h2","--h3":"bds102Typography---h3","--body":"bds102Typography---body","--body_s":"bds102Typography---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":"bds102Button-button","--default":"bds102Button---default","--ghost":"bds102Button---ghost","--size_small":"bds102Button---size_small","--size_medium":"bds102Button---size_medium","--size_large":"bds102Button---size_large","--hasPulse":"bds102Button---hasPulse","iconStart":"bds102Button-iconStart","iconEnd":"bds102Button-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":"bds102Command-dialog","palette":"bds102Command-palette","searchRow":"bds102Command-searchRow","searchIcon":"bds102Command-searchIcon","search":"bds102Command-search","escHint":"bds102Command-escHint","list":"bds102Command-list","groupList":"bds102Command-groupList","group":"bds102Command-group","item":"bds102Command-item","itemActive":"bds102Command-itemActive","itemLabel":"bds102Command-itemLabel","itemDesc":"bds102Command-itemDesc","shortcut":"bds102Command-shortcut","empty":"bds102Command-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":"bds102Dialog-dialog","dialogContent":"bds102Dialog-dialogContent","closeForm":"bds102Dialog-closeForm","closeButton":"bds102Dialog-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":"bds102Drawer-drawer","panel":"bds102Drawer-panel","--side_right":"bds102Drawer---side_right","--side_left":"bds102Drawer---side_left","header":"bds102Drawer-header","closeButton":"bds102Drawer-closeButton","body":"bds102Drawer-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":"bds102DropdownMenu-wrapper","menu":"bds102DropdownMenu-menu","--placement_bottom-start":"bds102DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds102DropdownMenu---placement_bottom-end","separator":"bds102DropdownMenu-separator","item":"bds102DropdownMenu-item","icon":"bds102DropdownMenu-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":"bds102Popover-wrapper","panel":"bds102Popover-panel","--placement_bottom":"bds102Popover---placement_bottom","--placement_top":"bds102Popover---placement_top","--placement_right":"bds102Popover---placement_right","--placement_left":"bds102Popover---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":"bds102Rating-rating","star":"bds102Rating-star","--filled":"bds102Rating---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":"bds102Toast-toastContainer","toast":"bds102Toast-toast","--variant_success":"bds102Toast---variant_success","--variant_warning":"bds102Toast---variant_warning","--variant_info":"bds102Toast---variant_info","--variant_error":"bds102Toast---variant_error","message":"bds102Toast-message","closeButton":"bds102Toast-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":"bds102Checkbox-checkboxGroup","inputWrapper":"bds102Checkbox-inputWrapper","checkbox":"bds102Checkbox-checkbox","checkboxError":"bds102Checkbox-checkboxError"};
|
|
1607
1607
|
|
|
1608
1608
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1609
|
-
var Message_default = {"error":"
|
|
1609
|
+
var Message_default = {"error":"bds102Message-error","hint":"bds102Message-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":"bds102Label-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":"bds102InputContainer-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":"bds102CheckboxGroup-group","legend":"bds102CheckboxGroup-legend","required":"bds102CheckboxGroup-required","items":"bds102CheckboxGroup-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":"bds102Combobox-formGroup","inputWrapper":"bds102Combobox-inputWrapper","input":"bds102Combobox-input","inputError":"bds102Combobox-inputError","chevron":"bds102Combobox-chevron","listbox":"bds102Combobox-listbox","option":"bds102Combobox-option","--highlighted":"bds102Combobox---highlighted","--selected":"bds102Combobox---selected","--disabled":"bds102Combobox---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":"bds102FileInput-formGroup","fieldLabel":"bds102FileInput-fieldLabel","dropZone":"bds102FileInput-dropZone","isDragging":"bds102FileInput-isDragging","hasError":"bds102FileInput-hasError","isDisabled":"bds102FileInput-isDisabled","icon":"bds102FileInput-icon","prompt":"bds102FileInput-prompt","acceptHint":"bds102FileInput-acceptHint","hiddenInput":"bds102FileInput-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":"bds102FormInput-formGroup","input":"bds102FormInput-input","inputError":"bds102FormInput-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":"bds102NumberInput-formGroup","inputRow":"bds102NumberInput-inputRow","input":"bds102NumberInput-input","inputError":"bds102NumberInput-inputError","stepper":"bds102NumberInput-stepper"};
|
|
2015
2015
|
|
|
2016
2016
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2017
2017
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
@@ -2044,7 +2044,13 @@ function NumberInput({
|
|
|
2044
2044
|
};
|
|
2045
2045
|
const adjust = (delta) => {
|
|
2046
2046
|
const next = clamp(currentValue + delta);
|
|
2047
|
-
if (!isControlled)
|
|
2047
|
+
if (!isControlled) {
|
|
2048
|
+
setInternalValue(next);
|
|
2049
|
+
if (inputRef.current) {
|
|
2050
|
+
inputRef.current.value = String(next);
|
|
2051
|
+
inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
|
|
2052
|
+
}
|
|
2053
|
+
}
|
|
2048
2054
|
onChange?.(next);
|
|
2049
2055
|
};
|
|
2050
2056
|
return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(NumberInput_default.formGroup, className), children: [
|
|
@@ -2109,7 +2115,7 @@ function NumberInput({
|
|
|
2109
2115
|
import { useId as useId15 } from "react";
|
|
2110
2116
|
|
|
2111
2117
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2112
|
-
var Radio_default = {"radioGroup":"
|
|
2118
|
+
var Radio_default = {"radioGroup":"bds102Radio-radioGroup","inputWrapper":"bds102Radio-inputWrapper","textWrapper":"bds102Radio-textWrapper","description":"bds102Radio-description","radio":"bds102Radio-radio","radioError":"bds102Radio-radioError"};
|
|
2113
2119
|
|
|
2114
2120
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2115
2121
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
@@ -2147,7 +2153,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2147
2153
|
import { useId as useId16 } from "react";
|
|
2148
2154
|
|
|
2149
2155
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2150
|
-
var RadioGroup_default = {"group":"
|
|
2156
|
+
var RadioGroup_default = {"group":"bds102RadioGroup-group","legend":"bds102RadioGroup-legend","required":"bds102RadioGroup-required","items":"bds102RadioGroup-items"};
|
|
2151
2157
|
|
|
2152
2158
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2153
2159
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
@@ -2189,7 +2195,7 @@ function RadioGroup({
|
|
|
2189
2195
|
import { useId as useId17, useState as useState12 } from "react";
|
|
2190
2196
|
|
|
2191
2197
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2192
|
-
var SegmentedControl_default = {"control":"
|
|
2198
|
+
var SegmentedControl_default = {"control":"bds102SegmentedControl-control","thumb":"bds102SegmentedControl-thumb","item":"bds102SegmentedControl-item","--disabled":"bds102SegmentedControl---disabled","radio":"bds102SegmentedControl-radio","label":"bds102SegmentedControl-label","--size_small":"bds102SegmentedControl---size_small","--size_large":"bds102SegmentedControl---size_large","--active":"bds102SegmentedControl---active"};
|
|
2193
2199
|
|
|
2194
2200
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2195
2201
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
@@ -2267,7 +2273,7 @@ function SegmentedControl({
|
|
|
2267
2273
|
import { useId as useId18 } from "react";
|
|
2268
2274
|
|
|
2269
2275
|
// src/components/interaction/form/Select/Select.module.css
|
|
2270
|
-
var Select_default = {"formGroup":"
|
|
2276
|
+
var Select_default = {"formGroup":"bds102Select-formGroup","selectWrapper":"bds102Select-selectWrapper","select":"bds102Select-select","selectError":"bds102Select-selectError","chevron":"bds102Select-chevron"};
|
|
2271
2277
|
|
|
2272
2278
|
// src/components/interaction/form/Select/Select.tsx
|
|
2273
2279
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
@@ -2318,7 +2324,7 @@ function Select({
|
|
|
2318
2324
|
import { useId as useId19, useState as useState13 } from "react";
|
|
2319
2325
|
|
|
2320
2326
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2321
|
-
var Slider_default = {"formGroup":"
|
|
2327
|
+
var Slider_default = {"formGroup":"bds102Slider-formGroup","labelRow":"bds102Slider-labelRow","value":"bds102Slider-value","slider":"bds102Slider-slider","sliderError":"bds102Slider-sliderError"};
|
|
2322
2328
|
|
|
2323
2329
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2324
2330
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
@@ -2380,7 +2386,7 @@ function Slider({
|
|
|
2380
2386
|
import { useId as useId20 } from "react";
|
|
2381
2387
|
|
|
2382
2388
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2383
|
-
var Switch_default = {"switchGroup":"
|
|
2389
|
+
var Switch_default = {"switchGroup":"bds102Switch-switchGroup","--size_small":"bds102Switch---size_small","--size_medium":"bds102Switch---size_medium","--size_large":"bds102Switch---size_large","inputWrapper":"bds102Switch-inputWrapper","trackWrapper":"bds102Switch-trackWrapper","switch":"bds102Switch-switch","track":"bds102Switch-track","thumb":"bds102Switch-thumb","switchError":"bds102Switch-switchError"};
|
|
2384
2390
|
|
|
2385
2391
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2386
2392
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
@@ -2428,7 +2434,7 @@ function Switch({
|
|
|
2428
2434
|
import { useId as useId21 } from "react";
|
|
2429
2435
|
|
|
2430
2436
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2431
|
-
var Textarea_default = {"formGroup":"
|
|
2437
|
+
var Textarea_default = {"formGroup":"bds102Textarea-formGroup","textarea":"bds102Textarea-textarea","textareaError":"bds102Textarea-textareaError"};
|
|
2432
2438
|
|
|
2433
2439
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2434
2440
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
@@ -2467,7 +2473,7 @@ function Textarea({
|
|
|
2467
2473
|
}
|
|
2468
2474
|
|
|
2469
2475
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2470
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2476
|
+
var ButtonGroup_default = {"buttonGroup":"bds102ButtonGroup-buttonGroup","container":"bds102ButtonGroup-container","--variant_card":"bds102ButtonGroup---variant_card","--variant_flow":"bds102ButtonGroup---variant_flow","--variant_modal":"bds102ButtonGroup---variant_modal","--variant_content":"bds102ButtonGroup---variant_content","--variant_grid":"bds102ButtonGroup---variant_grid"};
|
|
2471
2477
|
|
|
2472
2478
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2473
2479
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
@@ -2485,7 +2491,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
|
|
|
2485
2491
|
}
|
|
2486
2492
|
|
|
2487
2493
|
// src/components/layout/Card/Card.module.css
|
|
2488
|
-
var Card_default = {"card":"
|
|
2494
|
+
var Card_default = {"card":"bds102Card-card","--default":"bds102Card---default","--elevated":"bds102Card---elevated","--outlined":"bds102Card---outlined","--clickable":"bds102Card---clickable","--padding-none":"bds102Card---padding-none","--padding-small":"bds102Card---padding-small","--padding-medium":"bds102Card---padding-medium","--padding-large":"bds102Card---padding-large","--text-start":"bds102Card---text-start","--text-center":"bds102Card---text-center","--text-end":"bds102Card---text-end"};
|
|
2489
2495
|
|
|
2490
2496
|
// src/components/layout/Card/Card.tsx
|
|
2491
2497
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
@@ -2523,7 +2529,7 @@ function Card({
|
|
|
2523
2529
|
}
|
|
2524
2530
|
|
|
2525
2531
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2526
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2532
|
+
var SectionHeader_default = {"sectionHeader":"bds102SectionHeader-sectionHeader","title":"bds102SectionHeader-title","subtitle":"bds102SectionHeader-subtitle","--start":"bds102SectionHeader---start","--center":"bds102SectionHeader---center","--end":"bds102SectionHeader---end","--small":"bds102SectionHeader---small","--medium":"bds102SectionHeader---medium","--large":"bds102SectionHeader---large"};
|
|
2527
2533
|
|
|
2528
2534
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2529
2535
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
@@ -2544,7 +2550,7 @@ function SectionHeader({
|
|
|
2544
2550
|
}
|
|
2545
2551
|
|
|
2546
2552
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2547
|
-
var IconWrapper_default = {"wrapper":"
|
|
2553
|
+
var IconWrapper_default = {"wrapper":"bds102IconWrapper-wrapper"};
|
|
2548
2554
|
|
|
2549
2555
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2550
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.2",
|
|
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.3",
|
|
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.3",
|
|
144
144
|
"react": ">=18",
|
|
145
145
|
"react-dom": ">=18"
|
|
146
146
|
},
|
|
@@ -8,8 +8,8 @@ import * as Stories from './Button.stories';
|
|
|
8
8
|
Primary interactive element for triggering actions. Renders as `<button>` or `<a>` depending on whether `href` is provided.
|
|
9
9
|
|
|
10
10
|
## When to use
|
|
11
|
-
- The main action on a page or dialog (`
|
|
12
|
-
- Secondary or
|
|
11
|
+
- The main action on a page or dialog (`default`)
|
|
12
|
+
- Secondary or ghost actions (`ghost`)
|
|
13
13
|
- Navigation that should look like an action (`href` → renders as `<a>`)
|
|
14
14
|
|
|
15
15
|
## When not to use
|
|
@@ -21,11 +21,11 @@ Primary interactive element for triggering actions. Renders as `<button>` or `<a
|
|
|
21
21
|
### All variants & sizes
|
|
22
22
|
<Canvas of={Stories.AllVariants} />
|
|
23
23
|
|
|
24
|
-
###
|
|
25
|
-
<Canvas of={Stories.
|
|
24
|
+
### Default
|
|
25
|
+
<Canvas of={Stories.Default} />
|
|
26
26
|
|
|
27
|
-
###
|
|
28
|
-
<Canvas of={Stories.
|
|
27
|
+
### Ghost
|
|
28
|
+
<Canvas of={Stories.Ghost} />
|
|
29
29
|
|
|
30
30
|
### Sizes
|
|
31
31
|
<Canvas of={Stories.Small} />
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
border: var(--button_border, none);
|
|
56
56
|
--bdc_color: transparent;
|
|
57
57
|
|
|
58
|
-
outline: var(--
|
|
59
|
-
outline-offset: var(--
|
|
58
|
+
outline: var(--bdc-outline_width) solid var(--bdc_color);
|
|
59
|
+
outline-offset: var(--bdc-outline_offset);
|
|
60
60
|
transition: var(--bds-animation_transition), --bdc_color var(--bds-animation_transition-duration) var(--bds-animation_easing);
|
|
61
61
|
}
|
|
62
62
|
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
max-height: 70vh;
|
|
27
27
|
border: var(--command_border, none);
|
|
28
28
|
--bdc_color: currentcolor;
|
|
29
|
-
--
|
|
29
|
+
--bdc-outline_radius: var(--bds-border_radius--m);
|
|
30
30
|
|
|
31
|
-
outline: var(--
|
|
32
|
-
outline-offset: var(--
|
|
31
|
+
outline: var(--bdc-outline_width) solid var(--bdc_color);
|
|
32
|
+
outline-offset: var(--bdc-outline_offset);
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.searchRow {
|
|
@@ -73,8 +73,8 @@
|
|
|
73
73
|
--bdc_color: currentcolor;
|
|
74
74
|
|
|
75
75
|
border: none;
|
|
76
|
-
outline: var(--
|
|
77
|
-
outline-offset: var(--
|
|
76
|
+
outline: var(--bdc-outline_width) solid var(--bdc_color);
|
|
77
|
+
outline-offset: var(--bdc-outline_offset);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.list {
|
|
@@ -132,8 +132,8 @@
|
|
|
132
132
|
--bdc_color: currentcolor;
|
|
133
133
|
|
|
134
134
|
border: none;
|
|
135
|
-
outline: var(--
|
|
136
|
-
outline-offset: var(--
|
|
135
|
+
outline: var(--bdc-outline_width) solid var(--bdc_color);
|
|
136
|
+
outline-offset: var(--bdc-outline_offset);
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
.empty {
|