@frame-kit/tokens 0.2.13 → 0.2.14

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 (5) hide show
  1. package/base.css +3 -0
  2. package/index.d.ts +3 -0
  3. package/index.js +3 -0
  4. package/package.json +1 -1
  5. package/scss/tokens.base.scss +3 -0
package/base.css CHANGED
@@ -1193,6 +1193,7 @@
1193
1193
  --fk-dashboard-nav-padding-inline-collapsed: var(--fk-rhythm-2);
1194
1194
  --fk-dashboard-nav-separator-color: var(--fk-color-border);
1195
1195
  /* ---------- Dashboard Layout (patterns) ---------- */
1196
+ --fk-dashboard-layout-height: 100vh;
1196
1197
  --fk-dashboard-layout-max-width: 1400px;
1197
1198
  --fk-dashboard-layout-topbar-height: 4rem;
1198
1199
  --fk-dashboard-layout-topbar-bg: rgba(251, 251, 253, 0.82);
@@ -1204,6 +1205,7 @@
1204
1205
  --fk-dashboard-layout-aside-header-padding: var(--fk-rhythm-4)
1205
1206
  var(--fk-rhythm-5);
1206
1207
  --fk-dashboard-layout-toggle-size: 2rem;
1208
+ --fk-dashboard-layout-menu-size: 2.25rem;
1207
1209
  --fk-dashboard-layout-toggle-color: var(--fk-color-muted);
1208
1210
  --fk-dashboard-layout-toggle-hover-color: var(--fk-color-text);
1209
1211
  --fk-dashboard-layout-toggle-hover-bg: var(--fk-color-surface);
@@ -1219,6 +1221,7 @@
1219
1221
  --fk-dashboard-layout-footer-bg: var(--fk-color-surface);
1220
1222
  --fk-dashboard-layout-footer-border-color: var(--fk-color-border);
1221
1223
  --fk-dashboard-layout-footer-color: var(--fk-color-muted);
1224
+ --fk-dashboard-layout-footer-font-family: var(--fk-font-family-base);
1222
1225
  --fk-dashboard-layout-footer-font-size: var(--fk-typography-small-font-size);
1223
1226
  /* ---------- Method Badge ---------- */
1224
1227
  --fk-method-badge-min-width: 3rem;
package/index.d.ts CHANGED
@@ -988,6 +988,7 @@ export type FkTokenName =
988
988
  | '--fk-dashboard-nav-padding'
989
989
  | '--fk-dashboard-nav-padding-inline-collapsed'
990
990
  | '--fk-dashboard-nav-separator-color'
991
+ | '--fk-dashboard-layout-height'
991
992
  | '--fk-dashboard-layout-max-width'
992
993
  | '--fk-dashboard-layout-topbar-height'
993
994
  | '--fk-dashboard-layout-topbar-bg'
@@ -998,6 +999,7 @@ export type FkTokenName =
998
999
  | '--fk-dashboard-layout-aside-border-color'
999
1000
  | '--fk-dashboard-layout-aside-header-padding'
1000
1001
  | '--fk-dashboard-layout-toggle-size'
1002
+ | '--fk-dashboard-layout-menu-size'
1001
1003
  | '--fk-dashboard-layout-toggle-color'
1002
1004
  | '--fk-dashboard-layout-toggle-hover-color'
1003
1005
  | '--fk-dashboard-layout-toggle-hover-bg'
@@ -1009,6 +1011,7 @@ export type FkTokenName =
1009
1011
  | '--fk-dashboard-layout-footer-bg'
1010
1012
  | '--fk-dashboard-layout-footer-border-color'
1011
1013
  | '--fk-dashboard-layout-footer-color'
1014
+ | '--fk-dashboard-layout-footer-font-family'
1012
1015
  | '--fk-dashboard-layout-footer-font-size'
1013
1016
  | '--fk-method-badge-min-width'
1014
1017
  | '--fk-method-badge-padding-block'
package/index.js CHANGED
@@ -988,6 +988,7 @@ export const tokens = {
988
988
  '--fk-dashboard-nav-padding': "var(--fk-rhythm-4)",
989
989
  '--fk-dashboard-nav-padding-inline-collapsed': "var(--fk-rhythm-2)",
990
990
  '--fk-dashboard-nav-separator-color': "var(--fk-color-border)",
991
+ '--fk-dashboard-layout-height': "100vh",
991
992
  '--fk-dashboard-layout-max-width': "1400px",
992
993
  '--fk-dashboard-layout-topbar-height': "4rem",
993
994
  '--fk-dashboard-layout-topbar-bg': "rgba(251, 251, 253, 0.82)",
@@ -998,6 +999,7 @@ export const tokens = {
998
999
  '--fk-dashboard-layout-aside-border-color': "var(--fk-color-border)",
999
1000
  '--fk-dashboard-layout-aside-header-padding': "var(--fk-rhythm-4)\n var(--fk-rhythm-5)",
1000
1001
  '--fk-dashboard-layout-toggle-size': "2rem",
1002
+ '--fk-dashboard-layout-menu-size': "2.25rem",
1001
1003
  '--fk-dashboard-layout-toggle-color': "var(--fk-color-muted)",
1002
1004
  '--fk-dashboard-layout-toggle-hover-color': "var(--fk-color-text)",
1003
1005
  '--fk-dashboard-layout-toggle-hover-bg': "var(--fk-color-surface)",
@@ -1009,6 +1011,7 @@ export const tokens = {
1009
1011
  '--fk-dashboard-layout-footer-bg': "var(--fk-color-surface)",
1010
1012
  '--fk-dashboard-layout-footer-border-color': "var(--fk-color-border)",
1011
1013
  '--fk-dashboard-layout-footer-color': "var(--fk-color-muted)",
1014
+ '--fk-dashboard-layout-footer-font-family': "var(--fk-font-family-base)",
1012
1015
  '--fk-dashboard-layout-footer-font-size': "var(--fk-typography-small-font-size)",
1013
1016
  '--fk-method-badge-min-width': "3rem",
1014
1017
  '--fk-method-badge-padding-block': "2px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frame-kit/tokens",
3
- "version": "0.2.13",
3
+ "version": "0.2.14",
4
4
  "description": "Default design tokens (CSS custom properties) and dark theme for FrameKit.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/scss/tokens.base.scss CHANGED
@@ -1358,6 +1358,7 @@
1358
1358
  --fk-dashboard-nav-separator-color: var(--fk-color-border);
1359
1359
 
1360
1360
  /* ---------- Dashboard Layout (patterns) ---------- */
1361
+ --fk-dashboard-layout-height: 100vh;
1361
1362
  --fk-dashboard-layout-max-width: 1400px;
1362
1363
  --fk-dashboard-layout-topbar-height: 4rem;
1363
1364
  --fk-dashboard-layout-topbar-bg: rgba(251, 251, 253, 0.82);
@@ -1369,6 +1370,7 @@
1369
1370
  --fk-dashboard-layout-aside-header-padding: var(--fk-rhythm-4)
1370
1371
  var(--fk-rhythm-5);
1371
1372
  --fk-dashboard-layout-toggle-size: 2rem;
1373
+ --fk-dashboard-layout-menu-size: 2.25rem;
1372
1374
  --fk-dashboard-layout-toggle-color: var(--fk-color-muted);
1373
1375
  --fk-dashboard-layout-toggle-hover-color: var(--fk-color-text);
1374
1376
  --fk-dashboard-layout-toggle-hover-bg: var(--fk-color-surface);
@@ -1384,6 +1386,7 @@
1384
1386
  --fk-dashboard-layout-footer-bg: var(--fk-color-surface);
1385
1387
  --fk-dashboard-layout-footer-border-color: var(--fk-color-border);
1386
1388
  --fk-dashboard-layout-footer-color: var(--fk-color-muted);
1389
+ --fk-dashboard-layout-footer-font-family: var(--fk-font-family-base);
1387
1390
  --fk-dashboard-layout-footer-font-size: var(--fk-typography-small-font-size);
1388
1391
 
1389
1392
  /* ---------- Method Badge ---------- */