@hattisar/design-tokens 0.3.25 → 0.3.26
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/package.json +1 -1
- package/tokens.css +6 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hattisar/design-tokens",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.26",
|
|
4
4
|
"description": "Shared design tokens (colors, type, radius, spacing, motion) and base primitives (reset, buttons, inputs, cards, modals, auth shell) for every Hattisar frontend.",
|
|
5
5
|
"main": "tokens.css",
|
|
6
6
|
"files": [
|
package/tokens.css
CHANGED
|
@@ -225,11 +225,12 @@
|
|
|
225
225
|
|
|
226
226
|
/* The horizontal tab block (Tabs.tsx) — one frame for every context it
|
|
227
227
|
appears in, whether wrapped in .card (document forms) or
|
|
228
|
-
.form-section-tabs (Customer/Vendor/Item).
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
228
|
+
.form-section-tabs (Customer/Vendor/Item). The same gray as a widget
|
|
229
|
+
card's frame, so the strip reads as a gray band and the active tab's
|
|
230
|
+
white pill and the white panel below stand out against it. A .card
|
|
231
|
+
frame (white) hid both. It was transparent, which only worked while
|
|
232
|
+
the page canvas behind it was gray; it is a fill of its own now. */
|
|
233
|
+
--tabs-frame-bg: var(--color-table-header);
|
|
233
234
|
--tabs-frame-border: 1px solid var(--color-border);
|
|
234
235
|
--tabs-frame-radius: var(--radius-sm);
|
|
235
236
|
|