@keyfunc/keybricks-ds 1.0.0

package/tokens/tokens.d.ts

@@ -0,0 +1,680 @@
+/* Generated from tokens/*.css by scripts/build-tokens.mjs — do not edit by hand. */
+export type TokenName =
+  | "--action-dark"
+  | "--action-dark-active"
+  | "--action-dark-fg"
+  | "--action-dark-hover"
+  | "--action-primary"
+  | "--action-primary-active"
+  | "--action-primary-hover"
+  | "--amber-100"
+  | "--amber-200"
+  | "--amber-300"
+  | "--amber-400"
+  | "--amber-50"
+  | "--amber-500"
+  | "--amber-600"
+  | "--amber-700"
+  | "--amber-800"
+  | "--amber-900"
+  | "--amber-950"
+  | "--bg-active"
+  | "--bg-app"
+  | "--bg-hover"
+  | "--bg-inset"
+  | "--bg-press"
+  | "--bg-raised"
+  | "--bg-scrim"
+  | "--bg-surface"
+  | "--blue-100"
+  | "--blue-200"
+  | "--blue-300"
+  | "--blue-400"
+  | "--blue-50"
+  | "--blue-500"
+  | "--blue-600"
+  | "--blue-700"
+  | "--blue-800"
+  | "--blue-900"
+  | "--blue-950"
+  | "--border-card"
+  | "--border-control"
+  | "--border-strong"
+  | "--border-subtle"
+  | "--brand-alpha-12"
+  | "--brand-alpha-16"
+  | "--brand-alpha-24"
+  | "--brand-alpha-32"
+  | "--brand-alpha-8"
+  | "--card-pad"
+  | "--card-pad-sm"
+  | "--cat-join"
+  | "--cat-join-bg"
+  | "--cat-merge"
+  | "--cat-merge-bg"
+  | "--cat-output"
+  | "--cat-output-bg"
+  | "--cat-source"
+  | "--cat-source-bg"
+  | "--cat-transform"
+  | "--cat-transform-bg"
+  | "--chart-area-alpha"
+  | "--chart-axis"
+  | "--chart-blue"
+  | "--chart-grid"
+  | "--chart-guide"
+  | "--chart-heat-1"
+  | "--chart-heat-2"
+  | "--chart-heat-3"
+  | "--chart-heat-4"
+  | "--chart-heat-5"
+  | "--chart-heat-ink"
+  | "--chart-label"
+  | "--chart-neg"
+  | "--chart-pos"
+  | "--chart-total"
+  | "--chart-track"
+  | "--checkbox-border"
+  | "--cyan-100"
+  | "--cyan-200"
+  | "--cyan-300"
+  | "--cyan-400"
+  | "--cyan-50"
+  | "--cyan-500"
+  | "--cyan-600"
+  | "--cyan-700"
+  | "--cyan-800"
+  | "--cyan-900"
+  | "--cyan-950"
+  | "--danger"
+  | "--danger-active"
+  | "--danger-bg"
+  | "--danger-soft-active"
+  | "--danger-text"
+  | "--dot-neutral"
+  | "--drawer-h"
+  | "--dropzone-border"
+  | "--dropzone-border-hover"
+  | "--dur"
+  | "--dur-fast"
+  | "--dur-instant"
+  | "--dur-slow"
+  | "--dur-slower"
+  | "--ease-in"
+  | "--ease-in-out"
+  | "--ease-out"
+  | "--edge"
+  | "--emerald-100"
+  | "--emerald-200"
+  | "--emerald-300"
+  | "--emerald-400"
+  | "--emerald-50"
+  | "--emerald-500"
+  | "--emerald-600"
+  | "--emerald-700"
+  | "--emerald-800"
+  | "--emerald-900"
+  | "--emerald-950"
+  | "--focus-border"
+  | "--focus-ring"
+  | "--font-mono"
+  | "--font-sans"
+  | "--h-button"
+  | "--h-button-sm"
+  | "--h-input"
+  | "--h-nav-item"
+  | "--h-subnav-item"
+  | "--h-tree-item"
+  | "--hue-amber-bg"
+  | "--hue-amber-fg"
+  | "--hue-blue-bg"
+  | "--hue-blue-fg"
+  | "--hue-cyan-bg"
+  | "--hue-cyan-fg"
+  | "--hue-gray-bg"
+  | "--hue-gray-fg"
+  | "--hue-green-bg"
+  | "--hue-green-fg"
+  | "--hue-orange-bg"
+  | "--hue-orange-fg"
+  | "--hue-pink-bg"
+  | "--hue-pink-fg"
+  | "--hue-purple-bg"
+  | "--hue-purple-fg"
+  | "--hue-red-bg"
+  | "--hue-red-fg"
+  | "--hue-teal-bg"
+  | "--hue-teal-fg"
+  | "--info-bg"
+  | "--info-fg"
+  | "--leading-2xl"
+  | "--leading-2xs"
+  | "--leading-3xl"
+  | "--leading-4xl"
+  | "--leading-base"
+  | "--leading-display"
+  | "--leading-lg"
+  | "--leading-md"
+  | "--leading-num"
+  | "--leading-sm"
+  | "--leading-xl"
+  | "--leading-xs"
+  | "--link"
+  | "--link-hover"
+  | "--neutral-0"
+  | "--neutral-100"
+  | "--neutral-200"
+  | "--neutral-300"
+  | "--neutral-400"
+  | "--neutral-50"
+  | "--neutral-500"
+  | "--neutral-600"
+  | "--neutral-700"
+  | "--neutral-800"
+  | "--neutral-900"
+  | "--neutral-950"
+  | "--neutral-alpha-12"
+  | "--neutral-alpha-16"
+  | "--neutral-alpha-2"
+  | "--neutral-alpha-24"
+  | "--neutral-alpha-32"
+  | "--neutral-alpha-4"
+  | "--neutral-alpha-48"
+  | "--neutral-alpha-64"
+  | "--neutral-alpha-8"
+  | "--neutral-alpha-80"
+  | "--on-accent"
+  | "--orange-100"
+  | "--orange-200"
+  | "--orange-300"
+  | "--orange-400"
+  | "--orange-50"
+  | "--orange-500"
+  | "--orange-600"
+  | "--orange-700"
+  | "--orange-800"
+  | "--orange-900"
+  | "--orange-950"
+  | "--overlay-drag"
+  | "--overlay-hover"
+  | "--overlay-press"
+  | "--overlay-selected"
+  | "--page-pad-x"
+  | "--page-pad-y"
+  | "--panel-w"
+  | "--pink-100"
+  | "--pink-200"
+  | "--pink-300"
+  | "--pink-400"
+  | "--pink-50"
+  | "--pink-500"
+  | "--pink-600"
+  | "--pink-700"
+  | "--pink-800"
+  | "--pink-900"
+  | "--pink-950"
+  | "--port-border"
+  | "--press-filter"
+  | "--press-filter-strong"
+  | "--purple-100"
+  | "--purple-200"
+  | "--purple-300"
+  | "--purple-400"
+  | "--purple-50"
+  | "--purple-500"
+  | "--purple-600"
+  | "--purple-700"
+  | "--purple-800"
+  | "--purple-900"
+  | "--purple-950"
+  | "--radius-full"
+  | "--radius-lg"
+  | "--radius-md"
+  | "--radius-node"
+  | "--radius-sm"
+  | "--radius-tile"
+  | "--rail-w"
+  | "--red-100"
+  | "--red-200"
+  | "--red-300"
+  | "--red-400"
+  | "--red-50"
+  | "--red-500"
+  | "--red-600"
+  | "--red-700"
+  | "--red-800"
+  | "--red-900"
+  | "--red-950"
+  | "--ring-focus"
+  | "--ring-surface"
+  | "--section-gap"
+  | "--selected-border"
+  | "--series-1"
+  | "--series-10"
+  | "--series-2"
+  | "--series-3"
+  | "--series-4"
+  | "--series-5"
+  | "--series-6"
+  | "--series-7"
+  | "--series-8"
+  | "--series-9"
+  | "--shadow-menu"
+  | "--shadow-modal"
+  | "--shadow-node"
+  | "--shadow-selected"
+  | "--sidebar-w"
+  | "--skeleton"
+  | "--soft-active"
+  | "--soft-bg"
+  | "--soft-border"
+  | "--soft-hover"
+  | "--success"
+  | "--success-bg"
+  | "--success-strong"
+  | "--success-text"
+  | "--t-hover"
+  | "--t-theme"
+  | "--teal-100"
+  | "--teal-200"
+  | "--teal-300"
+  | "--teal-400"
+  | "--teal-50"
+  | "--teal-500"
+  | "--teal-600"
+  | "--teal-700"
+  | "--teal-800"
+  | "--teal-900"
+  | "--teal-950"
+  | "--text-2xl"
+  | "--text-2xs"
+  | "--text-3xl"
+  | "--text-4xl"
+  | "--text-base"
+  | "--text-body"
+  | "--text-display"
+  | "--text-heading"
+  | "--text-inverse"
+  | "--text-lg"
+  | "--text-md"
+  | "--text-muted"
+  | "--text-num"
+  | "--text-primary"
+  | "--text-secondary"
+  | "--text-sm"
+  | "--text-strong"
+  | "--text-xl"
+  | "--text-xs"
+  | "--tooltip-bg"
+  | "--tooltip-fg"
+  | "--topbar-h"
+  | "--track"
+  | "--tracking-2xl"
+  | "--tracking-2xs"
+  | "--tracking-3xl"
+  | "--tracking-4xl"
+  | "--tracking-base"
+  | "--tracking-display"
+  | "--tracking-lg"
+  | "--tracking-md"
+  | "--tracking-num"
+  | "--tracking-sm"
+  | "--tracking-xl"
+  | "--tracking-xs"
+  | "--warning"
+  | "--warning-bg"
+  | "--warning-text"
+  | "--weight-light"
+  | "--weight-medium"
+  | "--weight-regular"
+  | "--weight-semibold"
+  | "--z-drawer"
+  | "--z-menu"
+  | "--z-modal"
+  | "--z-sticky"
+  | "--z-toast"
+  | "--z-tooltip";
+export type TokenKey =
+  | "actionDark"
+  | "actionDarkActive"
+  | "actionDarkFg"
+  | "actionDarkHover"
+  | "actionPrimary"
+  | "actionPrimaryActive"
+  | "actionPrimaryHover"
+  | "amber100"
+  | "amber200"
+  | "amber300"
+  | "amber400"
+  | "amber50"
+  | "amber500"
+  | "amber600"
+  | "amber700"
+  | "amber800"
+  | "amber900"
+  | "amber950"
+  | "bgActive"
+  | "bgApp"
+  | "bgHover"
+  | "bgInset"
+  | "bgPress"
+  | "bgRaised"
+  | "bgScrim"
+  | "bgSurface"
+  | "blue100"
+  | "blue200"
+  | "blue300"
+  | "blue400"
+  | "blue50"
+  | "blue500"
+  | "blue600"
+  | "blue700"
+  | "blue800"
+  | "blue900"
+  | "blue950"
+  | "borderCard"
+  | "borderControl"
+  | "borderStrong"
+  | "borderSubtle"
+  | "brandAlpha12"
+  | "brandAlpha16"
+  | "brandAlpha24"
+  | "brandAlpha32"
+  | "brandAlpha8"
+  | "cardPad"
+  | "cardPadSm"
+  | "catJoin"
+  | "catJoinBg"
+  | "catMerge"
+  | "catMergeBg"
+  | "catOutput"
+  | "catOutputBg"
+  | "catSource"
+  | "catSourceBg"
+  | "catTransform"
+  | "catTransformBg"
+  | "chartAreaAlpha"
+  | "chartAxis"
+  | "chartBlue"
+  | "chartGrid"
+  | "chartGuide"
+  | "chartHeat1"
+  | "chartHeat2"
+  | "chartHeat3"
+  | "chartHeat4"
+  | "chartHeat5"
+  | "chartHeatInk"
+  | "chartLabel"
+  | "chartNeg"
+  | "chartPos"
+  | "chartTotal"
+  | "chartTrack"
+  | "checkboxBorder"
+  | "cyan100"
+  | "cyan200"
+  | "cyan300"
+  | "cyan400"
+  | "cyan50"
+  | "cyan500"
+  | "cyan600"
+  | "cyan700"
+  | "cyan800"
+  | "cyan900"
+  | "cyan950"
+  | "danger"
+  | "dangerActive"
+  | "dangerBg"
+  | "dangerSoftActive"
+  | "dangerText"
+  | "dotNeutral"
+  | "drawerH"
+  | "dropzoneBorder"
+  | "dropzoneBorderHover"
+  | "dur"
+  | "durFast"
+  | "durInstant"
+  | "durSlow"
+  | "durSlower"
+  | "easeIn"
+  | "easeInOut"
+  | "easeOut"
+  | "edge"
+  | "emerald100"
+  | "emerald200"
+  | "emerald300"
+  | "emerald400"
+  | "emerald50"
+  | "emerald500"
+  | "emerald600"
+  | "emerald700"
+  | "emerald800"
+  | "emerald900"
+  | "emerald950"
+  | "focusBorder"
+  | "focusRing"
+  | "fontMono"
+  | "fontSans"
+  | "hButton"
+  | "hButtonSm"
+  | "hInput"
+  | "hNavItem"
+  | "hSubnavItem"
+  | "hTreeItem"
+  | "hueAmberBg"
+  | "hueAmberFg"
+  | "hueBlueBg"
+  | "hueBlueFg"
+  | "hueCyanBg"
+  | "hueCyanFg"
+  | "hueGrayBg"
+  | "hueGrayFg"
+  | "hueGreenBg"
+  | "hueGreenFg"
+  | "hueOrangeBg"
+  | "hueOrangeFg"
+  | "huePinkBg"
+  | "huePinkFg"
+  | "huePurpleBg"
+  | "huePurpleFg"
+  | "hueRedBg"
+  | "hueRedFg"
+  | "hueTealBg"
+  | "hueTealFg"
+  | "infoBg"
+  | "infoFg"
+  | "leading2xl"
+  | "leading2xs"
+  | "leading3xl"
+  | "leading4xl"
+  | "leadingBase"
+  | "leadingDisplay"
+  | "leadingLg"
+  | "leadingMd"
+  | "leadingNum"
+  | "leadingSm"
+  | "leadingXl"
+  | "leadingXs"
+  | "link"
+  | "linkHover"
+  | "neutral0"
+  | "neutral100"
+  | "neutral200"
+  | "neutral300"
+  | "neutral400"
+  | "neutral50"
+  | "neutral500"
+  | "neutral600"
+  | "neutral700"
+  | "neutral800"
+  | "neutral900"
+  | "neutral950"
+  | "neutralAlpha12"
+  | "neutralAlpha16"
+  | "neutralAlpha2"
+  | "neutralAlpha24"
+  | "neutralAlpha32"
+  | "neutralAlpha4"
+  | "neutralAlpha48"
+  | "neutralAlpha64"
+  | "neutralAlpha8"
+  | "neutralAlpha80"
+  | "onAccent"
+  | "orange100"
+  | "orange200"
+  | "orange300"
+  | "orange400"
+  | "orange50"
+  | "orange500"
+  | "orange600"
+  | "orange700"
+  | "orange800"
+  | "orange900"
+  | "orange950"
+  | "overlayDrag"
+  | "overlayHover"
+  | "overlayPress"
+  | "overlaySelected"
+  | "pagePadX"
+  | "pagePadY"
+  | "panelW"
+  | "pink100"
+  | "pink200"
+  | "pink300"
+  | "pink400"
+  | "pink50"
+  | "pink500"
+  | "pink600"
+  | "pink700"
+  | "pink800"
+  | "pink900"
+  | "pink950"
+  | "portBorder"
+  | "pressFilter"
+  | "pressFilterStrong"
+  | "purple100"
+  | "purple200"
+  | "purple300"
+  | "purple400"
+  | "purple50"
+  | "purple500"
+  | "purple600"
+  | "purple700"
+  | "purple800"
+  | "purple900"
+  | "purple950"
+  | "radiusFull"
+  | "radiusLg"
+  | "radiusMd"
+  | "radiusNode"
+  | "radiusSm"
+  | "radiusTile"
+  | "railW"
+  | "red100"
+  | "red200"
+  | "red300"
+  | "red400"
+  | "red50"
+  | "red500"
+  | "red600"
+  | "red700"
+  | "red800"
+  | "red900"
+  | "red950"
+  | "ringFocus"
+  | "ringSurface"
+  | "sectionGap"
+  | "selectedBorder"
+  | "series1"
+  | "series10"
+  | "series2"
+  | "series3"
+  | "series4"
+  | "series5"
+  | "series6"
+  | "series7"
+  | "series8"
+  | "series9"
+  | "shadowMenu"
+  | "shadowModal"
+  | "shadowNode"
+  | "shadowSelected"
+  | "sidebarW"
+  | "skeleton"
+  | "softActive"
+  | "softBg"
+  | "softBorder"
+  | "softHover"
+  | "success"
+  | "successBg"
+  | "successStrong"
+  | "successText"
+  | "tHover"
+  | "tTheme"
+  | "teal100"
+  | "teal200"
+  | "teal300"
+  | "teal400"
+  | "teal50"
+  | "teal500"
+  | "teal600"
+  | "teal700"
+  | "teal800"
+  | "teal900"
+  | "teal950"
+  | "text2xl"
+  | "text2xs"
+  | "text3xl"
+  | "text4xl"
+  | "textBase"
+  | "textBody"
+  | "textDisplay"
+  | "textHeading"
+  | "textInverse"
+  | "textLg"
+  | "textMd"
+  | "textMuted"
+  | "textNum"
+  | "textPrimary"
+  | "textSecondary"
+  | "textSm"
+  | "textStrong"
+  | "textXl"
+  | "textXs"
+  | "tooltipBg"
+  | "tooltipFg"
+  | "topbarH"
+  | "track"
+  | "tracking2xl"
+  | "tracking2xs"
+  | "tracking3xl"
+  | "tracking4xl"
+  | "trackingBase"
+  | "trackingDisplay"
+  | "trackingLg"
+  | "trackingMd"
+  | "trackingNum"
+  | "trackingSm"
+  | "trackingXl"
+  | "trackingXs"
+  | "warning"
+  | "warningBg"
+  | "warningText"
+  | "weightLight"
+  | "weightMedium"
+  | "weightRegular"
+  | "weightSemibold"
+  | "zDrawer"
+  | "zMenu"
+  | "zModal"
+  | "zSticky"
+  | "zToast"
+  | "zTooltip";
+/** `var(--token)` references — use these in component styles so theming stays live. */
+export declare const cssVar: Record<TokenKey, string>;
+/** Flattened light-theme literals. */
+export declare const light: Record<TokenKey, string>;
+/** Flattened dark-theme literals (falls back to the light value when unthemed). */
+export declare const dark: Record<TokenKey, string>;
+export declare const tokenNames: TokenName[];
+declare const _default: { cssVar: typeof cssVar; light: typeof light; dark: typeof dark; tokenNames: typeof tokenNames };
+export default _default;