@boostdev/design-system-components 1.2.5 → 1.2.6

package/dist/index.d.cts

@@ -448,7 +448,7 @@ type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, '
     title: string;
     subtitle?: string;
     alignment?: 'start' | 'center' | 'end';
-    size?: 'small' | 'medium' | 'large';
+    size?: 'xs' | 'small' | 'medium' | 'large';
     titleAs?: IntrinsicElement;
 };
 declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -448,7 +448,7 @@ type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, '
     title: string;
     subtitle?: string;
     alignment?: 'start' | 'center' | 'end';
-    size?: 'small' | 'medium' | 'large';
+    size?: 'xs' | 'small' | 'medium' | 'large';
     titleAs?: IntrinsicElement;
 };
 declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds125Accordion-accordion","item":"bds125Accordion-item","heading":"bds125Accordion-heading","trigger":"bds125Accordion-trigger","triggerLabel":"bds125Accordion-triggerLabel","chevron":"bds125Accordion-chevron","--open":"bds125Accordion---open","panel":"bds125Accordion-panel","panelContent":"bds125Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds126Accordion-accordion","item":"bds126Accordion-item","heading":"bds126Accordion-heading","trigger":"bds126Accordion-trigger","triggerLabel":"bds126Accordion-triggerLabel","chevron":"bds126Accordion-chevron","--open":"bds126Accordion---open","panel":"bds126Accordion-panel","panelContent":"bds126Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -71,7 +71,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds125Alert-alert","--variant_info":"bds125Alert---variant_info","--variant_success":"bds125Alert---variant_success","--variant_warning":"bds125Alert---variant_warning","--variant_error":"bds125Alert---variant_error","icon":"bds125Alert-icon","content":"bds125Alert-content","title":"bds125Alert-title","dismiss":"bds125Alert-dismiss"};
+var Alert_default = {"alert":"bds126Alert-alert","--variant_info":"bds126Alert---variant_info","--variant_success":"bds126Alert---variant_success","--variant_warning":"bds126Alert---variant_warning","--variant_error":"bds126Alert---variant_error","icon":"bds126Alert-icon","content":"bds126Alert-content","title":"bds126Alert-title","dismiss":"bds126Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -116,7 +116,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds125Avatar-avatar","--fallback":"bds125Avatar---fallback","--size_small":"bds125Avatar---size_small","--size_medium":"bds125Avatar---size_medium","--size_large":"bds125Avatar---size_large","image":"bds125Avatar-image","initials":"bds125Avatar-initials"};
+var Avatar_default = {"avatar":"bds126Avatar-avatar","--fallback":"bds126Avatar---fallback","--size_small":"bds126Avatar---size_small","--size_medium":"bds126Avatar---size_medium","--size_large":"bds126Avatar---size_large","image":"bds126Avatar-image","initials":"bds126Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -143,7 +143,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds125Badge-badge","--variant_primary":"bds125Badge---variant_primary","--variant_secondary":"bds125Badge---variant_secondary","--variant_success":"bds125Badge---variant_success","--variant_error":"bds125Badge---variant_error","--variant_warning":"bds125Badge---variant_warning"};
+var Badge_default = {"badge":"bds126Badge-badge","--variant_primary":"bds126Badge---variant_primary","--variant_secondary":"bds126Badge---variant_secondary","--variant_success":"bds126Badge---variant_success","--variant_error":"bds126Badge---variant_error","--variant_warning":"bds126Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -153,7 +153,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds125Breadcrumb-breadcrumb","list":"bds125Breadcrumb-list","item":"bds125Breadcrumb-item","link":"bds125Breadcrumb-link","separator":"bds125Breadcrumb-separator","current":"bds125Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds126Breadcrumb-breadcrumb","list":"bds126Breadcrumb-list","item":"bds126Breadcrumb-item","link":"bds126Breadcrumb-link","separator":"bds126Breadcrumb-separator","current":"bds126Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -169,7 +169,7 @@ function Breadcrumb({ items, className, ...rest }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds125Collapsible-collapsible","summary":"bds125Collapsible-summary","summaryContent":"bds125Collapsible-summaryContent","icon":"bds125Collapsible-icon","content":"bds125Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds126Collapsible-collapsible","summary":"bds126Collapsible-summary","summaryContent":"bds126Collapsible-summaryContent","icon":"bds126Collapsible-icon","content":"bds126Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -210,7 +210,7 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds125Calendar-calendar","header":"bds125Calendar-header","monthYear":"bds125Calendar-monthYear","navBtn":"bds125Calendar-navBtn","grid":"bds125Calendar-grid","weekday":"bds125Calendar-weekday","empty":"bds125Calendar-empty","day":"bds125Calendar-day","disabled":"bds125Calendar-disabled","selected":"bds125Calendar-selected","today":"bds125Calendar-today"};
+var Calendar_default = {"calendar":"bds126Calendar-calendar","header":"bds126Calendar-header","monthYear":"bds126Calendar-monthYear","navBtn":"bds126Calendar-navBtn","grid":"bds126Calendar-grid","weekday":"bds126Calendar-weekday","empty":"bds126Calendar-empty","day":"bds126Calendar-day","disabled":"bds126Calendar-disabled","selected":"bds126Calendar-selected","today":"bds126Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -385,7 +385,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
 import { useRef, useId as useId3 } from "react";
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds125Carousel-carousel","track":"bds125Carousel-track","slide":"bds125Carousel-slide","navBtn":"bds125Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds126Carousel-carousel","track":"bds126Carousel-track","slide":"bds126Carousel-slide","navBtn":"bds126Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -438,7 +438,7 @@ function Carousel({ items, label, className, ...rest }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds125DescriptionList-list","group":"bds125DescriptionList-group","term":"bds125DescriptionList-term","details":"bds125DescriptionList-details","--layout_inline":"bds125DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds126DescriptionList-list","group":"bds126DescriptionList-group","term":"bds126DescriptionList-term","details":"bds126DescriptionList-details","--layout_inline":"bds126DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -451,7 +451,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds125Link-link","--variant_default":"bds125Link---variant_default","--variant_subtle":"bds125Link---variant_subtle","--variant_standalone":"bds125Link---variant_standalone","externalLabel":"bds125Link-externalLabel"};
+var Link_default = {"link":"bds126Link-link","--variant_default":"bds126Link---variant_default","--variant_subtle":"bds126Link---variant_subtle","--variant_standalone":"bds126Link---variant_standalone","externalLabel":"bds126Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -482,7 +482,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds125Loading-loading","spinner":"bds125Loading-spinner","--size_small":"bds125Loading---size_small","--size_large":"bds125Loading---size_large"};
+var Loading_default = {"loading":"bds126Loading-loading","spinner":"bds126Loading-spinner","--size_small":"bds126Loading---size_small","--size_large":"bds126Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -492,7 +492,7 @@ function Loading({ size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds125NotificationBanner-banner","--variant_info":"bds125NotificationBanner---variant_info","--variant_success":"bds125NotificationBanner---variant_success","--variant_warning":"bds125NotificationBanner---variant_warning","--variant_error":"bds125NotificationBanner---variant_error","content":"bds125NotificationBanner-content","action":"bds125NotificationBanner-action","dismiss":"bds125NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds126NotificationBanner-banner","--variant_info":"bds126NotificationBanner---variant_info","--variant_success":"bds126NotificationBanner---variant_success","--variant_warning":"bds126NotificationBanner---variant_warning","--variant_error":"bds126NotificationBanner---variant_error","content":"bds126NotificationBanner-content","action":"bds126NotificationBanner-action","dismiss":"bds126NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -533,7 +533,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds125Pagination-pagination","list":"bds125Pagination-list","button":"bds125Pagination-button","--active":"bds125Pagination---active","--nav":"bds125Pagination---nav","ellipsis":"bds125Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds126Pagination-pagination","list":"bds126Pagination-list","button":"bds126Pagination-button","--active":"bds126Pagination---active","--nav":"bds126Pagination---nav","ellipsis":"bds126Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -598,7 +598,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds125Progress-container","labelRow":"bds125Progress-labelRow","value":"bds125Progress-value","track":"bds125Progress-track","--size_small":"bds125Progress---size_small","--size_medium":"bds125Progress---size_medium","--size_large":"bds125Progress---size_large","fill":"bds125Progress-fill"};
+var Progress_default = {"container":"bds126Progress-container","labelRow":"bds126Progress-labelRow","value":"bds126Progress-value","track":"bds126Progress-track","--size_small":"bds126Progress---size_small","--size_medium":"bds126Progress---size_medium","--size_large":"bds126Progress---size_large","fill":"bds126Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -637,7 +637,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds125ProgressCircle-wrapper","svg":"bds125ProgressCircle-svg","track":"bds125ProgressCircle-track","fill":"bds125ProgressCircle-fill","value":"bds125ProgressCircle-value","--size_small":"bds125ProgressCircle---size_small","--size_medium":"bds125ProgressCircle---size_medium","--size_large":"bds125ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds126ProgressCircle-wrapper","svg":"bds126ProgressCircle-svg","track":"bds126ProgressCircle-track","fill":"bds126ProgressCircle-fill","value":"bds126ProgressCircle-value","--size_small":"bds126ProgressCircle---size_small","--size_medium":"bds126ProgressCircle---size_medium","--size_large":"bds126ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -718,7 +718,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds125Separator-separator","--horizontal":"bds125Separator---horizontal","--vertical":"bds125Separator---vertical"};
+var Separator_default = {"separator":"bds126Separator-separator","--horizontal":"bds126Separator---horizontal","--vertical":"bds126Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -742,7 +742,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
 import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds125Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds126Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -751,7 +751,7 @@ function Skeleton({ className, ...rest }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds125SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds126SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -761,7 +761,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds125Table-wrapper","table":"bds125Table-table","caption":"bds125Table-caption","thead":"bds125Table-thead","th":"bds125Table-th","--sortable":"bds125Table---sortable","sortButton":"bds125Table-sortButton","sortIcon":"bds125Table-sortIcon","--sort-active":"bds125Table---sort-active","--sort-desc":"bds125Table---sort-desc","tbody":"bds125Table-tbody","tr":"bds125Table-tr","td":"bds125Table-td"};
+var Table_default = {"wrapper":"bds126Table-wrapper","table":"bds126Table-table","caption":"bds126Table-caption","thead":"bds126Table-thead","th":"bds126Table-th","--sortable":"bds126Table---sortable","sortButton":"bds126Table-sortButton","sortIcon":"bds126Table-sortIcon","--sort-active":"bds126Table---sort-active","--sort-desc":"bds126Table---sort-desc","tbody":"bds126Table-tbody","tr":"bds126Table-tr","td":"bds126Table-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -831,7 +831,7 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds125Tabs-tabs","tabList":"bds125Tabs-tabList","tab":"bds125Tabs-tab","--active":"bds125Tabs---active","panel":"bds125Tabs-panel"};
+var Tabs_default = {"tabs":"bds126Tabs-tabs","tabList":"bds126Tabs-tabList","tab":"bds126Tabs-tab","--active":"bds126Tabs---active","panel":"bds126Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -911,7 +911,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds125Tooltip-wrapper","tooltip":"bds125Tooltip-tooltip","--placement_top":"bds125Tooltip---placement_top","--placement_bottom":"bds125Tooltip---placement_bottom","--placement_left":"bds125Tooltip---placement_left","--placement_right":"bds125Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds126Tooltip-wrapper","tooltip":"bds126Tooltip-tooltip","--placement_top":"bds126Tooltip---placement_top","--placement_bottom":"bds126Tooltip---placement_bottom","--placement_left":"bds126Tooltip---placement_left","--placement_right":"bds126Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -955,7 +955,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds125Typography-typography","--h1":"bds125Typography---h1","--h2":"bds125Typography---h2","--h3":"bds125Typography---h3","--body":"bds125Typography---body","--body_s":"bds125Typography---body_s"};
+var Typography_default = {"typography":"bds126Typography-typography","--h1":"bds126Typography---h1","--h2":"bds126Typography---h2","--h3":"bds126Typography---h3","--body":"bds126Typography---body","--body_s":"bds126Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -973,7 +973,7 @@ function Typography({ variant = "body", component, children, className, ...rest
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds125Button-button","--default":"bds125Button---default","--outline":"bds125Button---outline","--ghost":"bds125Button---ghost","--size_small":"bds125Button---size_small","--size_medium":"bds125Button---size_medium","--size_large":"bds125Button---size_large","--hasPulse":"bds125Button---hasPulse","iconStart":"bds125Button-iconStart","iconEnd":"bds125Button-iconEnd"};
+var Button_default = {"button":"bds126Button-button","--default":"bds126Button---default","--outline":"bds126Button---outline","--ghost":"bds126Button---ghost","--size_small":"bds126Button---size_small","--size_medium":"bds126Button---size_medium","--size_large":"bds126Button---size_large","--hasPulse":"bds126Button---hasPulse","iconStart":"bds126Button-iconStart","iconEnd":"bds126Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1088,7 +1088,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds125Command-dialog","palette":"bds125Command-palette","searchRow":"bds125Command-searchRow","searchIcon":"bds125Command-searchIcon","search":"bds125Command-search","escHint":"bds125Command-escHint","list":"bds125Command-list","groupList":"bds125Command-groupList","group":"bds125Command-group","item":"bds125Command-item","itemActive":"bds125Command-itemActive","itemLabel":"bds125Command-itemLabel","itemDesc":"bds125Command-itemDesc","shortcut":"bds125Command-shortcut","empty":"bds125Command-empty"};
+var Command_default = {"dialog":"bds126Command-dialog","palette":"bds126Command-palette","searchRow":"bds126Command-searchRow","searchIcon":"bds126Command-searchIcon","search":"bds126Command-search","escHint":"bds126Command-escHint","list":"bds126Command-list","groupList":"bds126Command-groupList","group":"bds126Command-group","item":"bds126Command-item","itemActive":"bds126Command-itemActive","itemLabel":"bds126Command-itemLabel","itemDesc":"bds126Command-itemDesc","shortcut":"bds126Command-shortcut","empty":"bds126Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1265,7 +1265,7 @@ function Command({
 import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds125Dialog-dialog","dialogContent":"bds125Dialog-dialogContent","closeButton":"bds125Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds126Dialog-dialog","dialogContent":"bds126Dialog-dialogContent","closeButton":"bds126Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1371,7 +1371,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds125Drawer-drawer","--side_left":"bds125Drawer---side_left","header":"bds125Drawer-header","closeButton":"bds125Drawer-closeButton","body":"bds125Drawer-body"};
+var Drawer_default = {"drawer":"bds126Drawer-drawer","--side_left":"bds126Drawer---side_left","header":"bds126Drawer-header","closeButton":"bds126Drawer-closeButton","body":"bds126Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1479,7 +1479,7 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds125DropdownMenu-wrapper","menu":"bds125DropdownMenu-menu","--placement_bottom-start":"bds125DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds125DropdownMenu---placement_bottom-end","separator":"bds125DropdownMenu-separator","item":"bds125DropdownMenu-item","icon":"bds125DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds126DropdownMenu-wrapper","menu":"bds126DropdownMenu-menu","--placement_bottom-start":"bds126DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds126DropdownMenu---placement_bottom-end","separator":"bds126DropdownMenu-separator","item":"bds126DropdownMenu-item","icon":"bds126DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1600,7 +1600,7 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds125Popover-wrapper","panel":"bds125Popover-panel","g":"bds125Popover-g"};
+var Popover_default = {"wrapper":"bds126Popover-wrapper","panel":"bds126Popover-panel","g":"bds126Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1685,7 +1685,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds125Rating-rating","star":"bds125Rating-star","--filled":"bds125Rating---filled"};
+var Rating_default = {"rating":"bds126Rating-rating","star":"bds126Rating-star","--filled":"bds126Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1717,13 +1717,18 @@ function Rating({ value, max = 5, className, ...rest }) {
 import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds125Toast-toastContainer","toast":"bds125Toast-toast","--variant_success":"bds125Toast---variant_success","--variant_warning":"bds125Toast---variant_warning","--variant_info":"bds125Toast---variant_info","--variant_error":"bds125Toast---variant_error","message":"bds125Toast-message","closeButton":"bds125Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds126Toast-toastContainer","toast":"bds126Toast-toast","--variant_success":"bds126Toast---variant_success","--variant_warning":"bds126Toast---variant_warning","--variant_info":"bds126Toast---variant_info","--variant_error":"bds126Toast---variant_error","message":"bds126Toast-message","closeButton":"bds126Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn30 } from "@boostdev/design-system-foundation";
 import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
-var ToastContext = createContext(void 0);
+var _ToastContext;
+function getToastContext() {
+  _ToastContext ??= createContext(void 0);
+  return _ToastContext;
+}
 function ToastProvider({ children }) {
+  const ToastContext = getToastContext();
   const [toasts, setToasts] = useState8([]);
   const containerRef = useRef8(null);
   const showToast = useCallback((message, variant) => {
@@ -1779,7 +1784,7 @@ function ToastItem({ toast, onRemove }) {
   ] });
 }
 function useToast() {
-  const context = useContext(ToastContext);
+  const context = useContext(getToastContext());
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -1790,10 +1795,10 @@ function useToast() {
 import { useId as useId11 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds125Checkbox-checkboxGroup","inputWrapper":"bds125Checkbox-inputWrapper","checkbox":"bds125Checkbox-checkbox","checkboxError":"bds125Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds126Checkbox-checkboxGroup","inputWrapper":"bds126Checkbox-inputWrapper","checkbox":"bds126Checkbox-checkbox","checkboxError":"bds126Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds125Message-error","hint":"bds125Message-hint"};
+var Message_default = {"error":"bds126Message-error","hint":"bds126Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1804,7 +1809,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds125Label-label"};
+var Label_default = {"label":"bds126Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1817,7 +1822,7 @@ var Label = ({ label, id, className }) => {
 import { cn as cn34 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds125InputContainer-container"};
+var InputContainer_default = {"container":"bds126InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1858,7 +1863,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds125CheckboxGroup-group","legend":"bds125CheckboxGroup-legend","required":"bds125CheckboxGroup-required","items":"bds125CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds126CheckboxGroup-group","legend":"bds126CheckboxGroup-legend","required":"bds126CheckboxGroup-required","items":"bds126CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1906,7 +1911,7 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds125Combobox-formGroup","inputWrapper":"bds125Combobox-inputWrapper","input":"bds125Combobox-input","inputError":"bds125Combobox-inputError","chevron":"bds125Combobox-chevron","listbox":"bds125Combobox-listbox","option":"bds125Combobox-option","--highlighted":"bds125Combobox---highlighted","--selected":"bds125Combobox---selected","--disabled":"bds125Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds126Combobox-formGroup","inputWrapper":"bds126Combobox-inputWrapper","input":"bds126Combobox-input","inputError":"bds126Combobox-inputError","chevron":"bds126Combobox-chevron","listbox":"bds126Combobox-listbox","option":"bds126Combobox-option","--highlighted":"bds126Combobox---highlighted","--selected":"bds126Combobox---selected","--disabled":"bds126Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2057,7 +2062,7 @@ function Combobox({
 import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds125FileInput-formGroup","fieldLabel":"bds125FileInput-fieldLabel","dropZone":"bds125FileInput-dropZone","isDragging":"bds125FileInput-isDragging","hasError":"bds125FileInput-hasError","isDisabled":"bds125FileInput-isDisabled","icon":"bds125FileInput-icon","prompt":"bds125FileInput-prompt","acceptHint":"bds125FileInput-acceptHint","hiddenInput":"bds125FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds126FileInput-formGroup","fieldLabel":"bds126FileInput-fieldLabel","dropZone":"bds126FileInput-dropZone","isDragging":"bds126FileInput-isDragging","hasError":"bds126FileInput-hasError","isDisabled":"bds126FileInput-isDisabled","icon":"bds126FileInput-icon","prompt":"bds126FileInput-prompt","acceptHint":"bds126FileInput-acceptHint","hiddenInput":"bds126FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2158,7 +2163,7 @@ function FileInput({
 import { useId as useId15 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds125FormInput-formGroup","input":"bds125FormInput-input","inputError":"bds125FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds126FormInput-formGroup","input":"bds126FormInput-input","inputError":"bds126FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2202,7 +2207,7 @@ function FormInput({
 import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds125NumberInput-formGroup","inputRow":"bds125NumberInput-inputRow","input":"bds125NumberInput-input","inputError":"bds125NumberInput-inputError","stepper":"bds125NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds126NumberInput-formGroup","inputRow":"bds126NumberInput-inputRow","input":"bds126NumberInput-input","inputError":"bds126NumberInput-inputError","stepper":"bds126NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2307,7 +2312,7 @@ function NumberInput({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds125Radio-radioGroup","inputWrapper":"bds125Radio-inputWrapper","textWrapper":"bds125Radio-textWrapper","description":"bds125Radio-description","radio":"bds125Radio-radio","radioError":"bds125Radio-radioError"};
+var Radio_default = {"radioGroup":"bds126Radio-radioGroup","inputWrapper":"bds126Radio-inputWrapper","textWrapper":"bds126Radio-textWrapper","description":"bds126Radio-description","radio":"bds126Radio-radio","radioError":"bds126Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2345,7 +2350,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"group":"bds125RadioGroup-group","legend":"bds125RadioGroup-legend","required":"bds125RadioGroup-required","items":"bds125RadioGroup-items"};
+var RadioGroup_default = {"group":"bds126RadioGroup-group","legend":"bds126RadioGroup-legend","required":"bds126RadioGroup-required","items":"bds126RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2387,7 +2392,7 @@ function RadioGroup({
 import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds125SegmentedControl-control","thumb":"bds125SegmentedControl-thumb","indicator":"bds125SegmentedControl-indicator","item":"bds125SegmentedControl-item","--active":"bds125SegmentedControl---active","--disabled":"bds125SegmentedControl---disabled","--size_small":"bds125SegmentedControl---size_small","--size_large":"bds125SegmentedControl---size_large","--variant_outline":"bds125SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"control":"bds126SegmentedControl-control","thumb":"bds126SegmentedControl-thumb","indicator":"bds126SegmentedControl-indicator","item":"bds126SegmentedControl-item","--active":"bds126SegmentedControl---active","--disabled":"bds126SegmentedControl---disabled","--size_small":"bds126SegmentedControl---size_small","--size_large":"bds126SegmentedControl---size_large","--variant_outline":"bds126SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2443,7 +2448,7 @@ function SegmentedControl({
 import { useId as useId19 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds125Select-formGroup","selectWrapper":"bds125Select-selectWrapper","select":"bds125Select-select","selectError":"bds125Select-selectError","chevron":"bds125Select-chevron"};
+var Select_default = {"formGroup":"bds126Select-formGroup","selectWrapper":"bds126Select-selectWrapper","select":"bds126Select-select","selectError":"bds126Select-selectError","chevron":"bds126Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2494,7 +2499,7 @@ function Select({
 import { useId as useId20, useState as useState12 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds125Slider-formGroup","labelRow":"bds125Slider-labelRow","value":"bds125Slider-value","slider":"bds125Slider-slider","sliderError":"bds125Slider-sliderError"};
+var Slider_default = {"formGroup":"bds126Slider-formGroup","labelRow":"bds126Slider-labelRow","value":"bds126Slider-value","slider":"bds126Slider-slider","sliderError":"bds126Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2556,7 +2561,7 @@ function Slider({
 import { useId as useId21 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds125Switch-switchGroup","--size_small":"bds125Switch---size_small","--size_medium":"bds125Switch---size_medium","--size_large":"bds125Switch---size_large","inputWrapper":"bds125Switch-inputWrapper","trackWrapper":"bds125Switch-trackWrapper","switch":"bds125Switch-switch","track":"bds125Switch-track","thumb":"bds125Switch-thumb","switchError":"bds125Switch-switchError"};
+var Switch_default = {"switchGroup":"bds126Switch-switchGroup","--size_small":"bds126Switch---size_small","--size_medium":"bds126Switch---size_medium","--size_large":"bds126Switch---size_large","inputWrapper":"bds126Switch-inputWrapper","trackWrapper":"bds126Switch-trackWrapper","switch":"bds126Switch-switch","track":"bds126Switch-track","thumb":"bds126Switch-thumb","switchError":"bds126Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2604,7 +2609,7 @@ function Switch({
 import { useId as useId22 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds125Textarea-formGroup","textarea":"bds125Textarea-textarea","textareaError":"bds125Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds126Textarea-formGroup","textarea":"bds126Textarea-textarea","textareaError":"bds126Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2643,7 +2648,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds125ButtonGroup-buttonGroup","container":"bds125ButtonGroup-container","--variant_card":"bds125ButtonGroup---variant_card","--variant_flow":"bds125ButtonGroup---variant_flow","--variant_modal":"bds125ButtonGroup---variant_modal","--variant_content":"bds125ButtonGroup---variant_content","--variant_grid":"bds125ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds126ButtonGroup-buttonGroup","container":"bds126ButtonGroup-container","--variant_card":"bds126ButtonGroup---variant_card","--variant_flow":"bds126ButtonGroup---variant_flow","--variant_modal":"bds126ButtonGroup---variant_modal","--variant_content":"bds126ButtonGroup---variant_content","--variant_grid":"bds126ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn47 } from "@boostdev/design-system-foundation";
@@ -2661,7 +2666,7 @@ function ButtonGroup({ children, className, variant, ...rest }) {
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds125Card-card","--default":"bds125Card---default","--elevated":"bds125Card---elevated","--outlined":"bds125Card---outlined","--clickable":"bds125Card---clickable","--padding-none":"bds125Card---padding-none","--padding-small":"bds125Card---padding-small","--padding-medium":"bds125Card---padding-medium","--padding-large":"bds125Card---padding-large","--text-start":"bds125Card---text-start","--text-center":"bds125Card---text-center","--text-end":"bds125Card---text-end"};
+var Card_default = {"card":"bds126Card-card","--default":"bds126Card---default","--elevated":"bds126Card---elevated","--outlined":"bds126Card---outlined","--clickable":"bds126Card---clickable","--padding-none":"bds126Card---padding-none","--padding-small":"bds126Card---padding-small","--padding-medium":"bds126Card---padding-medium","--padding-large":"bds126Card---padding-large","--text-start":"bds126Card---text-start","--text-center":"bds126Card---text-center","--text-end":"bds126Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2697,7 +2702,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds125SectionHeader-sectionHeader","title":"bds125SectionHeader-title","subtitle":"bds125SectionHeader-subtitle","--start":"bds125SectionHeader---start","--center":"bds125SectionHeader---center","--end":"bds125SectionHeader---end","--small":"bds125SectionHeader---small","--medium":"bds125SectionHeader---medium","--large":"bds125SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds126SectionHeader-sectionHeader","title":"bds126SectionHeader-title","subtitle":"bds126SectionHeader-subtitle","--start":"bds126SectionHeader---start","--center":"bds126SectionHeader---center","--end":"bds126SectionHeader---end","--medium":"bds126SectionHeader---medium","--xs":"bds126SectionHeader---xs","--small":"bds126SectionHeader---small","--large":"bds126SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 import { cn as cn49 } from "@boostdev/design-system-foundation";
@@ -2719,7 +2724,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds125IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds126IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 import { cn as cn50 } from "@boostdev/design-system-foundation";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boostdev/design-system-components",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "BoostDev React component library: accessible, token-driven components built on @boostdev/design-system-foundation",
   "keywords": [
     "React",

package/src/components/interaction/Button/Button.mdx

@@ -12,6 +12,8 @@ Primary interactive element for triggering actions. Renders as `<button>` or `<a
 - Secondary or ghost actions (`ghost`)
 - Navigation that should look like an action (`href` → renders as `<a>`)
 
+> **Form actions:** When using buttons in a form (submit, reset, cancel), always wrap them in a `ButtonGroup` component. This provides consistent spacing, alignment, and responsive layout for form actions. Use `variant="flow"` for step navigation or `variant="card"` for single-form submissions.
+
 ## When not to use
 - Navigation to another page when it reads naturally as a link — use `Link` instead
 - When the action is purely icon-based without a label — ensure `aria-label` is set
@@ -53,11 +55,17 @@ Primary interactive element for triggering actions. Renders as `<button>` or `<a
 
 <table>
 <thead>
-<tr><th>Variable</th><th>Description</th></tr>
+<tr><th>Variable</th><th>Default</th><th>Description</th></tr>
 </thead>
 <tbody>
-<tr><td>`--button_color`</td><td>Identity colour — fills default, outlines ghost. Set this to re-theme.</td></tr>
-<tr><td>`--button_on-color`</td><td>Text/icon colour on the button. Pair with `--button_color`.</td></tr>
+<tr><td>`--button_color`</td><td>`var(--bds-color_interactive)`</td><td>Identity colour — fills default, outlines outline. Set this to re-theme.</td></tr>
+<tr><td>`--button_on-color`</td><td>`var(--bds-color_on-interactive)`</td><td>Text/icon colour on the button. Pair with `--button_color`.</td></tr>
+<tr><td>`--button_color--on-bg`</td><td>`var(--bds-color_interactive_on-bg)`</td><td>Text-safe variant of `--button_color` for outline variant text/border</td></tr>
+<tr><td>`--button_radius`</td><td>`var(--bds-border_radius--full)`</td><td>Button border radius</td></tr>
+<tr><td>`--button_bg--hover`</td><td>`var(--bds-color_bg)`</td><td>Default variant background on hover</td></tr>
+<tr><td>`--button_text--hover`</td><td>`var(--bds-color_interactive_on-bg)`</td><td>Default variant text colour on hover</td></tr>
+<tr><td>`--button_bg--outline-hover`</td><td>`var(--button_color)`</td><td>Outline variant background on hover</td></tr>
+<tr><td>`--button_text--outline-hover`</td><td>`var(--button_on-color)`</td><td>Outline variant text colour on hover</td></tr>
 </tbody>
 </table>
 

package/src/components/interaction/Button/Button.module.css

@@ -140,9 +140,9 @@
   /* Default hover: outline appears, bg becomes page surface */
   @media (hover: hover) and (pointer: fine) {
     .button.--default:hover {
-      --button_bg:          var(--bds-color_bg);
-      --button_text:        var(--bds-color_interactive_on-bg);
-      --button_pulse-color: var(--bds-color_interactive_on-bg);
+      --button_bg:          var(--button_bg--hover, var(--bds-color_bg));
+      --button_text:        var(--button_text--hover, var(--bds-color_interactive_on-bg));
+      --button_pulse-color: var(--button_pulse-color--hover, var(--bds-color_interactive_on-bg));
       --bdc_color:          currentcolor;
     }
   }
@@ -151,8 +151,8 @@
   @media (hover: hover) and (pointer: fine) {
     .button.--outline:hover,
     .button.--ghost:hover {
-      --button_bg:   var(--button_color);
-      --button_text: var(--button_on-color);
+      --button_bg:   var(--button_bg--outline-hover, var(--button_color));
+      --button_text: var(--button_text--outline-hover, var(--button_on-color));
       --bdc_color:   transparent;
     }
   }

package/src/components/interaction/Command/Command.mdx

@@ -32,6 +32,7 @@ Keyboard-first command palette for searching and executing actions. Commonly tri
 <tr><td>`--command_on-color`</td><td>`var(--bds-color_on-bg)`</td><td>Text and icon colour</td></tr>
 <tr><td>`--command_shadow`</td><td>`var(--bds-shadow_xl)`</td><td>Panel box shadow</td></tr>
 <tr><td>`--command_border`</td><td>`none`</td><td>Panel border</td></tr>
+<tr><td>`--command_item-bg--active`</td><td>`var(--bds-color_bg--subtle)`</td><td>Active/highlighted item background</td></tr>
 </tbody>
 </table>
 

package/src/components/interaction/Command/Command.module.css

@@ -106,7 +106,7 @@
   }
 
   .itemActive {
-    background-color: var(--bds-color_bg--subtle);
+    background-color: var(--command_item-bg--active, var(--bds-color_bg--subtle));
   }
 
   .itemLabel {