@vegastack/design-tokens 0.7.18 → 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 +3 -10
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
plus exactly the decisions `docs/plans/2026-09-18-shadcn-reset/decisions.md` marks **ours**:
|
|
6
6
|
|
|
7
7
|
FOC-1 one global :focus-visible cue; components restate nothing
|
|
8
|
-
FOC-13 no focus rings
|
|
8
|
+
FOC-13 no focus rings anywhere, Tabs included: the cue is a background tint (MK 2026-09-25)
|
|
9
9
|
FOC-7 the forced-colours fallback for text entry
|
|
10
10
|
MOT-5 the reduced-motion reset (and the one sanctioned !important)
|
|
11
11
|
INT-1 the hand cursor, on a wider selector list than shadcn's --pointer rule
|
|
@@ -61,12 +61,11 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
/* FOC-1 + FOC-13 — the SINGLE focus affordance in the system, and it is NOT a ring.
|
|
64
|
-
No focus ring anywhere
|
|
64
|
+
No focus ring anywhere, Tabs included (MK 2026-09-25): a keyboard user sees a subtle background
|
|
65
65
|
TINT — `accent` at 50%, laid over whatever fill the control already has as a background IMAGE,
|
|
66
66
|
so a primary button, a chip, a row and a menu item all show it without any component
|
|
67
67
|
restating it. Text entry (text inputs, textarea, contenteditable) keeps its border tint
|
|
68
|
-
(FOC-3) and takes no fill.
|
|
69
|
-
which FOC-2 binds to the near-black / near-white ink. Components carry no focus ring of their
|
|
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
|
|
70
69
|
own (FOC-6), and `design-lint`'s `no-focus-ring-glow` rule rejects any focus ring or outline
|
|
71
70
|
class, so one cannot creep back through a later upstream pull. */
|
|
72
71
|
:focus-visible {
|
|
@@ -75,8 +74,6 @@
|
|
|
75
74
|
:focus-visible:not(
|
|
76
75
|
textarea,
|
|
77
76
|
[contenteditable="true"],
|
|
78
|
-
[role="tab"],
|
|
79
|
-
[role="tabpanel"],
|
|
80
77
|
input:not(
|
|
81
78
|
[type="range"],
|
|
82
79
|
[type="radio"],
|
|
@@ -93,10 +90,6 @@
|
|
|
93
90
|
color-mix(in oklch, var(--accent) 50%, transparent)
|
|
94
91
|
);
|
|
95
92
|
}
|
|
96
|
-
[role="tab"]:focus-visible,
|
|
97
|
-
[role="tabpanel"]:focus-visible {
|
|
98
|
-
@apply outline-2 outline-offset-1 outline-ring;
|
|
99
|
-
}
|
|
100
93
|
|
|
101
94
|
/* INT-1 — the hand cursor. shadcn's `--pointer` flag writes
|
|
102
95
|
`button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer }`; ours is the same
|