@boostdev/design-system-components 1.0.3 → 1.1.0

package/AGENTS.md

@@ -83,7 +83,7 @@ Components that express an active, checked, or filled state use a two-level chai
 /* component var → global semantic token */
 background-color: var(--checkbox_color-active, var(--bds-color_green));
 border-color:     var(--checkbox_color-active, var(--bds-color_green));
-border: solid     var(--checkbox_color-on-active, var(--bds-on-active));
+border: solid     var(--checkbox_color-on-active, var(--bdc-color_on-active));
 ```
 
 Apply this pattern to any component with a visually distinct active/selected/filled state (checkboxes, radio buttons, sliders, progress bars, switch thumbs, etc.).
@@ -104,10 +104,10 @@ Prefer semantic tokens over palette tokens. Key tokens for component states:
 
 | Token | Meaning | Used in |
 |-------|---------|---------|
-| `--bds-color_green` | Active / checked / filled state | Checkbox, Radio, Slider, Progress, ProgressCircle |
-| `--bds-color_on-green` | Content on `--bds-color_green` | Checkbox tick, Radio inner dot |
-| `--bds-color_green--subtle` | Subtle background for active track | Switch (`--switch_track-bg--active`) |
-| `--bds-color_green--strong` | Strong foreground for active thumb | Switch (`--switch_thumb-bg--active`) |
+| `--bdc-color_active` | Active / checked / filled state (= `--bds-color_green` by default) | Checkbox, Radio, Slider, Progress, ProgressCircle |
+| `--bdc-color_on-active` | Content on active background | Checkbox tick, Radio inner dot |
+| `--bdc-color_active--subtle` | Subtle active background | Switch track when on |
+| `--bdc-color_active--strong` | Strong active foreground | Switch thumb when on |
 | `--bds-color_success--subtle` | Subtle background for success variant | Alert, NotificationBanner |
 | `--bds-color_on-success--subtle` | Text on success subtle background | Alert, NotificationBanner |
 | `--bds-color_interactive` | Focus ring colour | All focusable inputs |