@ssa-ui-kit/core 3.20.3 → 3.21.1

package/dist/components/Checkbox/Checkbox.d.ts

@@ -9,11 +9,13 @@ import { CheckboxProps } from './types';
  *
  * Colors are driven by `theme.palette`:
  * - `primary` (default) — blue; uses `palette.primary.light/main/dark` for
- *   the resting border, checked fill, and hover fill. Disabled uses `greyFocused40`.
+ *   the resting border, checked fill, and hover fill.
  * - `success` — green; uses `palette.success.main/dark` for the border and fills.
- *   Disabled uses `greyFocused40`.
  * - `custom` — unstyled; apply your own colors via `className` or the `css` prop.
  *
+ * When disabled, an unchecked box goes flat `greyFocused40`; a checked or
+ * indeterminate one keeps its fill colour, muted, so the state stays readable.
+ *
  * @category Form Controls
  * @subcategory Input
  *

package/dist/components/Checkbox/types.d.ts

@@ -122,11 +122,13 @@ export interface CheckboxProps extends Partial<Pick<UseFormReturn, 'register'>>
      * Color variant of the checkbox — controls the checked and focus-state colors.
      * Sourced from `theme.palette`:
      * - `primary` — blue (uses `palette.primary`); resting border is `palette.primary.light`,
-     *   checked fill is `palette.primary.main`, hover fill is `palette.primary.dark`,
-     *   disabled box background is `greyFocused40`
+     *   checked fill is `palette.primary.main`, hover fill is `palette.primary.dark`.
+     *   When disabled, an unchecked box is `greyFocused40` while a checked one keeps
+     *   `palette.primary.main`, muted
      * - `success` — green (uses `palette.success`); resting border is `palette.success.main`,
-     *   checked fill is `palette.success.main`, hover fill is `palette.success.dark`,
-     *   disabled box background is `greyFocused40`
+     *   checked fill is `palette.success.main`, hover fill is `palette.success.dark`.
+     *   When disabled, an unchecked box is `greyFocused40` while a checked one keeps
+     *   `palette.success.main`, muted
      * - `custom` — no built-in color; apply styles via `className` or the `css` prop
      * @default 'primary'
      */

package/dist/components/Switch/Switch.d.ts

@@ -12,7 +12,8 @@ import { SwitchProps } from './types';
  * object to supply arbitrary CSS color values.
  *
  * The off state always shows a neutral grey background (`greyFocused`).
- * The disabled state always uses `greySelectedMenuItem`, regardless of color variant.
+ * When disabled, the off state uses `greySelectedMenuItem`; the on state keeps its
+ * color, muted by a white overlay so the on/off distinction survives.
  * Hovering the on state darkens it: palette variants swap to their `palette.*.dark`
  * token; custom colors get a `rgba(0,0,0,0.15)` overlay so the knob stays unaffected.
  *
@@ -37,7 +38,7 @@ import { SwitchProps } from './types';
  *
  * @example
  * ```tsx
- * // Disabled (muted grey, cannot toggle)
+ * // Disabled + on (muted on-color, cannot toggle)
  * <SwitchContextProvider initialState={true}>
  *   <Switch label="Locked feature" disabled />
  * </SwitchContextProvider>

package/dist/components/Switch/types.d.ts

@@ -16,7 +16,9 @@
  *   On hover, a `rgba(0,0,0,0.15)` overlay darkens the track; the knob is unaffected.
  *
  * The off state always uses a neutral grey background (`greyFocused`) regardless
- * of variant. Disabled state always uses `greySelectedMenuItem` (same for all variants).
+ * of variant. When disabled, the off state uses `greySelectedMenuItem` while the
+ * on state keeps its color, muted by a white overlay, so a locked-on switch
+ * still reads as on.
  *
  * @example
  * ```tsx
@@ -57,7 +59,8 @@ export interface SwitchProps {
     label: string;
     /**
      * Whether the switch is disabled
-     * Disabled switches cannot be toggled; background becomes `greySelectedMenuItem`
+     * Disabled switches cannot be toggled. The off state becomes
+     * `greySelectedMenuItem`; the on state keeps its color, muted.
      * @default false
      */
     disabled?: boolean;