@vegastack/design-tokens 0.7.1 → 0.7.33
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/base.css +33 -8
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
REBUILT BY THE SHADCN RESET (Batch 1, 2026-09-18). This file is now upstream's own base layer
|
|
5
5
|
plus exactly the decisions `docs/plans/2026-09-18-shadcn-reset/decisions.md` marks **ours**:
|
|
6
6
|
|
|
7
|
-
FOC-1 one global :focus-visible
|
|
7
|
+
FOC-1 one global :focus-visible cue; components restate nothing
|
|
8
|
+
FOC-13 no focus rings anywhere, Tabs included: the cue is a background tint (MK 2026-09-25)
|
|
8
9
|
FOC-7 the forced-colours fallback for text entry
|
|
9
10
|
MOT-5 the reduced-motion reset (and the one sanctioned !important)
|
|
10
11
|
INT-1 the hand cursor, on a wider selector list than shadcn's --pointer rule
|
|
@@ -59,13 +60,35 @@
|
|
|
59
60
|
@apply font-sans;
|
|
60
61
|
}
|
|
61
62
|
|
|
62
|
-
/* FOC-1 — the SINGLE focus affordance in the system
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
/* FOC-1 + FOC-13 — the SINGLE focus affordance in the system, and it is NOT a ring.
|
|
64
|
+
No focus ring anywhere, Tabs included (MK 2026-09-25): a keyboard user sees a subtle background
|
|
65
|
+
TINT — `accent` at 50%, laid over whatever fill the control already has as a background IMAGE,
|
|
66
|
+
so a primary button, a chip, a row and a menu item all show it without any component
|
|
67
|
+
restating it. Text entry (text inputs, textarea, contenteditable) keeps its border tint
|
|
68
|
+
(FOC-3) and takes no fill. Tab triggers and panels take the same tint as everything else. Components carry no focus ring of their
|
|
69
|
+
own (FOC-6), and `design-lint`'s `no-focus-ring-glow` rule rejects any focus ring or outline
|
|
70
|
+
class, so one cannot creep back through a later upstream pull. */
|
|
67
71
|
:focus-visible {
|
|
68
|
-
|
|
72
|
+
outline: none;
|
|
73
|
+
}
|
|
74
|
+
:focus-visible:not(
|
|
75
|
+
textarea,
|
|
76
|
+
[contenteditable="true"],
|
|
77
|
+
input:not(
|
|
78
|
+
[type="range"],
|
|
79
|
+
[type="radio"],
|
|
80
|
+
[type="checkbox"],
|
|
81
|
+
[type="button"],
|
|
82
|
+
[type="submit"],
|
|
83
|
+
[type="reset"],
|
|
84
|
+
[type="color"],
|
|
85
|
+
[type="file"]
|
|
86
|
+
)
|
|
87
|
+
) {
|
|
88
|
+
background-image: linear-gradient(
|
|
89
|
+
color-mix(in oklch, var(--accent) 50%, transparent),
|
|
90
|
+
color-mix(in oklch, var(--accent) 50%, transparent)
|
|
91
|
+
);
|
|
69
92
|
}
|
|
70
93
|
|
|
71
94
|
/* INT-1 — the hand cursor. shadcn's `--pointer` flag writes
|
|
@@ -99,8 +122,10 @@
|
|
|
99
122
|
/* FOC-7 — preserve the focus contract when authored colours are replaced by a forced-colours
|
|
100
123
|
palette. */
|
|
101
124
|
@media (forced-colors: active) {
|
|
125
|
+
/* Forced colours drop the background tint, so the outline comes back here — and only here. */
|
|
102
126
|
:focus-visible {
|
|
103
|
-
outline
|
|
127
|
+
outline: 2px solid Highlight;
|
|
128
|
+
outline-offset: 1px;
|
|
104
129
|
}
|
|
105
130
|
|
|
106
131
|
/* Text-entry focus (FOC-3). Every text-entry control signals focus with a border TINT and strips
|