anentrypoint-design 1.0.21 → 1.0.23
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/colors_and_type.css +11 -4
- package/dist/247420.css +16 -4
- package/dist/247420.js +23 -23
- package/package.json +1 -1
- package/src/css/app-shell/panel-row.css +5 -0
package/colors_and_type.css
CHANGED
|
@@ -24,10 +24,17 @@
|
|
|
24
24
|
color-mix()/oklch() derivation in this file keeps its formula and only
|
|
25
25
|
the ROOT input changes -- see restyle-tokens-webjsx-toolkit-look and
|
|
26
26
|
restyle-contrast-reverification-all-tokens for the swap rationale and
|
|
27
|
-
the re-verification this requires.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
the re-verification this requires.
|
|
28
|
+
Subtle warm off-white retune (2026-08): pure #FFFFFF read as stark/cold
|
|
29
|
+
against reference material using a warm off-white. Shift is deliberately
|
|
30
|
+
tiny -- a few points toward warm gray, not a cream -- to stay a safe,
|
|
31
|
+
low-risk change on a token used everywhere. Contrast re-verified against
|
|
32
|
+
every paired text tone: --ink 16.84:1, --ink-2 12.16:1, --ink-3 7.56:1 on
|
|
33
|
+
--paper (all far clear of AA 4.5:1); --ink-3 on --paper-2/--paper-3 also
|
|
34
|
+
re-measured at 6.87:1 / 6.04:1, both still clear. */
|
|
35
|
+
--paper: #FDFBF7;
|
|
36
|
+
--paper-2: #F2F0EC;
|
|
37
|
+
--paper-3: #E5E2DC;
|
|
31
38
|
--ink: #1A1A1A;
|
|
32
39
|
--ink-2: #333338;
|
|
33
40
|
--ink-3: #525252; /* WCAG-verified 2026 restyle: npm run a11y caught 4.10:1 at #58585F against --paper-3 (#c6c5c5-equivalent surfaces); #525252 clears 4.54:1 there and 7.81:1 against pure paper */
|
package/dist/247420.css
CHANGED
|
@@ -26,10 +26,17 @@
|
|
|
26
26
|
color-mix()/oklch() derivation in this file keeps its formula and only
|
|
27
27
|
the ROOT input changes -- see restyle-tokens-webjsx-toolkit-look and
|
|
28
28
|
restyle-contrast-reverification-all-tokens for the swap rationale and
|
|
29
|
-
the re-verification this requires.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
the re-verification this requires.
|
|
30
|
+
Subtle warm off-white retune (2026-08): pure #FFFFFF read as stark/cold
|
|
31
|
+
against reference material using a warm off-white. Shift is deliberately
|
|
32
|
+
tiny -- a few points toward warm gray, not a cream -- to stay a safe,
|
|
33
|
+
low-risk change on a token used everywhere. Contrast re-verified against
|
|
34
|
+
every paired text tone: --ink 16.84:1, --ink-2 12.16:1, --ink-3 7.56:1 on
|
|
35
|
+
--paper (all far clear of AA 4.5:1); --ink-3 on --paper-2/--paper-3 also
|
|
36
|
+
re-measured at 6.87:1 / 6.04:1, both still clear. */
|
|
37
|
+
--paper: #FDFBF7;
|
|
38
|
+
--paper-2: #F2F0EC;
|
|
39
|
+
--paper-3: #E5E2DC;
|
|
33
40
|
--ink: #1A1A1A;
|
|
34
41
|
--ink-2: #333338;
|
|
35
42
|
--ink-3: #525252; /* WCAG-verified 2026 restyle: npm run a11y caught 4.10:1 at #58585F against --paper-3 (#c6c5c5-equivalent surfaces); #525252 clears 4.54:1 there and 7.81:1 against pure paper */
|
|
@@ -2197,6 +2204,11 @@
|
|
|
2197
2204
|
.ds-247420 .row.active { background: color-mix(in oklab, var(--accent) 10%, var(--bg-2)); }
|
|
2198
2205
|
.ds-247420 .row.active::before { height: 64%; opacity: 1; background: var(--accent); }
|
|
2199
2206
|
.ds-247420 .row.active .title { color: var(--accent-ink); }
|
|
2207
|
+
/* The accent-tinted active background pushes --fg-3 (--ink-3) below AA 4.5:1
|
|
2208
|
+
(measured 4.43:1 after the warm-paper retune) -- --fg-2 (--ink-2, 7.13:1 on
|
|
2209
|
+
this mix) is the smallest token swap that clears it without touching the
|
|
2210
|
+
base --ink-3/paper-2 pairing used everywhere else. */
|
|
2211
|
+
.ds-247420 .row.active .ds-session-sub { color: var(--fg-2); }
|
|
2200
2212
|
.ds-247420 .row.row-state-disabled { opacity: 0.5; pointer-events: none; }
|
|
2201
2213
|
.ds-247420 .row.row-state-error { background: color-mix(in oklab, var(--flame) 10%, var(--bg-2)); }
|
|
2202
2214
|
.ds-247420 .row.row-state-error::before { height: 64%; opacity: 1; background: var(--flame); }
|