@boostdev/design-system-components 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +7 -7
- package/dist/client.cjs +57 -51
- package/dist/client.css +542 -542
- package/dist/client.js +57 -51
- package/dist/index.cjs +57 -51
- package/dist/index.css +542 -542
- 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 +4 -4
- 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/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/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/Calendar/Calendar.module.css +6 -6
- package/src/components/ui/Carousel/Carousel.module.css +2 -2
- 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/css/bdc.css +18 -13
- package/src/stories/DesignSystem/Borders.mdx +11 -11
package/AGENTS.md
CHANGED
|
@@ -59,12 +59,12 @@ Components use `outline` (not `border`) for all visual frame edges via `--bdc_*`
|
|
|
59
59
|
.myElement {
|
|
60
60
|
border: var(--myComponent_border, none);
|
|
61
61
|
--bdc_color: currentcolor;
|
|
62
|
-
--
|
|
62
|
+
--bdc-outline_radius: var(--bds-border_radius--xs);
|
|
63
63
|
|
|
64
|
-
outline: var(--
|
|
65
|
-
outline-offset: var(--
|
|
66
|
-
border-radius: var(--myComponent_radius, var(--
|
|
67
|
-
box-shadow: var(--myComponent_shadow, var(--
|
|
64
|
+
outline: var(--bdc-outline_width) solid var(--bdc_color);
|
|
65
|
+
outline-offset: var(--bdc-outline_offset);
|
|
66
|
+
border-radius: var(--myComponent_radius, var(--bdc-outline_radius));
|
|
67
|
+
box-shadow: var(--myComponent_shadow, var(--bdc-outline_shadow));
|
|
68
68
|
transition: --bdc_color var(--bds-animation_transition-duration) var(--bds-animation_easing);
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -153,8 +153,8 @@ References: https://developer.mozilla.org/en-US/docs/Web/Accessibility | https:/
|
|
|
153
153
|
|
|
154
154
|
- **Button variants**: `default` (filled) and `ghost` (transparent, outlined). Renamed from `primary`/`secondary`.
|
|
155
155
|
- **Button colour model**: `--button_color` + `--button_on-color` are the two theming inputs. All other button CSS vars derive from these.
|
|
156
|
-
- **`bdc` border token system**: All component frame borders use `outline` (not `border`) via `--bdc_color`, `--
|
|
157
|
-
- **`--
|
|
156
|
+
- **`bdc` border token system**: All component frame borders use `outline` (not `border`) via `--bdc_color`, `--bdc-outline_width`, `--bdc-outline_offset`, `--bdc-outline_radius`, `--bdc-outline_shadow` custom properties registered with `@property`. Default `border: none`. The `--bdc_color` `<color>` registration enables smooth CSS transitions on focus/error state changes without JavaScript.
|
|
157
|
+
- **`--bdc-outline_offset: -1px`** (inset) makes outline appear like a traditional inset border. Switch uses `var(--bds-outline_offset)` (2px outside) — keep distinct.
|
|
158
158
|
- **Backdrop token**: `var(--color_backdrop, rgb(0 0 0 / 50%))` — never hardcode rgba. (`--color_backdrop` is a library hook token, not a foundation token.)
|
|
159
159
|
|
|
160
160
|
## Adding new components
|
package/dist/client.cjs
CHANGED
|
@@ -77,7 +77,7 @@ module.exports = __toCommonJS(client_exports);
|
|
|
77
77
|
var import_react = require("react");
|
|
78
78
|
|
|
79
79
|
// src/components/ui/Accordion/Accordion.module.css
|
|
80
|
-
var Accordion_default = {"accordion":"
|
|
80
|
+
var Accordion_default = {"accordion":"bds101Accordion-accordion","item":"bds101Accordion-item","heading":"bds101Accordion-heading","trigger":"bds101Accordion-trigger","triggerLabel":"bds101Accordion-triggerLabel","chevron":"bds101Accordion-chevron","--open":"bds101Accordion---open","panel":"bds101Accordion-panel","panelContent":"bds101Accordion-panelContent"};
|
|
81
81
|
|
|
82
82
|
// src/components/ui/Accordion/Accordion.tsx
|
|
83
83
|
var import_design_system_foundation = require("@boostdev/design-system-foundation");
|
|
@@ -145,7 +145,7 @@ function Accordion({
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
// src/components/ui/Alert/Alert.module.css
|
|
148
|
-
var Alert_default = {"alert":"
|
|
148
|
+
var Alert_default = {"alert":"bds101Alert-alert","--variant_info":"bds101Alert---variant_info","--variant_success":"bds101Alert---variant_success","--variant_warning":"bds101Alert---variant_warning","--variant_error":"bds101Alert---variant_error","icon":"bds101Alert-icon","content":"bds101Alert-content","title":"bds101Alert-title","dismiss":"bds101Alert-dismiss"};
|
|
149
149
|
|
|
150
150
|
// src/components/ui/Alert/Alert.tsx
|
|
151
151
|
var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
|
|
@@ -188,7 +188,7 @@ function Alert({
|
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
// src/components/ui/Avatar/Avatar.module.css
|
|
191
|
-
var Avatar_default = {"avatar":"
|
|
191
|
+
var Avatar_default = {"avatar":"bds101Avatar-avatar","--fallback":"bds101Avatar---fallback","--size_small":"bds101Avatar---size_small","--size_medium":"bds101Avatar---size_medium","--size_large":"bds101Avatar---size_large","image":"bds101Avatar-image","initials":"bds101Avatar-initials"};
|
|
192
192
|
|
|
193
193
|
// src/components/ui/Avatar/Avatar.tsx
|
|
194
194
|
var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
|
|
@@ -214,7 +214,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
// src/components/ui/Badge/Badge.module.css
|
|
217
|
-
var Badge_default = {"badge":"
|
|
217
|
+
var Badge_default = {"badge":"bds101Badge-badge","--variant_primary":"bds101Badge---variant_primary","--variant_secondary":"bds101Badge---variant_secondary","--variant_success":"bds101Badge---variant_success","--variant_error":"bds101Badge---variant_error","--variant_warning":"bds101Badge---variant_warning"};
|
|
218
218
|
|
|
219
219
|
// src/components/ui/Badge/Badge.tsx
|
|
220
220
|
var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
|
|
@@ -224,7 +224,7 @@ function Badge({ children, variant = "primary", className }) {
|
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
227
|
-
var Breadcrumb_default = {"breadcrumb":"
|
|
227
|
+
var Breadcrumb_default = {"breadcrumb":"bds101Breadcrumb-breadcrumb","list":"bds101Breadcrumb-list","item":"bds101Breadcrumb-item","link":"bds101Breadcrumb-link","separator":"bds101Breadcrumb-separator","current":"bds101Breadcrumb-current"};
|
|
228
228
|
|
|
229
229
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
230
230
|
var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
|
|
@@ -240,7 +240,7 @@ function Breadcrumb({ items, className }) {
|
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
243
|
-
var Collapsible_default = {"collapsible":"
|
|
243
|
+
var Collapsible_default = {"collapsible":"bds101Collapsible-collapsible","summary":"bds101Collapsible-summary","summaryContent":"bds101Collapsible-summaryContent","icon":"bds101Collapsible-icon","content":"bds101Collapsible-content"};
|
|
244
244
|
|
|
245
245
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
246
246
|
var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
|
|
@@ -281,7 +281,7 @@ function Collapsible({
|
|
|
281
281
|
var import_react2 = require("react");
|
|
282
282
|
|
|
283
283
|
// src/components/ui/Calendar/Calendar.module.css
|
|
284
|
-
var Calendar_default = {"calendar":"
|
|
284
|
+
var Calendar_default = {"calendar":"bds101Calendar-calendar","header":"bds101Calendar-header","monthYear":"bds101Calendar-monthYear","navBtn":"bds101Calendar-navBtn","grid":"bds101Calendar-grid","weekday":"bds101Calendar-weekday","empty":"bds101Calendar-empty","day":"bds101Calendar-day","disabled":"bds101Calendar-disabled","selected":"bds101Calendar-selected","today":"bds101Calendar-today"};
|
|
285
285
|
|
|
286
286
|
// src/components/ui/Calendar/Calendar.tsx
|
|
287
287
|
var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
|
|
@@ -456,7 +456,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
|
|
|
456
456
|
var import_react3 = require("react");
|
|
457
457
|
|
|
458
458
|
// src/components/ui/Carousel/Carousel.module.css
|
|
459
|
-
var Carousel_default = {"carousel":"
|
|
459
|
+
var Carousel_default = {"carousel":"bds101Carousel-carousel","track":"bds101Carousel-track","slide":"bds101Carousel-slide","navBtn":"bds101Carousel-navBtn"};
|
|
460
460
|
|
|
461
461
|
// src/components/ui/Carousel/Carousel.tsx
|
|
462
462
|
var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
|
|
@@ -509,7 +509,7 @@ function Carousel({ items, label, className }) {
|
|
|
509
509
|
}
|
|
510
510
|
|
|
511
511
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
512
|
-
var DescriptionList_default = {"list":"
|
|
512
|
+
var DescriptionList_default = {"list":"bds101DescriptionList-list","group":"bds101DescriptionList-group","term":"bds101DescriptionList-term","details":"bds101DescriptionList-details","--layout_inline":"bds101DescriptionList---layout_inline"};
|
|
513
513
|
|
|
514
514
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
515
515
|
var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
|
|
@@ -522,7 +522,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
|
|
|
522
522
|
}
|
|
523
523
|
|
|
524
524
|
// src/components/ui/Link/Link.module.css
|
|
525
|
-
var Link_default = {"link":"
|
|
525
|
+
var Link_default = {"link":"bds101Link-link","--variant_default":"bds101Link---variant_default","--variant_subtle":"bds101Link---variant_subtle","--variant_standalone":"bds101Link---variant_standalone","externalLabel":"bds101Link-externalLabel"};
|
|
526
526
|
|
|
527
527
|
// src/components/ui/Link/Link.tsx
|
|
528
528
|
var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
|
|
@@ -553,7 +553,7 @@ function Link({
|
|
|
553
553
|
}
|
|
554
554
|
|
|
555
555
|
// src/components/ui/Loading/Loading.module.css
|
|
556
|
-
var Loading_default = {"loading":"
|
|
556
|
+
var Loading_default = {"loading":"bds101Loading-loading","spinner":"bds101Loading-spinner","--size_small":"bds101Loading---size_small","--size_large":"bds101Loading---size_large"};
|
|
557
557
|
|
|
558
558
|
// src/components/ui/Loading/Loading.tsx
|
|
559
559
|
var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
|
|
@@ -563,7 +563,7 @@ function Loading({ size = "medium", className }) {
|
|
|
563
563
|
}
|
|
564
564
|
|
|
565
565
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
566
|
-
var NotificationBanner_default = {"banner":"
|
|
566
|
+
var NotificationBanner_default = {"banner":"bds101NotificationBanner-banner","--variant_info":"bds101NotificationBanner---variant_info","--variant_success":"bds101NotificationBanner---variant_success","--variant_warning":"bds101NotificationBanner---variant_warning","--variant_error":"bds101NotificationBanner---variant_error","content":"bds101NotificationBanner-content","action":"bds101NotificationBanner-action","dismiss":"bds101NotificationBanner-dismiss"};
|
|
567
567
|
|
|
568
568
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
569
569
|
var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
|
|
@@ -602,7 +602,7 @@ function NotificationBanner({
|
|
|
602
602
|
}
|
|
603
603
|
|
|
604
604
|
// src/components/ui/Pagination/Pagination.module.css
|
|
605
|
-
var Pagination_default = {"pagination":"
|
|
605
|
+
var Pagination_default = {"pagination":"bds101Pagination-pagination","list":"bds101Pagination-list","button":"bds101Pagination-button","--active":"bds101Pagination---active","--nav":"bds101Pagination---nav","ellipsis":"bds101Pagination-ellipsis"};
|
|
606
606
|
|
|
607
607
|
// src/components/ui/Pagination/Pagination.tsx
|
|
608
608
|
var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
|
|
@@ -666,7 +666,7 @@ function Pagination({
|
|
|
666
666
|
}
|
|
667
667
|
|
|
668
668
|
// src/components/ui/Progress/Progress.module.css
|
|
669
|
-
var Progress_default = {"container":"
|
|
669
|
+
var Progress_default = {"container":"bds101Progress-container","labelRow":"bds101Progress-labelRow","value":"bds101Progress-value","track":"bds101Progress-track","--size_small":"bds101Progress---size_small","--size_medium":"bds101Progress---size_medium","--size_large":"bds101Progress---size_large","fill":"bds101Progress-fill"};
|
|
670
670
|
|
|
671
671
|
// src/components/ui/Progress/Progress.tsx
|
|
672
672
|
var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
|
|
@@ -704,7 +704,7 @@ function Progress({
|
|
|
704
704
|
}
|
|
705
705
|
|
|
706
706
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
707
|
-
var ProgressCircle_default = {"wrapper":"
|
|
707
|
+
var ProgressCircle_default = {"wrapper":"bds101ProgressCircle-wrapper","svg":"bds101ProgressCircle-svg","track":"bds101ProgressCircle-track","fill":"bds101ProgressCircle-fill","value":"bds101ProgressCircle-value","--size_small":"bds101ProgressCircle---size_small","--size_medium":"bds101ProgressCircle---size_medium","--size_large":"bds101ProgressCircle---size_large"};
|
|
708
708
|
|
|
709
709
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
710
710
|
var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
|
|
@@ -783,7 +783,7 @@ function ProgressCircle({
|
|
|
783
783
|
}
|
|
784
784
|
|
|
785
785
|
// src/components/ui/Separator/Separator.module.css
|
|
786
|
-
var Separator_default = {"separator":"
|
|
786
|
+
var Separator_default = {"separator":"bds101Separator-separator","--horizontal":"bds101Separator---horizontal","--vertical":"bds101Separator---vertical"};
|
|
787
787
|
|
|
788
788
|
// src/components/ui/Separator/Separator.tsx
|
|
789
789
|
var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
|
|
@@ -806,7 +806,7 @@ function Separator({ orientation = "horizontal", className }) {
|
|
|
806
806
|
var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
|
|
807
807
|
|
|
808
808
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
809
|
-
var Skeleton_default = {"skeleton":"
|
|
809
|
+
var Skeleton_default = {"skeleton":"bds101Skeleton-skeleton"};
|
|
810
810
|
|
|
811
811
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
812
812
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -815,7 +815,7 @@ function Skeleton({ className }) {
|
|
|
815
815
|
}
|
|
816
816
|
|
|
817
817
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
818
|
-
var SkipLink_default = {"skipLink":"
|
|
818
|
+
var SkipLink_default = {"skipLink":"bds101SkipLink-skipLink"};
|
|
819
819
|
|
|
820
820
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
821
821
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
@@ -824,7 +824,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
|
|
|
824
824
|
}
|
|
825
825
|
|
|
826
826
|
// src/components/ui/Table/Table.module.css
|
|
827
|
-
var Table_default = {"wrapper":"
|
|
827
|
+
var Table_default = {"wrapper":"bds101Table-wrapper","table":"bds101Table-table","caption":"bds101Table-caption","thead":"bds101Table-thead","th":"bds101Table-th","--sortable":"bds101Table---sortable","sortButton":"bds101Table-sortButton","sortIcon":"bds101Table-sortIcon","--sort-active":"bds101Table---sort-active","--sort-desc":"bds101Table---sort-desc","tbody":"bds101Table-tbody","tr":"bds101Table-tr","td":"bds101Table-td"};
|
|
828
828
|
|
|
829
829
|
// src/components/ui/Table/Table.tsx
|
|
830
830
|
var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
|
|
@@ -894,7 +894,7 @@ function Table({
|
|
|
894
894
|
var import_react4 = require("react");
|
|
895
895
|
|
|
896
896
|
// src/components/ui/Tabs/Tabs.module.css
|
|
897
|
-
var Tabs_default = {"tabs":"
|
|
897
|
+
var Tabs_default = {"tabs":"bds101Tabs-tabs","tabList":"bds101Tabs-tabList","tab":"bds101Tabs-tab","--active":"bds101Tabs---active","panel":"bds101Tabs-panel"};
|
|
898
898
|
|
|
899
899
|
// src/components/ui/Tabs/Tabs.tsx
|
|
900
900
|
var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
|
|
@@ -974,7 +974,7 @@ function Tabs({ tabs, defaultTab, className }) {
|
|
|
974
974
|
var import_react5 = require("react");
|
|
975
975
|
|
|
976
976
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
977
|
-
var Tooltip_default = {"wrapper":"
|
|
977
|
+
var Tooltip_default = {"wrapper":"bds101Tooltip-wrapper","tooltip":"bds101Tooltip-tooltip","--placement_top":"bds101Tooltip---placement_top","--placement_bottom":"bds101Tooltip---placement_bottom","--placement_left":"bds101Tooltip---placement_left","--placement_right":"bds101Tooltip---placement_right"};
|
|
978
978
|
|
|
979
979
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
980
980
|
var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
|
|
@@ -1016,7 +1016,7 @@ function Tooltip({
|
|
|
1016
1016
|
}
|
|
1017
1017
|
|
|
1018
1018
|
// src/components/ui/Typography/Typography.module.css
|
|
1019
|
-
var Typography_default = {"typography":"
|
|
1019
|
+
var Typography_default = {"typography":"bds101Typography-typography","--h1":"bds101Typography---h1","--h2":"bds101Typography---h2","--h3":"bds101Typography---h3","--body":"bds101Typography---body","--body_s":"bds101Typography---body_s"};
|
|
1020
1020
|
|
|
1021
1021
|
// src/components/ui/Typography/Typography.tsx
|
|
1022
1022
|
var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
|
|
@@ -1034,7 +1034,7 @@ function Typography({ variant = "body", component, children, className }) {
|
|
|
1034
1034
|
}
|
|
1035
1035
|
|
|
1036
1036
|
// src/components/interaction/Button/Button.module.css
|
|
1037
|
-
var Button_default = {"button":"
|
|
1037
|
+
var Button_default = {"button":"bds101Button-button","--default":"bds101Button---default","--ghost":"bds101Button---ghost","--size_small":"bds101Button---size_small","--size_medium":"bds101Button---size_medium","--size_large":"bds101Button---size_large","--hasPulse":"bds101Button---hasPulse","iconStart":"bds101Button-iconStart","iconEnd":"bds101Button-iconEnd"};
|
|
1038
1038
|
|
|
1039
1039
|
// src/components/interaction/Button/Button.tsx
|
|
1040
1040
|
var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
|
|
@@ -1110,7 +1110,7 @@ function Button({
|
|
|
1110
1110
|
var import_react6 = require("react");
|
|
1111
1111
|
|
|
1112
1112
|
// src/components/interaction/Command/Command.module.css
|
|
1113
|
-
var Command_default = {"dialog":"
|
|
1113
|
+
var Command_default = {"dialog":"bds101Command-dialog","palette":"bds101Command-palette","searchRow":"bds101Command-searchRow","searchIcon":"bds101Command-searchIcon","search":"bds101Command-search","escHint":"bds101Command-escHint","list":"bds101Command-list","groupList":"bds101Command-groupList","group":"bds101Command-group","item":"bds101Command-item","itemActive":"bds101Command-itemActive","itemLabel":"bds101Command-itemLabel","itemDesc":"bds101Command-itemDesc","shortcut":"bds101Command-shortcut","empty":"bds101Command-empty"};
|
|
1114
1114
|
|
|
1115
1115
|
// src/components/interaction/Command/Command.tsx
|
|
1116
1116
|
var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
|
|
@@ -1258,7 +1258,7 @@ function Command({
|
|
|
1258
1258
|
var import_react7 = require("react");
|
|
1259
1259
|
|
|
1260
1260
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1261
|
-
var Dialog_default = {"dialog":"
|
|
1261
|
+
var Dialog_default = {"dialog":"bds101Dialog-dialog","dialogContent":"bds101Dialog-dialogContent","closeForm":"bds101Dialog-closeForm","closeButton":"bds101Dialog-closeButton"};
|
|
1262
1262
|
|
|
1263
1263
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1264
1264
|
var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
|
|
@@ -1340,7 +1340,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
|
|
|
1340
1340
|
var import_react8 = require("react");
|
|
1341
1341
|
|
|
1342
1342
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1343
|
-
var Drawer_default = {"drawer":"
|
|
1343
|
+
var Drawer_default = {"drawer":"bds101Drawer-drawer","panel":"bds101Drawer-panel","--side_right":"bds101Drawer---side_right","--side_left":"bds101Drawer---side_left","header":"bds101Drawer-header","closeButton":"bds101Drawer-closeButton","body":"bds101Drawer-body"};
|
|
1344
1344
|
|
|
1345
1345
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1346
1346
|
var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
|
|
@@ -1412,7 +1412,7 @@ function Drawer({
|
|
|
1412
1412
|
var import_react9 = require("react");
|
|
1413
1413
|
|
|
1414
1414
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1415
|
-
var DropdownMenu_default = {"wrapper":"
|
|
1415
|
+
var DropdownMenu_default = {"wrapper":"bds101DropdownMenu-wrapper","menu":"bds101DropdownMenu-menu","--placement_bottom-start":"bds101DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds101DropdownMenu---placement_bottom-end","separator":"bds101DropdownMenu-separator","item":"bds101DropdownMenu-item","icon":"bds101DropdownMenu-icon"};
|
|
1416
1416
|
|
|
1417
1417
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1418
1418
|
var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
|
|
@@ -1525,7 +1525,7 @@ function DropdownMenu({
|
|
|
1525
1525
|
var import_react10 = require("react");
|
|
1526
1526
|
|
|
1527
1527
|
// src/components/interaction/Popover/Popover.module.css
|
|
1528
|
-
var Popover_default = {"wrapper":"
|
|
1528
|
+
var Popover_default = {"wrapper":"bds101Popover-wrapper","panel":"bds101Popover-panel","--placement_bottom":"bds101Popover---placement_bottom","--placement_top":"bds101Popover---placement_top","--placement_right":"bds101Popover---placement_right","--placement_left":"bds101Popover---placement_left"};
|
|
1529
1529
|
|
|
1530
1530
|
// src/components/interaction/Popover/Popover.tsx
|
|
1531
1531
|
var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
|
|
@@ -1583,7 +1583,7 @@ function Popover({
|
|
|
1583
1583
|
}
|
|
1584
1584
|
|
|
1585
1585
|
// src/components/interaction/Rating/Rating.module.css
|
|
1586
|
-
var Rating_default = {"rating":"
|
|
1586
|
+
var Rating_default = {"rating":"bds101Rating-rating","star":"bds101Rating-star","--filled":"bds101Rating---filled"};
|
|
1587
1587
|
|
|
1588
1588
|
// src/components/interaction/Rating/Rating.tsx
|
|
1589
1589
|
var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
|
|
@@ -1614,7 +1614,7 @@ function Rating({ value, max = 5, className }) {
|
|
|
1614
1614
|
var import_react11 = require("react");
|
|
1615
1615
|
|
|
1616
1616
|
// src/components/interaction/Toast/Toast.module.css
|
|
1617
|
-
var Toast_default = {"toastContainer":"
|
|
1617
|
+
var Toast_default = {"toastContainer":"bds101Toast-toastContainer","toast":"bds101Toast-toast","--variant_success":"bds101Toast---variant_success","--variant_warning":"bds101Toast---variant_warning","--variant_info":"bds101Toast---variant_info","--variant_error":"bds101Toast---variant_error","message":"bds101Toast-message","closeButton":"bds101Toast-closeButton"};
|
|
1618
1618
|
|
|
1619
1619
|
// src/components/interaction/Toast/Toast.tsx
|
|
1620
1620
|
var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
|
|
@@ -1664,10 +1664,10 @@ function useToast() {
|
|
|
1664
1664
|
var import_react12 = require("react");
|
|
1665
1665
|
|
|
1666
1666
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
1667
|
-
var Checkbox_default = {"checkboxGroup":"
|
|
1667
|
+
var Checkbox_default = {"checkboxGroup":"bds101Checkbox-checkboxGroup","inputWrapper":"bds101Checkbox-inputWrapper","checkbox":"bds101Checkbox-checkbox","checkboxError":"bds101Checkbox-checkboxError"};
|
|
1668
1668
|
|
|
1669
1669
|
// src/components/interaction/form/atoms/Message.module.css
|
|
1670
|
-
var Message_default = {"error":"
|
|
1670
|
+
var Message_default = {"error":"bds101Message-error","hint":"bds101Message-hint"};
|
|
1671
1671
|
|
|
1672
1672
|
// src/components/interaction/form/atoms/Message.tsx
|
|
1673
1673
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
@@ -1677,7 +1677,7 @@ var Message = ({ message, type, inputId }) => {
|
|
|
1677
1677
|
};
|
|
1678
1678
|
|
|
1679
1679
|
// src/components/interaction/form/atoms/Label.module.css
|
|
1680
|
-
var Label_default = {"label":"
|
|
1680
|
+
var Label_default = {"label":"bds101Label-label"};
|
|
1681
1681
|
|
|
1682
1682
|
// src/components/interaction/form/atoms/Label.tsx
|
|
1683
1683
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
@@ -1689,7 +1689,7 @@ var Label = ({ label, id }) => {
|
|
|
1689
1689
|
var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
|
|
1690
1690
|
|
|
1691
1691
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
1692
|
-
var InputContainer_default = {"container":"
|
|
1692
|
+
var InputContainer_default = {"container":"bds101InputContainer-container"};
|
|
1693
1693
|
|
|
1694
1694
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
1695
1695
|
var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
|
|
@@ -1730,7 +1730,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
1730
1730
|
var import_react13 = require("react");
|
|
1731
1731
|
|
|
1732
1732
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
1733
|
-
var CheckboxGroup_default = {"group":"
|
|
1733
|
+
var CheckboxGroup_default = {"group":"bds101CheckboxGroup-group","legend":"bds101CheckboxGroup-legend","required":"bds101CheckboxGroup-required","items":"bds101CheckboxGroup-items"};
|
|
1734
1734
|
|
|
1735
1735
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
1736
1736
|
var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
|
|
@@ -1772,7 +1772,7 @@ function CheckboxGroup({
|
|
|
1772
1772
|
var import_react14 = require("react");
|
|
1773
1773
|
|
|
1774
1774
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
1775
|
-
var Combobox_default = {"formGroup":"
|
|
1775
|
+
var Combobox_default = {"formGroup":"bds101Combobox-formGroup","inputWrapper":"bds101Combobox-inputWrapper","input":"bds101Combobox-input","inputError":"bds101Combobox-inputError","chevron":"bds101Combobox-chevron","listbox":"bds101Combobox-listbox","option":"bds101Combobox-option","--highlighted":"bds101Combobox---highlighted","--selected":"bds101Combobox---selected","--disabled":"bds101Combobox---disabled"};
|
|
1776
1776
|
|
|
1777
1777
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
1778
1778
|
var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
|
|
@@ -1922,7 +1922,7 @@ function Combobox({
|
|
|
1922
1922
|
var import_react15 = require("react");
|
|
1923
1923
|
|
|
1924
1924
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
1925
|
-
var FileInput_default = {"formGroup":"
|
|
1925
|
+
var FileInput_default = {"formGroup":"bds101FileInput-formGroup","fieldLabel":"bds101FileInput-fieldLabel","dropZone":"bds101FileInput-dropZone","isDragging":"bds101FileInput-isDragging","hasError":"bds101FileInput-hasError","isDisabled":"bds101FileInput-isDisabled","icon":"bds101FileInput-icon","prompt":"bds101FileInput-prompt","acceptHint":"bds101FileInput-acceptHint","hiddenInput":"bds101FileInput-hiddenInput"};
|
|
1926
1926
|
|
|
1927
1927
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
1928
1928
|
var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
|
|
@@ -2022,7 +2022,7 @@ function FileInput({
|
|
|
2022
2022
|
var import_react16 = require("react");
|
|
2023
2023
|
|
|
2024
2024
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2025
|
-
var FormInput_default = {"formGroup":"
|
|
2025
|
+
var FormInput_default = {"formGroup":"bds101FormInput-formGroup","input":"bds101FormInput-input","inputError":"bds101FormInput-inputError"};
|
|
2026
2026
|
|
|
2027
2027
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2028
2028
|
var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
|
|
@@ -2066,7 +2066,7 @@ function FormInput({
|
|
|
2066
2066
|
var import_react17 = require("react");
|
|
2067
2067
|
|
|
2068
2068
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2069
|
-
var NumberInput_default = {"formGroup":"
|
|
2069
|
+
var NumberInput_default = {"formGroup":"bds101NumberInput-formGroup","inputRow":"bds101NumberInput-inputRow","input":"bds101NumberInput-input","inputError":"bds101NumberInput-inputError","stepper":"bds101NumberInput-stepper"};
|
|
2070
2070
|
|
|
2071
2071
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2072
2072
|
var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
|
|
@@ -2099,7 +2099,13 @@ function NumberInput({
|
|
|
2099
2099
|
};
|
|
2100
2100
|
const adjust = (delta) => {
|
|
2101
2101
|
const next = clamp(currentValue + delta);
|
|
2102
|
-
if (!isControlled)
|
|
2102
|
+
if (!isControlled) {
|
|
2103
|
+
setInternalValue(next);
|
|
2104
|
+
if (inputRef.current) {
|
|
2105
|
+
inputRef.current.value = String(next);
|
|
2106
|
+
inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
|
|
2107
|
+
}
|
|
2108
|
+
}
|
|
2103
2109
|
onChange?.(next);
|
|
2104
2110
|
};
|
|
2105
2111
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(NumberInput_default.formGroup, className), children: [
|
|
@@ -2164,7 +2170,7 @@ function NumberInput({
|
|
|
2164
2170
|
var import_react18 = require("react");
|
|
2165
2171
|
|
|
2166
2172
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2167
|
-
var Radio_default = {"radioGroup":"
|
|
2173
|
+
var Radio_default = {"radioGroup":"bds101Radio-radioGroup","inputWrapper":"bds101Radio-inputWrapper","textWrapper":"bds101Radio-textWrapper","description":"bds101Radio-description","radio":"bds101Radio-radio","radioError":"bds101Radio-radioError"};
|
|
2168
2174
|
|
|
2169
2175
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2170
2176
|
var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
|
|
@@ -2202,7 +2208,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
|
|
|
2202
2208
|
var import_react19 = require("react");
|
|
2203
2209
|
|
|
2204
2210
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2205
|
-
var RadioGroup_default = {"group":"
|
|
2211
|
+
var RadioGroup_default = {"group":"bds101RadioGroup-group","legend":"bds101RadioGroup-legend","required":"bds101RadioGroup-required","items":"bds101RadioGroup-items"};
|
|
2206
2212
|
|
|
2207
2213
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2208
2214
|
var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
|
|
@@ -2244,7 +2250,7 @@ function RadioGroup({
|
|
|
2244
2250
|
var import_react20 = require("react");
|
|
2245
2251
|
|
|
2246
2252
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2247
|
-
var SegmentedControl_default = {"control":"
|
|
2253
|
+
var SegmentedControl_default = {"control":"bds101SegmentedControl-control","thumb":"bds101SegmentedControl-thumb","item":"bds101SegmentedControl-item","--disabled":"bds101SegmentedControl---disabled","radio":"bds101SegmentedControl-radio","label":"bds101SegmentedControl-label","--size_small":"bds101SegmentedControl---size_small","--size_large":"bds101SegmentedControl---size_large","--active":"bds101SegmentedControl---active"};
|
|
2248
2254
|
|
|
2249
2255
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2250
2256
|
var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
|
|
@@ -2322,7 +2328,7 @@ function SegmentedControl({
|
|
|
2322
2328
|
var import_react21 = require("react");
|
|
2323
2329
|
|
|
2324
2330
|
// src/components/interaction/form/Select/Select.module.css
|
|
2325
|
-
var Select_default = {"formGroup":"
|
|
2331
|
+
var Select_default = {"formGroup":"bds101Select-formGroup","selectWrapper":"bds101Select-selectWrapper","select":"bds101Select-select","selectError":"bds101Select-selectError","chevron":"bds101Select-chevron"};
|
|
2326
2332
|
|
|
2327
2333
|
// src/components/interaction/form/Select/Select.tsx
|
|
2328
2334
|
var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
|
|
@@ -2373,7 +2379,7 @@ function Select({
|
|
|
2373
2379
|
var import_react22 = require("react");
|
|
2374
2380
|
|
|
2375
2381
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
2376
|
-
var Slider_default = {"formGroup":"
|
|
2382
|
+
var Slider_default = {"formGroup":"bds101Slider-formGroup","labelRow":"bds101Slider-labelRow","value":"bds101Slider-value","slider":"bds101Slider-slider","sliderError":"bds101Slider-sliderError"};
|
|
2377
2383
|
|
|
2378
2384
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
2379
2385
|
var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
|
|
@@ -2435,7 +2441,7 @@ function Slider({
|
|
|
2435
2441
|
var import_react23 = require("react");
|
|
2436
2442
|
|
|
2437
2443
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
2438
|
-
var Switch_default = {"switchGroup":"
|
|
2444
|
+
var Switch_default = {"switchGroup":"bds101Switch-switchGroup","--size_small":"bds101Switch---size_small","--size_medium":"bds101Switch---size_medium","--size_large":"bds101Switch---size_large","inputWrapper":"bds101Switch-inputWrapper","trackWrapper":"bds101Switch-trackWrapper","switch":"bds101Switch-switch","track":"bds101Switch-track","thumb":"bds101Switch-thumb","switchError":"bds101Switch-switchError"};
|
|
2439
2445
|
|
|
2440
2446
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
2441
2447
|
var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
|
|
@@ -2483,7 +2489,7 @@ function Switch({
|
|
|
2483
2489
|
var import_react24 = require("react");
|
|
2484
2490
|
|
|
2485
2491
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
2486
|
-
var Textarea_default = {"formGroup":"
|
|
2492
|
+
var Textarea_default = {"formGroup":"bds101Textarea-formGroup","textarea":"bds101Textarea-textarea","textareaError":"bds101Textarea-textareaError"};
|
|
2487
2493
|
|
|
2488
2494
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
2489
2495
|
var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
|
|
@@ -2522,7 +2528,7 @@ function Textarea({
|
|
|
2522
2528
|
}
|
|
2523
2529
|
|
|
2524
2530
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
2525
|
-
var ButtonGroup_default = {"buttonGroup":"
|
|
2531
|
+
var ButtonGroup_default = {"buttonGroup":"bds101ButtonGroup-buttonGroup","container":"bds101ButtonGroup-container","--variant_card":"bds101ButtonGroup---variant_card","--variant_flow":"bds101ButtonGroup---variant_flow","--variant_modal":"bds101ButtonGroup---variant_modal","--variant_content":"bds101ButtonGroup---variant_content","--variant_grid":"bds101ButtonGroup---variant_grid"};
|
|
2526
2532
|
|
|
2527
2533
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
2528
2534
|
var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
|
|
@@ -2540,7 +2546,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
|
|
|
2540
2546
|
}
|
|
2541
2547
|
|
|
2542
2548
|
// src/components/layout/Card/Card.module.css
|
|
2543
|
-
var Card_default = {"card":"
|
|
2549
|
+
var Card_default = {"card":"bds101Card-card","--default":"bds101Card---default","--elevated":"bds101Card---elevated","--outlined":"bds101Card---outlined","--clickable":"bds101Card---clickable","--padding-none":"bds101Card---padding-none","--padding-small":"bds101Card---padding-small","--padding-medium":"bds101Card---padding-medium","--padding-large":"bds101Card---padding-large","--text-start":"bds101Card---text-start","--text-center":"bds101Card---text-center","--text-end":"bds101Card---text-end"};
|
|
2544
2550
|
|
|
2545
2551
|
// src/components/layout/Card/Card.tsx
|
|
2546
2552
|
var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
|
|
@@ -2578,7 +2584,7 @@ function Card({
|
|
|
2578
2584
|
}
|
|
2579
2585
|
|
|
2580
2586
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
2581
|
-
var SectionHeader_default = {"sectionHeader":"
|
|
2587
|
+
var SectionHeader_default = {"sectionHeader":"bds101SectionHeader-sectionHeader","title":"bds101SectionHeader-title","subtitle":"bds101SectionHeader-subtitle","--start":"bds101SectionHeader---start","--center":"bds101SectionHeader---center","--end":"bds101SectionHeader---end","--small":"bds101SectionHeader---small","--medium":"bds101SectionHeader---medium","--large":"bds101SectionHeader---large"};
|
|
2582
2588
|
|
|
2583
2589
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
2584
2590
|
var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
|
|
@@ -2599,7 +2605,7 @@ function SectionHeader({
|
|
|
2599
2605
|
}
|
|
2600
2606
|
|
|
2601
2607
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
2602
|
-
var IconWrapper_default = {"wrapper":"
|
|
2608
|
+
var IconWrapper_default = {"wrapper":"bds101IconWrapper-wrapper"};
|
|
2603
2609
|
|
|
2604
2610
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
2605
2611
|
var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
|