@airframeui/tokens 0.3.2 → 0.4.1

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/catalog.json +36 -27
  3. package/dist/tokens.css +4 -6
  4. package/dist/tokens.js +41 -33
  5. package/dist/tokens.json +41 -33
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -81,7 +81,7 @@ See [Theming](https://airframeui.com/docs/theming) and [Tokens](https://airframe
81
81
 
82
82
  ## Related
83
83
 
84
- - [`@airframeui/core`](https://www.npmjs.com/package/@airframeui/core) — layouts, patterns, utilities
84
+ - [`@airframeui/core`](https://www.npmjs.com/package/@airframeui/core) — structure, shells, patterns, utilities
85
85
  - [Documentation](https://airframeui.com/docs)
86
86
  - [Changelog](https://airframeui.com/docs/changelog)
87
87
 
package/dist/catalog.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "meta": {
3
- "generatedAt": "2026-08-22T12:27:04.958Z",
4
- "count": 367
3
+ "generatedAt": "2026-08-23T05:52:30.895Z",
4
+ "count": 368
5
5
  },
6
6
  "groups": [
7
7
  {
@@ -1410,8 +1410,8 @@
1410
1410
  "hc-dark": "color-mix( in srgb, var(--af-color-action), var(--af-hard-toward) var(--af-hard-mix) )"
1411
1411
  },
1412
1412
  "hex": {
1413
- "light": "#04417a",
1414
- "dark": "#7fb5e7",
1413
+ "light": "#0a4984",
1414
+ "dark": "#7cb3e6",
1415
1415
  "hc-light": "#04417a",
1416
1416
  "hc-dark": "#7fb5e7"
1417
1417
  }
@@ -1722,8 +1722,8 @@
1722
1722
  "hc-dark": "color-mix( in srgb, var(--af-color-danger), var(--af-hard-toward) var(--af-hard-mix) )"
1723
1723
  },
1724
1724
  "hex": {
1725
- "light": "#791515",
1726
- "dark": "#ec8888",
1725
+ "light": "#7f1d1f",
1726
+ "dark": "#e98586",
1727
1727
  "hc-light": "#791515",
1728
1728
  "hc-dark": "#ec8888"
1729
1729
  }
@@ -1848,8 +1848,8 @@
1848
1848
  "hc-dark": "color-mix( in srgb, var(--af-color-info), var(--af-hard-toward) var(--af-hard-mix) )"
1849
1849
  },
1850
1850
  "hex": {
1851
- "light": "#1f6888",
1852
- "dark": "#92dbfb",
1851
+ "light": "#257093",
1852
+ "dark": "#8ed8fa",
1853
1853
  "hc-light": "#1f6888",
1854
1854
  "hc-dark": "#92dbfb"
1855
1855
  }
@@ -2313,8 +2313,8 @@
2313
2313
  "hc-dark": "color-mix( in srgb, var(--af-color-primary), var(--af-hard-toward) var(--af-hard-mix) )"
2314
2314
  },
2315
2315
  "hex": {
2316
- "light": "#04417a",
2317
- "dark": "#7fb5e7",
2316
+ "light": "#0a4984",
2317
+ "dark": "#7cb3e6",
2318
2318
  "hc-light": "#04417a",
2319
2319
  "hc-dark": "#7fb5e7"
2320
2320
  }
@@ -2418,8 +2418,8 @@
2418
2418
  "hc-dark": "color-mix( in srgb, var(--af-color-secondary), var(--af-hard-toward) var(--af-hard-mix) )"
2419
2419
  },
2420
2420
  "hex": {
2421
- "light": "#787c86",
2422
- "dark": "#ebeff9",
2421
+ "light": "#7e8391",
2422
+ "dark": "#e8ecf8",
2423
2423
  "hc-light": "#787c86",
2424
2424
  "hc-dark": "#ebeff9"
2425
2425
  }
@@ -2523,8 +2523,8 @@
2523
2523
  "hc-dark": "color-mix( in srgb, var(--af-color-success), var(--af-hard-toward) var(--af-hard-mix) )"
2524
2524
  },
2525
2525
  "hex": {
2526
- "light": "#136c34",
2527
- "dark": "#85dfa6",
2526
+ "light": "#19743e",
2527
+ "dark": "#82dda5",
2528
2528
  "hc-light": "#136c34",
2529
2529
  "hc-dark": "#85dfa6"
2530
2530
  }
@@ -3042,8 +3042,8 @@
3042
3042
  "hc-dark": "color-mix( in srgb, var(--af-color-tertiary), var(--af-hard-toward) var(--af-hard-mix) )"
3043
3043
  },
3044
3044
  "hex": {
3045
- "light": "#090d15",
3046
- "dark": "#7c8088",
3045
+ "light": "#0f1520",
3046
+ "dark": "#797e87",
3047
3047
  "hc-light": "#090d15",
3048
3048
  "hc-dark": "#7c8088"
3049
3049
  }
@@ -3354,8 +3354,8 @@
3354
3354
  "hc-dark": "color-mix( in srgb, var(--af-color-warning), var(--af-hard-toward) var(--af-hard-mix) )"
3355
3355
  },
3356
3356
  "hex": {
3357
- "light": "#8a6914",
3358
- "dark": "#fddc87",
3357
+ "light": "#90711e",
3358
+ "dark": "#fada85",
3359
3359
  "hc-light": "#8a6914",
3360
3360
  "hc-dark": "#fddc87"
3361
3361
  }
@@ -3759,19 +3759,19 @@
3759
3759
  "category": "knob",
3760
3760
  "group": "knob",
3761
3761
  "kind": "static",
3762
- "description": "Mix target for *-hard (black in light, white in dark). Do not set freely per component.",
3763
- "value": "black",
3762
+ "description": "Mix target for *-hard. Defaults to --af-color-text so dark-first --light brands stay AA. Do not set freely per component.",
3763
+ "value": "var(--af-color-text)",
3764
3764
  "css": {
3765
- "light": "black",
3766
- "dark": "black",
3767
- "hc-light": "black",
3768
- "hc-dark": "black"
3765
+ "light": "var(--af-color-text)",
3766
+ "dark": "var(--af-color-text)",
3767
+ "hc-light": "var(--af-color-text)",
3768
+ "hc-dark": "var(--af-color-text)"
3769
3769
  },
3770
3770
  "hex": {
3771
- "light": "#000000",
3772
- "dark": "#000000",
3771
+ "light": "#0d1117",
3772
+ "dark": "#f8fafc",
3773
3773
  "hc-light": "#000000",
3774
- "hc-dark": "#000000"
3774
+ "hc-dark": "#ffffff"
3775
3775
  }
3776
3776
  },
3777
3777
  {
@@ -4035,6 +4035,15 @@
4035
4035
  "hc-dark": "#1678d4"
4036
4036
  }
4037
4037
  },
4038
+ {
4039
+ "name": "--af-navbar-height",
4040
+ "key": "navbar-height",
4041
+ "category": "semantic",
4042
+ "group": "other",
4043
+ "kind": "static",
4044
+ "description": "Offset for af-nav-collapse.af-is-overlay. Panel is position:fixed from this value to the bottom. Override on the navbar when the bar is taller than 3.5rem.",
4045
+ "value": "3.5rem"
4046
+ },
4038
4047
  {
4039
4048
  "name": "--af-pill-radius",
4040
4049
  "key": "pill-radius",
package/dist/tokens.css CHANGED
@@ -140,9 +140,10 @@
140
140
  --af-hover-mix: 12%;
141
141
  --af-active-mix: 18%;
142
142
  --af-soft-mix: 12%;
143
- /* Hard text on soft tints: mix toward black in light, white in dark */
143
+ /* Hard text on soft tints: mix toward canvas text (dark on light, light on
144
+ dark). Follows dark-first --light brands instead of the scheme name. */
144
145
  --af-hard-mix: 45%;
145
- --af-hard-toward: black;
146
+ --af-hard-toward: var(--af-color-text);
146
147
  --af-border-mix: 22%;
147
148
 
148
149
  /* --- Layout semantics --- */
@@ -150,6 +151,7 @@
150
151
  --af-sidebar-width: 16rem;
151
152
  --af-sidebar-collapsed-width: 3.5rem;
152
153
  --af-drawer-width: 20rem;
154
+ --af-navbar-height: 3.5rem;
153
155
  --af-divider-spacing: var(--af-space-5);
154
156
  --af-container-padding-x: var(--af-space-4);
155
157
  --af-container-max-w: 90em; /* 1440px */
@@ -578,7 +580,6 @@
578
580
  .af-force-light {
579
581
  color-scheme: light;
580
582
  color: var(--af-color-text);
581
- --af-hard-toward: black;
582
583
  --af-btn-hover-brightness: 0.9;
583
584
  --af-btn-active-brightness: 0.82;
584
585
  }
@@ -658,7 +659,6 @@
658
659
  --af-color-border: var(--af-color-border--dark);
659
660
  --af-color-border-strong: var(--af-color-border-strong--dark);
660
661
 
661
- --af-hard-toward: white;
662
662
  --af-btn-hover-brightness: 1.12;
663
663
  --af-btn-active-brightness: 1.2;
664
664
  }
@@ -690,7 +690,6 @@
690
690
  --af-color-border: var(--af-color-border--dark);
691
691
  --af-color-border-strong: var(--af-color-border-strong--dark);
692
692
 
693
- --af-hard-toward: white;
694
693
  --af-btn-hover-brightness: 1.12;
695
694
  --af-btn-active-brightness: 1.2;
696
695
  }
@@ -764,7 +763,6 @@
764
763
  --af-color-border: var(--af-color-border--light);
765
764
  --af-color-border-strong: var(--af-color-border-strong--light);
766
765
 
767
- --af-hard-toward: black;
768
766
  --af-btn-hover-brightness: 0.9;
769
767
  --af-btn-active-brightness: 0.82;
770
768
  }
package/dist/tokens.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export const tokens = {
2
2
  "meta": {
3
3
  "version": "0.0.1",
4
- "generatedAt": "2026-08-22T12:27:04.959Z"
4
+ "generatedAt": "2026-08-23T05:52:30.896Z"
5
5
  },
6
6
  "primitives": {
7
7
  "base-primary--light": "#0876dd",
@@ -110,11 +110,12 @@ export const tokens = {
110
110
  "ease-linear": "linear",
111
111
  "border-width": "1px",
112
112
  "hit-size": "2.75rem",
113
- "hard-toward": "black",
113
+ "hard-toward": "var(--af-color-text)",
114
114
  "layout-gap": "var(--af-space-4)",
115
115
  "sidebar-width": "16rem",
116
116
  "sidebar-collapsed-width": "3.5rem",
117
117
  "drawer-width": "20rem",
118
+ "navbar-height": "3.5rem",
118
119
  "divider-spacing": "var(--af-space-5)",
119
120
  "container-padding-x": "var(--af-space-4)",
120
121
  "container-max-w": "90em",
@@ -361,8 +362,7 @@ export const tokens = {
361
362
  "color-text-muted": "var(--af-color-text-muted--light)",
362
363
  "color-text-inverse": "var(--af-color-text-inverse--light)",
363
364
  "color-border": "var(--af-color-border--light)",
364
- "color-border-strong": "var(--af-color-border-strong--light)",
365
- "hard-toward": "black"
365
+ "color-border-strong": "var(--af-color-border-strong--light)"
366
366
  }
367
367
  },
368
368
  "dark": {
@@ -401,8 +401,7 @@ export const tokens = {
401
401
  "color-text-muted": "var(--af-color-text-muted--dark)",
402
402
  "color-text-inverse": "var(--af-color-text-inverse--dark)",
403
403
  "color-border": "var(--af-color-border--dark)",
404
- "color-border-strong": "var(--af-color-border-strong--dark)",
405
- "hard-toward": "white"
404
+ "color-border-strong": "var(--af-color-border-strong--dark)"
406
405
  }
407
406
  },
408
407
  "high-contrast-light": {
@@ -476,8 +475,8 @@ export const tokens = {
476
475
  },
477
476
  "catalog": {
478
477
  "meta": {
479
- "generatedAt": "2026-08-22T12:27:04.958Z",
480
- "count": 367
478
+ "generatedAt": "2026-08-23T05:52:30.895Z",
479
+ "count": 368
481
480
  },
482
481
  "groups": [
483
482
  {
@@ -1886,8 +1885,8 @@ export const tokens = {
1886
1885
  "hc-dark": "color-mix( in srgb, var(--af-color-action), var(--af-hard-toward) var(--af-hard-mix) )"
1887
1886
  },
1888
1887
  "hex": {
1889
- "light": "#04417a",
1890
- "dark": "#7fb5e7",
1888
+ "light": "#0a4984",
1889
+ "dark": "#7cb3e6",
1891
1890
  "hc-light": "#04417a",
1892
1891
  "hc-dark": "#7fb5e7"
1893
1892
  }
@@ -2198,8 +2197,8 @@ export const tokens = {
2198
2197
  "hc-dark": "color-mix( in srgb, var(--af-color-danger), var(--af-hard-toward) var(--af-hard-mix) )"
2199
2198
  },
2200
2199
  "hex": {
2201
- "light": "#791515",
2202
- "dark": "#ec8888",
2200
+ "light": "#7f1d1f",
2201
+ "dark": "#e98586",
2203
2202
  "hc-light": "#791515",
2204
2203
  "hc-dark": "#ec8888"
2205
2204
  }
@@ -2324,8 +2323,8 @@ export const tokens = {
2324
2323
  "hc-dark": "color-mix( in srgb, var(--af-color-info), var(--af-hard-toward) var(--af-hard-mix) )"
2325
2324
  },
2326
2325
  "hex": {
2327
- "light": "#1f6888",
2328
- "dark": "#92dbfb",
2326
+ "light": "#257093",
2327
+ "dark": "#8ed8fa",
2329
2328
  "hc-light": "#1f6888",
2330
2329
  "hc-dark": "#92dbfb"
2331
2330
  }
@@ -2789,8 +2788,8 @@ export const tokens = {
2789
2788
  "hc-dark": "color-mix( in srgb, var(--af-color-primary), var(--af-hard-toward) var(--af-hard-mix) )"
2790
2789
  },
2791
2790
  "hex": {
2792
- "light": "#04417a",
2793
- "dark": "#7fb5e7",
2791
+ "light": "#0a4984",
2792
+ "dark": "#7cb3e6",
2794
2793
  "hc-light": "#04417a",
2795
2794
  "hc-dark": "#7fb5e7"
2796
2795
  }
@@ -2894,8 +2893,8 @@ export const tokens = {
2894
2893
  "hc-dark": "color-mix( in srgb, var(--af-color-secondary), var(--af-hard-toward) var(--af-hard-mix) )"
2895
2894
  },
2896
2895
  "hex": {
2897
- "light": "#787c86",
2898
- "dark": "#ebeff9",
2896
+ "light": "#7e8391",
2897
+ "dark": "#e8ecf8",
2899
2898
  "hc-light": "#787c86",
2900
2899
  "hc-dark": "#ebeff9"
2901
2900
  }
@@ -2999,8 +2998,8 @@ export const tokens = {
2999
2998
  "hc-dark": "color-mix( in srgb, var(--af-color-success), var(--af-hard-toward) var(--af-hard-mix) )"
3000
2999
  },
3001
3000
  "hex": {
3002
- "light": "#136c34",
3003
- "dark": "#85dfa6",
3001
+ "light": "#19743e",
3002
+ "dark": "#82dda5",
3004
3003
  "hc-light": "#136c34",
3005
3004
  "hc-dark": "#85dfa6"
3006
3005
  }
@@ -3518,8 +3517,8 @@ export const tokens = {
3518
3517
  "hc-dark": "color-mix( in srgb, var(--af-color-tertiary), var(--af-hard-toward) var(--af-hard-mix) )"
3519
3518
  },
3520
3519
  "hex": {
3521
- "light": "#090d15",
3522
- "dark": "#7c8088",
3520
+ "light": "#0f1520",
3521
+ "dark": "#797e87",
3523
3522
  "hc-light": "#090d15",
3524
3523
  "hc-dark": "#7c8088"
3525
3524
  }
@@ -3830,8 +3829,8 @@ export const tokens = {
3830
3829
  "hc-dark": "color-mix( in srgb, var(--af-color-warning), var(--af-hard-toward) var(--af-hard-mix) )"
3831
3830
  },
3832
3831
  "hex": {
3833
- "light": "#8a6914",
3834
- "dark": "#fddc87",
3832
+ "light": "#90711e",
3833
+ "dark": "#fada85",
3835
3834
  "hc-light": "#8a6914",
3836
3835
  "hc-dark": "#fddc87"
3837
3836
  }
@@ -4235,19 +4234,19 @@ export const tokens = {
4235
4234
  "category": "knob",
4236
4235
  "group": "knob",
4237
4236
  "kind": "static",
4238
- "description": "Mix target for *-hard (black in light, white in dark). Do not set freely per component.",
4239
- "value": "black",
4237
+ "description": "Mix target for *-hard. Defaults to --af-color-text so dark-first --light brands stay AA. Do not set freely per component.",
4238
+ "value": "var(--af-color-text)",
4240
4239
  "css": {
4241
- "light": "black",
4242
- "dark": "black",
4243
- "hc-light": "black",
4244
- "hc-dark": "black"
4240
+ "light": "var(--af-color-text)",
4241
+ "dark": "var(--af-color-text)",
4242
+ "hc-light": "var(--af-color-text)",
4243
+ "hc-dark": "var(--af-color-text)"
4245
4244
  },
4246
4245
  "hex": {
4247
- "light": "#000000",
4248
- "dark": "#000000",
4246
+ "light": "#0d1117",
4247
+ "dark": "#f8fafc",
4249
4248
  "hc-light": "#000000",
4250
- "hc-dark": "#000000"
4249
+ "hc-dark": "#ffffff"
4251
4250
  }
4252
4251
  },
4253
4252
  {
@@ -4511,6 +4510,15 @@ export const tokens = {
4511
4510
  "hc-dark": "#1678d4"
4512
4511
  }
4513
4512
  },
4513
+ {
4514
+ "name": "--af-navbar-height",
4515
+ "key": "navbar-height",
4516
+ "category": "semantic",
4517
+ "group": "other",
4518
+ "kind": "static",
4519
+ "description": "Offset for af-nav-collapse.af-is-overlay. Panel is position:fixed from this value to the bottom. Override on the navbar when the bar is taller than 3.5rem.",
4520
+ "value": "3.5rem"
4521
+ },
4514
4522
  {
4515
4523
  "name": "--af-pill-radius",
4516
4524
  "key": "pill-radius",
package/dist/tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "meta": {
3
3
  "version": "0.0.1",
4
- "generatedAt": "2026-08-22T12:27:04.959Z"
4
+ "generatedAt": "2026-08-23T05:52:30.896Z"
5
5
  },
6
6
  "primitives": {
7
7
  "base-primary--light": "#0876dd",
@@ -110,11 +110,12 @@
110
110
  "ease-linear": "linear",
111
111
  "border-width": "1px",
112
112
  "hit-size": "2.75rem",
113
- "hard-toward": "black",
113
+ "hard-toward": "var(--af-color-text)",
114
114
  "layout-gap": "var(--af-space-4)",
115
115
  "sidebar-width": "16rem",
116
116
  "sidebar-collapsed-width": "3.5rem",
117
117
  "drawer-width": "20rem",
118
+ "navbar-height": "3.5rem",
118
119
  "divider-spacing": "var(--af-space-5)",
119
120
  "container-padding-x": "var(--af-space-4)",
120
121
  "container-max-w": "90em",
@@ -361,8 +362,7 @@
361
362
  "color-text-muted": "var(--af-color-text-muted--light)",
362
363
  "color-text-inverse": "var(--af-color-text-inverse--light)",
363
364
  "color-border": "var(--af-color-border--light)",
364
- "color-border-strong": "var(--af-color-border-strong--light)",
365
- "hard-toward": "black"
365
+ "color-border-strong": "var(--af-color-border-strong--light)"
366
366
  }
367
367
  },
368
368
  "dark": {
@@ -401,8 +401,7 @@
401
401
  "color-text-muted": "var(--af-color-text-muted--dark)",
402
402
  "color-text-inverse": "var(--af-color-text-inverse--dark)",
403
403
  "color-border": "var(--af-color-border--dark)",
404
- "color-border-strong": "var(--af-color-border-strong--dark)",
405
- "hard-toward": "white"
404
+ "color-border-strong": "var(--af-color-border-strong--dark)"
406
405
  }
407
406
  },
408
407
  "high-contrast-light": {
@@ -476,8 +475,8 @@
476
475
  },
477
476
  "catalog": {
478
477
  "meta": {
479
- "generatedAt": "2026-08-22T12:27:04.958Z",
480
- "count": 367
478
+ "generatedAt": "2026-08-23T05:52:30.895Z",
479
+ "count": 368
481
480
  },
482
481
  "groups": [
483
482
  {
@@ -1886,8 +1885,8 @@
1886
1885
  "hc-dark": "color-mix( in srgb, var(--af-color-action), var(--af-hard-toward) var(--af-hard-mix) )"
1887
1886
  },
1888
1887
  "hex": {
1889
- "light": "#04417a",
1890
- "dark": "#7fb5e7",
1888
+ "light": "#0a4984",
1889
+ "dark": "#7cb3e6",
1891
1890
  "hc-light": "#04417a",
1892
1891
  "hc-dark": "#7fb5e7"
1893
1892
  }
@@ -2198,8 +2197,8 @@
2198
2197
  "hc-dark": "color-mix( in srgb, var(--af-color-danger), var(--af-hard-toward) var(--af-hard-mix) )"
2199
2198
  },
2200
2199
  "hex": {
2201
- "light": "#791515",
2202
- "dark": "#ec8888",
2200
+ "light": "#7f1d1f",
2201
+ "dark": "#e98586",
2203
2202
  "hc-light": "#791515",
2204
2203
  "hc-dark": "#ec8888"
2205
2204
  }
@@ -2324,8 +2323,8 @@
2324
2323
  "hc-dark": "color-mix( in srgb, var(--af-color-info), var(--af-hard-toward) var(--af-hard-mix) )"
2325
2324
  },
2326
2325
  "hex": {
2327
- "light": "#1f6888",
2328
- "dark": "#92dbfb",
2326
+ "light": "#257093",
2327
+ "dark": "#8ed8fa",
2329
2328
  "hc-light": "#1f6888",
2330
2329
  "hc-dark": "#92dbfb"
2331
2330
  }
@@ -2789,8 +2788,8 @@
2789
2788
  "hc-dark": "color-mix( in srgb, var(--af-color-primary), var(--af-hard-toward) var(--af-hard-mix) )"
2790
2789
  },
2791
2790
  "hex": {
2792
- "light": "#04417a",
2793
- "dark": "#7fb5e7",
2791
+ "light": "#0a4984",
2792
+ "dark": "#7cb3e6",
2794
2793
  "hc-light": "#04417a",
2795
2794
  "hc-dark": "#7fb5e7"
2796
2795
  }
@@ -2894,8 +2893,8 @@
2894
2893
  "hc-dark": "color-mix( in srgb, var(--af-color-secondary), var(--af-hard-toward) var(--af-hard-mix) )"
2895
2894
  },
2896
2895
  "hex": {
2897
- "light": "#787c86",
2898
- "dark": "#ebeff9",
2896
+ "light": "#7e8391",
2897
+ "dark": "#e8ecf8",
2899
2898
  "hc-light": "#787c86",
2900
2899
  "hc-dark": "#ebeff9"
2901
2900
  }
@@ -2999,8 +2998,8 @@
2999
2998
  "hc-dark": "color-mix( in srgb, var(--af-color-success), var(--af-hard-toward) var(--af-hard-mix) )"
3000
2999
  },
3001
3000
  "hex": {
3002
- "light": "#136c34",
3003
- "dark": "#85dfa6",
3001
+ "light": "#19743e",
3002
+ "dark": "#82dda5",
3004
3003
  "hc-light": "#136c34",
3005
3004
  "hc-dark": "#85dfa6"
3006
3005
  }
@@ -3518,8 +3517,8 @@
3518
3517
  "hc-dark": "color-mix( in srgb, var(--af-color-tertiary), var(--af-hard-toward) var(--af-hard-mix) )"
3519
3518
  },
3520
3519
  "hex": {
3521
- "light": "#090d15",
3522
- "dark": "#7c8088",
3520
+ "light": "#0f1520",
3521
+ "dark": "#797e87",
3523
3522
  "hc-light": "#090d15",
3524
3523
  "hc-dark": "#7c8088"
3525
3524
  }
@@ -3830,8 +3829,8 @@
3830
3829
  "hc-dark": "color-mix( in srgb, var(--af-color-warning), var(--af-hard-toward) var(--af-hard-mix) )"
3831
3830
  },
3832
3831
  "hex": {
3833
- "light": "#8a6914",
3834
- "dark": "#fddc87",
3832
+ "light": "#90711e",
3833
+ "dark": "#fada85",
3835
3834
  "hc-light": "#8a6914",
3836
3835
  "hc-dark": "#fddc87"
3837
3836
  }
@@ -4235,19 +4234,19 @@
4235
4234
  "category": "knob",
4236
4235
  "group": "knob",
4237
4236
  "kind": "static",
4238
- "description": "Mix target for *-hard (black in light, white in dark). Do not set freely per component.",
4239
- "value": "black",
4237
+ "description": "Mix target for *-hard. Defaults to --af-color-text so dark-first --light brands stay AA. Do not set freely per component.",
4238
+ "value": "var(--af-color-text)",
4240
4239
  "css": {
4241
- "light": "black",
4242
- "dark": "black",
4243
- "hc-light": "black",
4244
- "hc-dark": "black"
4240
+ "light": "var(--af-color-text)",
4241
+ "dark": "var(--af-color-text)",
4242
+ "hc-light": "var(--af-color-text)",
4243
+ "hc-dark": "var(--af-color-text)"
4245
4244
  },
4246
4245
  "hex": {
4247
- "light": "#000000",
4248
- "dark": "#000000",
4246
+ "light": "#0d1117",
4247
+ "dark": "#f8fafc",
4249
4248
  "hc-light": "#000000",
4250
- "hc-dark": "#000000"
4249
+ "hc-dark": "#ffffff"
4251
4250
  }
4252
4251
  },
4253
4252
  {
@@ -4511,6 +4510,15 @@
4511
4510
  "hc-dark": "#1678d4"
4512
4511
  }
4513
4512
  },
4513
+ {
4514
+ "name": "--af-navbar-height",
4515
+ "key": "navbar-height",
4516
+ "category": "semantic",
4517
+ "group": "other",
4518
+ "kind": "static",
4519
+ "description": "Offset for af-nav-collapse.af-is-overlay. Panel is position:fixed from this value to the bottom. Override on the navbar when the bar is taller than 3.5rem.",
4520
+ "value": "3.5rem"
4521
+ },
4514
4522
  {
4515
4523
  "name": "--af-pill-radius",
4516
4524
  "key": "pill-radius",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@airframeui/tokens",
3
- "version": "0.3.2",
3
+ "version": "0.4.1",
4
4
  "description": "Airframe UI Tokens, CSS variables, JSON, and typed exports used by @airframeui/core",
5
5
  "license": "MIT",
6
6
  "homepage": "https://airframeui.com",