@hattisar/design-tokens 0.3.20 → 0.3.21

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/tokens.css +9 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hattisar/design-tokens",
3
- "version": "0.3.20",
3
+ "version": "0.3.21",
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
@@ -402,7 +402,10 @@
402
402
  --duration-base: 150ms;
403
403
  --duration-slow: 250ms;
404
404
 
405
- --header-height: 52px;
405
+ /* 58px, not 52 — asked for directly, matched against a reference
406
+ layout's own header height so this app's chrome proportions read
407
+ the same. */
408
+ --header-height: 58px;
406
409
 
407
410
  /* Exact Hattisar Design match — aside/header sit at the same white
408
411
  --hd-card-bg as every card (bordered, not tonally separate),
@@ -431,8 +434,11 @@
431
434
  --sidebar-rail-bg: var(--color-background-card);
432
435
 
433
436
  /* Every left-hand nav rail in an app sharing this one width instead
434
- of each picking its own. */
435
- --sidebar-width: 240px;
437
+ of each picking its own. 260px, not 240 — asked for directly,
438
+ matched (to the nearest round number) against a reference
439
+ layout's own sidebar width, the same reason --header-height above
440
+ moved too. */
441
+ --sidebar-width: 260px;
436
442
  --sidebar-width-collapsed: 64px;
437
443
  --sidebar-height: calc(100vh - var(--header-height));
438
444