@keyfunc/keybricks-ds 1.0.4 → 2.1.1

package/tokens/tokens.json

@@ -1,6 +1,6 @@
 {
   "name": "@keyfunc/keybricks-ds",
-  "version": "1.0.4",
+  "version": "2.1.1",
   "source": "tokens/*.css",
   "note": "Generated by _scripts/build-tokens.mjs — CSS is the source of truth.",
   "tokens": {
@@ -158,6 +158,20 @@
         "value": "#362400"
       }
     },
+    "--bar-card-h": {
+      "group": "layout",
+      "light": {
+        "raw": "48px",
+        "value": "48px"
+      }
+    },
+    "--bar-h": {
+      "group": "layout",
+      "light": {
+        "raw": "40px",
+        "value": "40px"
+      }
+    },
     "--bg-active": {
       "group": "colors",
       "light": {
@@ -246,6 +260,17 @@
         "value": "#161616"
       }
     },
+    "--bg-table-header": {
+      "group": "colors",
+      "light": {
+        "raw": "var(--neutral-100)",
+        "value": "#f5f5f5"
+      },
+      "dark": {
+        "raw": "#1f1f1f",
+        "value": "#1f1f1f"
+      }
+    },
     "--blue-100": {
       "group": "colors",
       "light": {
@@ -546,6 +571,13 @@
         "value": "rgba(255,105,0,.16)"
       }
     },
+    "--cell-px": {
+      "group": "layout",
+      "light": {
+        "raw": "12px",
+        "value": "12px"
+      }
+    },
     "--chart-area-alpha": {
       "group": "charts",
       "light": {
@@ -722,6 +754,13 @@
         "value": "#1f1f1f"
       }
     },
+    "--check-size": {
+      "group": "layout",
+      "light": {
+        "raw": "16px",
+        "value": "16px"
+      }
+    },
     "--checkbox-border": {
       "group": "colors",
       "light": {
@@ -733,6 +772,55 @@
         "value": "#4a4a4a"
       }
     },
+    "--control-gap": {
+      "group": "layout",
+      "light": {
+        "raw": "8px",
+        "value": "8px"
+      }
+    },
+    "--control-h": {
+      "group": "layout",
+      "light": {
+        "raw": "32px",
+        "value": "32px"
+      }
+    },
+    "--control-icon": {
+      "group": "layout",
+      "light": {
+        "raw": "16px",
+        "value": "16px"
+      }
+    },
+    "--control-leading": {
+      "group": "layout",
+      "light": {
+        "raw": "var(--leading-base)",
+        "value": "20px"
+      }
+    },
+    "--control-px": {
+      "group": "layout",
+      "light": {
+        "raw": "12px",
+        "value": "12px"
+      }
+    },
+    "--control-text": {
+      "group": "layout",
+      "light": {
+        "raw": "var(--text-base)",
+        "value": "14px"
+      }
+    },
+    "--control-tracking": {
+      "group": "layout",
+      "light": {
+        "raw": "var(--tracking-base)",
+        "value": "-.15px"
+      }
+    },
     "--cyan-100": {
       "group": "colors-extended",
       "light": {
@@ -854,6 +942,17 @@
         "value": "rgba(251,44,54,.26)"
       }
     },
+    "--danger-soft-hover": {
+      "group": "colors",
+      "light": {
+        "raw": "var(--red-100)",
+        "value": "#ffe6e3"
+      },
+      "dark": {
+        "raw": "rgba(251,44,54,.2)",
+        "value": "rgba(251,44,54,.2)"
+      }
+    },
     "--danger-text": {
       "group": "colors",
       "light": {
@@ -972,6 +1071,13 @@
         "value": "#4b5563"
       }
     },
+    "--edge-pad": {
+      "group": "layout",
+      "light": {
+        "raw": "16px",
+        "value": "16px"
+      }
+    },
     "--emerald-100": {
       "group": "colors-extended",
       "light": {
@@ -1085,46 +1191,53 @@
         "value": "'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif"
       }
     },
+    "--group-gap": {
+      "group": "layout",
+      "light": {
+        "raw": "16px",
+        "value": "16px"
+      }
+    },
     "--h-button": {
       "group": "layout",
       "light": {
-        "raw": "32px",
+        "raw": "var(--control-h)",
         "value": "32px"
       }
     },
     "--h-button-sm": {
       "group": "layout",
       "light": {
-        "raw": "30px",
-        "value": "30px"
+        "raw": "24px",
+        "value": "24px"
       }
     },
     "--h-input": {
       "group": "layout",
       "light": {
-        "raw": "36px",
-        "value": "36px"
+        "raw": "var(--control-h)",
+        "value": "32px"
       }
     },
     "--h-nav-item": {
       "group": "layout",
       "light": {
-        "raw": "35.5px",
-        "value": "35.5px"
+        "raw": "36px",
+        "value": "36px"
       }
     },
     "--h-subnav-item": {
       "group": "layout",
       "light": {
-        "raw": "31.5px",
-        "value": "31.5px"
+        "raw": "32px",
+        "value": "32px"
       }
     },
     "--h-tree-item": {
       "group": "layout",
       "light": {
-        "raw": "30px",
-        "value": "30px"
+        "raw": "32px",
+        "value": "32px"
       }
     },
     "--hue-amber-bg": {
@@ -1372,57 +1485,57 @@
     "--leading-2xl": {
       "group": "typography",
       "light": {
-        "raw": "31px",
-        "value": "31px"
+        "raw": "38px",
+        "value": "38px"
       }
     },
     "--leading-2xs": {
       "group": "typography",
       "light": {
-        "raw": "12.5px",
-        "value": "12.5px"
+        "raw": "16px",
+        "value": "16px"
       }
     },
     "--leading-3xl": {
       "group": "typography",
       "light": {
-        "raw": "37px",
-        "value": "37px"
+        "raw": "46px",
+        "value": "46px"
       }
     },
     "--leading-4xl": {
       "group": "typography",
       "light": {
-        "raw": "43px",
-        "value": "43px"
+        "raw": "56px",
+        "value": "56px"
       }
     },
     "--leading-base": {
       "group": "typography",
       "light": {
-        "raw": "19.5px",
-        "value": "19.5px"
+        "raw": "20px",
+        "value": "20px"
       }
     },
     "--leading-display": {
       "group": "typography",
       "light": {
-        "raw": "54px",
-        "value": "54px"
+        "raw": "68px",
+        "value": "68px"
       }
     },
     "--leading-lg": {
       "group": "typography",
       "light": {
-        "raw": "22.5px",
-        "value": "22.5px"
+        "raw": "28px",
+        "value": "28px"
       }
     },
     "--leading-md": {
       "group": "typography",
       "light": {
-        "raw": "21px",
-        "value": "21px"
+        "raw": "24px",
+        "value": "24px"
       }
     },
     "--leading-num": {
@@ -1435,22 +1548,22 @@
     "--leading-sm": {
       "group": "typography",
       "light": {
-        "raw": "18px",
-        "value": "18px"
+        "raw": "16px",
+        "value": "16px"
       }
     },
     "--leading-xl": {
       "group": "typography",
       "light": {
-        "raw": "30px",
-        "value": "30px"
+        "raw": "32px",
+        "value": "32px"
       }
     },
     "--leading-xs": {
       "group": "typography",
       "light": {
-        "raw": "16.5px",
-        "value": "16.5px"
+        "raw": "16px",
+        "value": "16px"
       }
     },
     "--link": {
@@ -2210,89 +2323,89 @@
     "--series-2": {
       "group": "charts",
       "light": {
-        "raw": "var(--teal-600)",
-        "value": "#009689"
+        "raw": "#e16c10",
+        "value": "#e16c10"
       },
       "dark": {
-        "raw": "var(--teal-300)",
-        "value": "#90d7cc"
+        "raw": "#ee8545",
+        "value": "#ee8545"
       }
     },
     "--series-3": {
       "group": "charts",
       "light": {
-        "raw": "var(--purple-600)",
-        "value": "#9810fa"
+        "raw": "#079a94",
+        "value": "#079a94"
       },
       "dark": {
-        "raw": "var(--purple-300)",
-        "value": "#d2b3ff"
+        "raw": "#35c6b9",
+        "value": "#35c6b9"
       }
     },
     "--series-4": {
       "group": "charts",
       "light": {
-        "raw": "var(--orange-500)",
-        "value": "#ff6900"
+        "raw": "#8254c4",
+        "value": "#8254c4"
       },
       "dark": {
-        "raw": "var(--orange-300)",
-        "value": "#ffb798"
+        "raw": "#a07cdb",
+        "value": "#a07cdb"
       }
     },
     "--series-5": {
       "group": "charts",
       "light": {
-        "raw": "var(--emerald-600)",
-        "value": "#009966"
+        "raw": "#b98705",
+        "value": "#b98705"
       },
       "dark": {
-        "raw": "var(--emerald-300)",
-        "value": "#8adeb3"
+        "raw": "#e4ad3c",
+        "value": "#e4ad3c"
       }
     },
     "--series-6": {
       "group": "charts",
       "light": {
-        "raw": "var(--pink-600)",
-        "value": "#cb329a"
+        "raw": "#bc378d",
+        "value": "#bc378d"
       },
       "dark": {
-        "raw": "var(--pink-300)",
-        "value": "#ffa4da"
+        "raw": "#db6baf",
+        "value": "#db6baf"
       }
     },
     "--series-7": {
       "group": "charts",
       "light": {
-        "raw": "var(--cyan-600)",
-        "value": "#338999"
+        "raw": "#7a8d30",
+        "value": "#7a8d30"
       },
       "dark": {
-        "raw": "var(--cyan-300)",
-        "value": "#57daf3"
+        "raw": "#9bb054",
+        "value": "#9bb054"
       }
     },
     "--series-8": {
       "group": "charts",
       "light": {
-        "raw": "var(--amber-400)",
-        "value": "#ffb900"
+        "raw": "#2f99c0",
+        "value": "#2f99c0"
       },
       "dark": {
-        "raw": "var(--amber-300)",
-        "value": "#ffd280"
+        "raw": "#54b8e1",
+        "value": "#54b8e1"
       }
     },
     "--series-9": {
       "group": "charts",
       "light": {
-        "raw": "var(--red-500)",
-        "value": "#fb2c36"
+        "raw": "var(--neutral-500)",
+        "value": "#737373"
       },
       "dark": {
-        "raw": "var(--red-300)",
-        "value": "#ffa79f"
+        "raw": "#8f8f8f",
+        "value": "#8f8f8f"
       }
     },
     "--shadow-menu": {
@@ -2445,6 +2558,20 @@
         "value": "#4ade9f"
       }
     },
+    "--switch-h": {
+      "group": "layout",
+      "light": {
+        "raw": "20px",
+        "value": "20px"
+      }
+    },
+    "--switch-w": {
+      "group": "layout",
+      "light": {
+        "raw": "36px",
+        "value": "36px"
+      }
+    },
     "--t-hover": {
       "group": "motion",
       "light": {
@@ -2459,6 +2586,13 @@
         "value": "background-color 160ms cubic-bezier(.2,.8,.3,1),color 160ms cubic-bezier(.2,.8,.3,1),border-color 160ms cubic-bezier(.2,.8,.3,1)"
       }
     },
+    "--tag-h": {
+      "group": "layout",
+      "light": {
+        "raw": "24px",
+        "value": "24px"
+      }
+    },
     "--teal-100": {
       "group": "colors-extended",
       "light": {
@@ -2539,36 +2673,36 @@
     "--text-2xl": {
       "group": "typography",
       "light": {
-        "raw": "24px",
-        "value": "24px"
+        "raw": "30px",
+        "value": "30px"
       }
     },
     "--text-2xs": {
       "group": "typography",
       "light": {
-        "raw": "10px",
-        "value": "10px"
+        "raw": "11px",
+        "value": "11px"
       }
     },
     "--text-3xl": {
       "group": "typography",
       "light": {
-        "raw": "30px",
-        "value": "30px"
+        "raw": "38px",
+        "value": "38px"
       }
     },
     "--text-4xl": {
       "group": "typography",
       "light": {
-        "raw": "36px",
-        "value": "36px"
+        "raw": "48px",
+        "value": "48px"
       }
     },
     "--text-base": {
       "group": "typography",
       "light": {
-        "raw": "13px",
-        "value": "13px"
+        "raw": "14px",
+        "value": "14px"
       }
     },
     "--text-body": {
@@ -2585,8 +2719,8 @@
     "--text-display": {
       "group": "typography",
       "light": {
-        "raw": "48px",
-        "value": "48px"
+        "raw": "60px",
+        "value": "60px"
       }
     },
     "--text-heading": {
@@ -2614,15 +2748,15 @@
     "--text-lg": {
       "group": "typography",
       "light": {
-        "raw": "15px",
-        "value": "15px"
+        "raw": "20px",
+        "value": "20px"
       }
     },
     "--text-md": {
       "group": "typography",
       "light": {
-        "raw": "14px",
-        "value": "14px"
+        "raw": "16px",
+        "value": "16px"
       }
     },
     "--text-muted": {
@@ -2686,15 +2820,15 @@
     "--text-xl": {
       "group": "typography",
       "light": {
-        "raw": "20px",
-        "value": "20px"
+        "raw": "24px",
+        "value": "24px"
       }
     },
     "--text-xs": {
       "group": "typography",
       "light": {
-        "raw": "11px",
-        "value": "11px"
+        "raw": "12px",
+        "value": "12px"
       }
     },
     "--tooltip-bg": {
@@ -2740,57 +2874,57 @@
     "--tracking-2xl": {
       "group": "typography",
       "light": {
-        "raw": "-.54px",
-        "value": "-.54px"
+        "raw": "-.67px",
+        "value": "-.67px"
       }
     },
     "--tracking-2xs": {
       "group": "typography",
       "light": {
-        "raw": ".117px",
-        "value": ".117px"
+        "raw": ".064px",
+        "value": ".064px"
       }
     },
     "--tracking-3xl": {
       "group": "typography",
       "light": {
-        "raw": "-.67px",
-        "value": "-.67px"
+        "raw": "-.855px",
+        "value": "-.855px"
       }
     },
     "--tracking-4xl": {
       "group": "typography",
       "light": {
-        "raw": "-.81px",
-        "value": "-.81px"
+        "raw": "-1.08px",
+        "value": "-1.08px"
       }
     },
     "--tracking-base": {
       "group": "typography",
       "light": {
-        "raw": "-.076px",
-        "value": "-.076px"
+        "raw": "-.15px",
+        "value": "-.15px"
       }
     },
     "--tracking-display": {
       "group": "typography",
       "light": {
-        "raw": "-1.08px",
-        "value": "-1.08px"
+        "raw": "-1.35px",
+        "value": "-1.35px"
       }
     },
     "--tracking-lg": {
       "group": "typography",
       "light": {
-        "raw": "-.234px",
-        "value": "-.234px"
+        "raw": "-.449px",
+        "value": "-.449px"
       }
     },
     "--tracking-md": {
       "group": "typography",
       "light": {
-        "raw": "-.15px",
-        "value": "-.15px"
+        "raw": "-.28px",
+        "value": "-.28px"
       }
     },
     "--tracking-num": {
@@ -2810,15 +2944,15 @@
     "--tracking-xl": {
       "group": "typography",
       "light": {
-        "raw": "-.449px",
-        "value": "-.449px"
+        "raw": "-.54px",
+        "value": "-.54px"
       }
     },
     "--tracking-xs": {
       "group": "typography",
       "light": {
-        "raw": ".064px",
-        "value": ".064px"
+        "raw": "0",
+        "value": "0"
       }
     },
     "--warning": {