@ssa-ui-kit/core 3.20.3 → 3.21.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/dist/components/Checkbox/Checkbox.d.ts +4 -2
- package/dist/components/Checkbox/types.d.ts +6 -4
- package/dist/components/Switch/Switch.d.ts +3 -2
- package/dist/components/Switch/types.d.ts +5 -2
- package/dist/index.js +799 -706
- package/dist/index.mjs +799 -706
- package/dist/styles/disabledSurface.d.ts +20 -0
- package/dist/tsbuildcache +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared treatment for "disabled but still on" form controls.
|
|
3
|
+
*
|
|
4
|
+
* Switch and Checkbox both have an active state that carries meaning — a
|
|
5
|
+
* locked-on toggle, a checked-but-read-only box. Flattening those to grey when
|
|
6
|
+
* disabled throws that meaning away, so instead we keep the control's own
|
|
7
|
+
* colour and mute it with the overlay below.
|
|
8
|
+
*
|
|
9
|
+
* Why an overlay and not `opacity`:
|
|
10
|
+
* - `opacity` is a group operation, so it dims the state glyph (the Switch
|
|
11
|
+
* knob, the Checkbox tick) along with the surface behind it — and the glyph
|
|
12
|
+
* is the very cue we are trying to preserve.
|
|
13
|
+
* - `opacity` composites against the page, so the result shifts with whatever
|
|
14
|
+
* surface the control sits on. The overlay sits on the control's own colour,
|
|
15
|
+
* so it does not.
|
|
16
|
+
*
|
|
17
|
+
* The overlay must paint above the coloured surface and below the glyph. Each
|
|
18
|
+
* component wires that up itself, since their stacking differs.
|
|
19
|
+
*/
|
|
20
|
+
export declare const DISABLED_SURFACE_OVERLAY = "rgba(255, 255, 255, 0.45)";
|