@kb.ui/tokens 0.0.0-stage → 0.10.2

package/dist/tokens.d.ts

@@ -0,0 +1,493 @@
+export declare const tokens: {
+  readonly "white": "--kb-white";
+  readonly "black": "--kb-black";
+  readonly "gray": {
+    readonly "50": "--kb-gray-50";
+    readonly "100": "--kb-gray-100";
+    readonly "200": "--kb-gray-200";
+    readonly "300": "--kb-gray-300";
+    readonly "400": "--kb-gray-400";
+    readonly "500": "--kb-gray-500";
+    readonly "600": "--kb-gray-600";
+    readonly "700": "--kb-gray-700";
+    readonly "800": "--kb-gray-800";
+    readonly "900": "--kb-gray-900";
+    readonly "950": "--kb-gray-950";
+  };
+  readonly "blue": {
+    readonly "400": "--kb-blue-400";
+    readonly "500": "--kb-blue-500";
+    readonly "600": "--kb-blue-600";
+    readonly "700": "--kb-blue-700";
+  };
+  readonly "red": {
+    readonly "400": "--kb-red-400";
+    readonly "500": "--kb-red-500";
+    readonly "600": "--kb-red-600";
+  };
+  readonly "amber": {
+    readonly "400": "--kb-amber-400";
+    readonly "500": "--kb-amber-500";
+    readonly "600": "--kb-amber-600";
+    readonly "700": "--kb-amber-700";
+  };
+  readonly "green": {
+    readonly "400": "--kb-green-400";
+    readonly "500": "--kb-green-500";
+    readonly "600": "--kb-green-600";
+    readonly "700": "--kb-green-700";
+  };
+  readonly "teal": {
+    readonly "400": "--kb-teal-400";
+    readonly "500": "--kb-teal-500";
+    readonly "600": "--kb-teal-600";
+    readonly "700": "--kb-teal-700";
+  };
+  readonly "space": {
+    readonly "1": "--kb-space-1";
+    readonly "2": "--kb-space-2";
+    readonly "3": "--kb-space-3";
+    readonly "4": "--kb-space-4";
+    readonly "5": "--kb-space-5";
+    readonly "6": "--kb-space-6";
+    readonly "8": "--kb-space-8";
+  };
+  readonly "radius": {
+    readonly "sm": "--kb-radius-sm";
+    readonly "md": "--kb-radius-md";
+    readonly "lg": "--kb-radius-lg";
+    readonly "full": "--kb-radius-full";
+  };
+  readonly "font": {
+    readonly "sans": "--kb-font-sans";
+    readonly "mono": "--kb-font-mono";
+    readonly "weight": {
+      readonly "regular": "--kb-font-weight-regular";
+      readonly "medium": "--kb-font-weight-medium";
+      readonly "strong": "--kb-font-weight-strong";
+    };
+  };
+  readonly "size": {
+    readonly "xs": "--kb-size-xs";
+    readonly "sm": "--kb-size-sm";
+    readonly "md": "--kb-size-md";
+    readonly "lg": "--kb-size-lg";
+    readonly "display": "--kb-size-display";
+  };
+  readonly "motion": {
+    readonly "duration": {
+      readonly "fast": "--kb-motion-duration-fast";
+      readonly "base": "--kb-motion-duration-base";
+      readonly "slow": "--kb-motion-duration-slow";
+      readonly "theme": "--kb-motion-duration-theme";
+    };
+    readonly "easing": {
+      readonly "standard": "--kb-motion-easing-standard";
+      readonly "enter": "--kb-motion-easing-enter";
+      readonly "exit": "--kb-motion-easing-exit";
+      readonly "smooth": "--kb-motion-easing-smooth";
+    };
+  };
+  readonly "color": {
+    readonly "bg": "--kb-color-bg";
+    readonly "fg": "--kb-color-fg";
+    readonly "muted": "--kb-color-muted";
+    readonly "surface": "--kb-color-surface";
+    readonly "border": "--kb-color-border";
+    readonly "accent": "--kb-color-accent";
+    readonly "accent-hover": "--kb-color-accent-hover";
+    readonly "accent-fg": "--kb-color-accent-fg";
+    readonly "danger": "--kb-color-danger";
+    readonly "danger-hover": "--kb-color-danger-hover";
+    readonly "danger-fg": "--kb-color-danger-fg";
+    readonly "info": "--kb-color-info";
+    readonly "info-fg": "--kb-color-info-fg";
+    readonly "success": "--kb-color-success";
+    readonly "success-fg": "--kb-color-success-fg";
+    readonly "warning": "--kb-color-warning";
+    readonly "warning-fg": "--kb-color-warning-fg";
+    readonly "ring": "--kb-color-ring";
+    readonly "overlay": "--kb-color-overlay";
+    readonly "accent-ink": "--kb-color-accent-ink";
+    readonly "action": "--kb-color-action";
+    readonly "action-hover": "--kb-color-action-hover";
+    readonly "action-fg": "--kb-color-action-fg";
+  };
+  readonly "viz": {
+    readonly "current": "--kb-viz-current";
+    readonly "current-bg": "--kb-viz-current-bg";
+    readonly "current-fg": "--kb-viz-current-fg";
+    readonly "visited": "--kb-viz-visited";
+    readonly "visited-bg": "--kb-viz-visited-bg";
+    readonly "visited-fg": "--kb-viz-visited-fg";
+    readonly "changed": "--kb-viz-changed";
+    readonly "changed-bg": "--kb-viz-changed-bg";
+    readonly "changed-fg": "--kb-viz-changed-fg";
+    readonly "error": "--kb-viz-error";
+    readonly "error-bg": "--kb-viz-error-bg";
+    readonly "error-fg": "--kb-viz-error-fg";
+    readonly "discarded": "--kb-viz-discarded";
+    readonly "discarded-bg": "--kb-viz-discarded-bg";
+    readonly "discarded-fg": "--kb-viz-discarded-fg";
+    readonly "frontier": "--kb-viz-frontier";
+    readonly "frontier-bg": "--kb-viz-frontier-bg";
+    readonly "frontier-fg": "--kb-viz-frontier-fg";
+    readonly "path": "--kb-viz-path";
+    readonly "path-bg": "--kb-viz-path-bg";
+    readonly "path-fg": "--kb-viz-path-fg";
+  };
+  readonly "card": {
+    readonly "background": "--kb-card-background";
+    readonly "color": "--kb-card-color";
+    readonly "border": "--kb-card-border";
+    readonly "border-width": "--kb-card-border-width";
+    readonly "radius": "--kb-card-radius";
+    readonly "padding": "--kb-card-padding";
+    readonly "padding-compact": "--kb-card-padding-compact";
+    readonly "face": "--kb-card-face";
+    readonly "shadow": "--kb-card-shadow";
+  };
+  readonly "grid": {
+    readonly "gap": "--kb-grid-gap";
+    readonly "min-item-width": "--kb-grid-min-item-width";
+  };
+  readonly "button": {
+    readonly "radius": "--kb-button-radius";
+    readonly "motion-duration": "--kb-button-motion-duration";
+    readonly "motion-easing": "--kb-button-motion-easing";
+    readonly "press-offset": "--kb-button-press-offset";
+    readonly "height": {
+      readonly "sm": "--kb-button-height-sm";
+      readonly "md": "--kb-button-height-md";
+      readonly "lg": "--kb-button-height-lg";
+    };
+    readonly "padding": {
+      readonly "sm": "--kb-button-padding-sm";
+      readonly "md": "--kb-button-padding-md";
+      readonly "lg": "--kb-button-padding-lg";
+    };
+    readonly "icon-size": "--kb-button-icon-size";
+    readonly "touch-min": "--kb-button-touch-min";
+  };
+  readonly "input": {
+    readonly "radius": "--kb-input-radius";
+    readonly "height": {
+      readonly "sm": "--kb-input-height-sm";
+      readonly "md": "--kb-input-height-md";
+      readonly "lg": "--kb-input-height-lg";
+    };
+    readonly "gap": "--kb-input-gap";
+  };
+  readonly "numberfield": {
+    readonly "radius": "--kb-numberfield-radius";
+    readonly "background": "--kb-numberfield-background";
+    readonly "color": "--kb-numberfield-color";
+    readonly "border": "--kb-numberfield-border";
+    readonly "border-width": "--kb-numberfield-border-width";
+    readonly "step-width": "--kb-numberfield-step-width";
+    readonly "font-size": "--kb-numberfield-font-size";
+    readonly "height": {
+      readonly "sm": "--kb-numberfield-height-sm";
+      readonly "md": "--kb-numberfield-height-md";
+      readonly "lg": "--kb-numberfield-height-lg";
+    };
+  };
+  readonly "fileinput": {
+    readonly "radius": "--kb-fileinput-radius";
+    readonly "action-height": "--kb-fileinput-action-height";
+    readonly "border-width": "--kb-fileinput-border-width";
+  };
+  readonly "dialog": {
+    readonly "radius": "--kb-dialog-radius";
+    readonly "width": "--kb-dialog-width";
+    readonly "background": "--kb-dialog-background";
+    readonly "color": "--kb-dialog-color";
+    readonly "border": "--kb-dialog-border";
+    readonly "border-width": "--kb-dialog-border-width";
+    readonly "padding": "--kb-dialog-padding";
+    readonly "shadow": "--kb-dialog-shadow";
+    readonly "description-color": "--kb-dialog-description-color";
+    readonly "overlay-background": "--kb-dialog-overlay-background";
+    readonly "motion-duration": "--kb-dialog-motion-duration";
+    readonly "motion-easing": "--kb-dialog-motion-easing";
+    readonly "enter-scale": "--kb-dialog-enter-scale";
+    readonly "enter-offset": "--kb-dialog-enter-offset";
+    readonly "title-size": "--kb-dialog-title-size";
+    readonly "title-family": "--kb-dialog-title-family";
+    readonly "title-weight": "--kb-dialog-title-weight";
+    readonly "header-padding": "--kb-dialog-header-padding";
+    readonly "body-padding": "--kb-dialog-body-padding";
+    readonly "footer-padding": "--kb-dialog-footer-padding";
+  };
+  readonly "panel": {
+    readonly "background": "--kb-panel-background";
+    readonly "background-active": "--kb-panel-background-active";
+    readonly "background-sunken": "--kb-panel-background-sunken";
+    readonly "border": "--kb-panel-border";
+    readonly "border-active": "--kb-panel-border-active";
+    readonly "border-critical": "--kb-panel-border-critical";
+    readonly "rim-top": "--kb-panel-rim-top";
+    readonly "rim-bottom": "--kb-panel-rim-bottom";
+    readonly "seam": "--kb-panel-seam";
+    readonly "radius": "--kb-panel-radius";
+    readonly "highlight": "--kb-panel-highlight";
+    readonly "divider": "--kb-panel-divider";
+    readonly "sheen": "--kb-panel-sheen";
+    readonly "backdrop": "--kb-panel-backdrop";
+    readonly "glow": "--kb-panel-glow";
+    readonly "glow-active": "--kb-panel-glow-active";
+    readonly "glow-critical": "--kb-panel-glow-critical";
+    readonly "glow-blur": "--kb-panel-glow-blur";
+    readonly "shadow": "--kb-panel-shadow";
+    readonly "shadow-active": "--kb-panel-shadow-active";
+    readonly "well": "--kb-panel-well";
+    readonly "well-radius": "--kb-panel-well-radius";
+    readonly "well-shadow": "--kb-panel-well-shadow";
+    readonly "padding": "--kb-panel-padding";
+    readonly "rail": "--kb-panel-rail";
+    readonly "rail-active": "--kb-panel-rail-active";
+    readonly "title-size": "--kb-panel-title-size";
+    readonly "toggle-height": "--kb-panel-toggle-height";
+    readonly "handle-size": "--kb-panel-handle-size";
+    readonly "handle-hit": "--kb-panel-handle-hit";
+    readonly "handle-grip": "--kb-panel-handle-grip";
+    readonly "handle-line-width": "--kb-panel-handle-line-width";
+    readonly "handle-line": "--kb-panel-handle-line";
+    readonly "handle-line-active": "--kb-panel-handle-line-active";
+  };
+  readonly "popup": {
+    readonly "motion-duration": "--kb-popup-motion-duration";
+    readonly "motion-easing": "--kb-popup-motion-easing";
+    readonly "background": "--kb-popup-background";
+    readonly "border": "--kb-popup-border";
+    readonly "radius": "--kb-popup-radius";
+    readonly "shadow": "--kb-popup-shadow";
+  };
+  readonly "checkbox": {
+    readonly "size": "--kb-checkbox-size";
+  };
+  readonly "progress": {
+    readonly "track": "--kb-progress-track";
+    readonly "fill": "--kb-progress-fill";
+    readonly "fill-complete": "--kb-progress-fill-complete";
+    readonly "height": "--kb-progress-height";
+    readonly "glow": "--kb-progress-glow";
+    readonly "radius": "--kb-progress-radius";
+  };
+  readonly "stat": {
+    readonly "display-size": "--kb-stat-display-size";
+    readonly "display-weight": "--kb-stat-display-weight";
+    readonly "gap": "--kb-stat-gap";
+    readonly "value-size": "--kb-stat-value-size";
+  };
+  readonly "status": {
+    readonly "neutral": "--kb-status-neutral";
+    readonly "info": "--kb-status-info";
+    readonly "running": "--kb-status-running";
+    readonly "success": "--kb-status-success";
+    readonly "warning": "--kb-status-warning";
+    readonly "blocked": "--kb-status-blocked";
+    readonly "radius": "--kb-status-radius";
+    readonly "glow": "--kb-status-glow";
+    readonly "gap": "--kb-status-gap";
+    readonly "padding-block": "--kb-status-padding-block";
+    readonly "padding-inline": "--kb-status-padding-inline";
+    readonly "compact-gap": "--kb-status-compact-gap";
+    readonly "compact-padding-block": "--kb-status-compact-padding-block";
+    readonly "compact-padding-inline": "--kb-status-compact-padding-inline";
+    readonly "compact-size": "--kb-status-compact-size";
+    readonly "dot-size": "--kb-status-dot-size";
+  };
+  readonly "material": {
+    readonly "chrome-bg": "--kb-material-chrome-bg";
+    readonly "chrome-fg": "--kb-material-chrome-fg";
+    readonly "chrome-muted": "--kb-material-chrome-muted";
+    readonly "field-bg": "--kb-material-field-bg";
+    readonly "control-border": "--kb-material-control-border";
+    readonly "soft-border": "--kb-material-soft-border";
+    readonly "raised-top": "--kb-material-raised-top";
+    readonly "raised-bottom": "--kb-material-raised-bottom";
+    readonly "raised-border": "--kb-material-raised-border";
+    readonly "raised-shadow": "--kb-material-raised-shadow";
+    readonly "pressed-shadow": "--kb-material-pressed-shadow";
+    readonly "accent-shadow": "--kb-material-accent-shadow";
+    readonly "panel-shadow": "--kb-material-panel-shadow";
+    readonly "field-shadow": "--kb-material-field-shadow";
+    readonly "inlay-shadow": "--kb-material-inlay-shadow";
+    readonly "float-shadow": "--kb-material-float-shadow";
+    readonly "action-sheen": "--kb-material-action-sheen";
+    readonly "soft-sheen": "--kb-material-soft-sheen";
+    readonly "fill-sheen": "--kb-material-fill-sheen";
+    readonly "fill-highlight": "--kb-material-fill-highlight";
+    readonly "fill-shade": "--kb-material-fill-shade";
+    readonly "raised-face": "--kb-material-raised-face";
+    readonly "recessed-face": "--kb-material-recessed-face";
+    readonly "scroll-thumb-shadow": "--kb-material-scroll-thumb-shadow";
+    readonly "surface-bg": "--kb-material-surface-bg";
+  };
+  readonly "text": {
+    readonly "body-size": "--kb-text-body-size";
+    readonly "small-size": "--kb-text-small-size";
+    readonly "control-size": "--kb-text-control-size";
+    readonly "leading-body": "--kb-text-leading-body";
+    readonly "leading-control": "--kb-text-leading-control";
+    readonly "caption-size": "--kb-text-caption-size";
+    readonly "h1-size": "--kb-text-h1-size";
+    readonly "h2-size": "--kb-text-h2-size";
+    readonly "h3-size": "--kb-text-h3-size";
+    readonly "h4-size": "--kb-text-h4-size";
+    readonly "measure": "--kb-text-measure";
+    readonly "muted": "--kb-text-muted";
+  };
+  readonly "radiogroup": {
+    readonly "primary-background": "--kb-radiogroup-primary-background";
+    readonly "primary-color": "--kb-radiogroup-primary-color";
+    readonly "gap": "--kb-radiogroup-gap";
+    readonly "size": "--kb-radiogroup-size";
+  };
+  readonly "select": {
+    readonly "popup-min-width": "--kb-select-popup-min-width";
+    readonly "max-height": "--kb-select-max-height";
+    readonly "layer": "--kb-select-layer";
+  };
+  readonly "combobox": {
+    readonly "popup-min-width": "--kb-combobox-popup-min-width";
+    readonly "max-height": "--kb-combobox-max-height";
+    readonly "layer": "--kb-combobox-layer";
+    readonly "action-size": "--kb-combobox-action-size";
+  };
+  readonly "multiselect": {
+    readonly "popup-min-width": "--kb-multiselect-popup-min-width";
+    readonly "max-height": "--kb-multiselect-max-height";
+    readonly "layer": "--kb-multiselect-layer";
+    readonly "chip-gap": "--kb-multiselect-chip-gap";
+    readonly "chip-radius": "--kb-multiselect-chip-radius";
+    readonly "action-size": "--kb-multiselect-action-size";
+  };
+  readonly "switch": {
+    readonly "width": "--kb-switch-width";
+    readonly "height": "--kb-switch-height";
+    readonly "inset": "--kb-switch-inset";
+    readonly "sm": {
+      readonly "width": "--kb-switch-sm-width";
+      readonly "height": "--kb-switch-sm-height";
+      readonly "inset": "--kb-switch-sm-inset";
+      readonly "icon-size": "--kb-switch-sm-icon-size";
+    };
+    readonly "md": {
+      readonly "width": "--kb-switch-md-width";
+      readonly "height": "--kb-switch-md-height";
+      readonly "inset": "--kb-switch-md-inset";
+      readonly "icon-size": "--kb-switch-md-icon-size";
+    };
+    readonly "lg": {
+      readonly "width": "--kb-switch-lg-width";
+      readonly "height": "--kb-switch-lg-height";
+      readonly "inset": "--kb-switch-lg-inset";
+      readonly "icon-size": "--kb-switch-lg-icon-size";
+    };
+    readonly "radius": "--kb-switch-radius";
+    readonly "track-background": "--kb-switch-track-background";
+    readonly "track-border": "--kb-switch-track-border";
+    readonly "track-shadow": "--kb-switch-track-shadow";
+    readonly "thumb-background": "--kb-switch-thumb-background";
+    readonly "thumb-border": "--kb-switch-thumb-border";
+    readonly "thumb-shadow": "--kb-switch-thumb-shadow";
+    readonly "icon-size": "--kb-switch-icon-size";
+    readonly "duration": "--kb-switch-duration";
+  };
+  readonly "badge": {
+    readonly "radius": "--kb-badge-radius";
+    readonly "padding-block": "--kb-badge-padding-block";
+  };
+  readonly "callout": {
+    readonly "radius": "--kb-callout-radius";
+    readonly "padding-block": "--kb-callout-padding-block";
+    readonly "padding-inline": "--kb-callout-padding-inline";
+  };
+  readonly "menu": {
+    readonly "min-width": "--kb-menu-min-width";
+    readonly "item-height": "--kb-menu-item-height";
+  };
+  readonly "scrollarea": {
+    readonly "radius": "--kb-scrollarea-radius";
+    readonly "padding": "--kb-scrollarea-padding";
+  };
+  readonly "toolbar": {
+    readonly "radius": "--kb-toolbar-radius";
+    readonly "padding": "--kb-toolbar-padding";
+  };
+  readonly "tooltip": {
+    readonly "padding-block": "--kb-tooltip-padding-block";
+    readonly "padding-inline": "--kb-tooltip-padding-inline";
+  };
+  readonly "heading": {
+    readonly "size": {
+      readonly "sm": "--kb-heading-size-sm";
+      readonly "md": "--kb-heading-size-md";
+      readonly "lg": "--kb-heading-size-lg";
+      readonly "xl": "--kb-heading-size-xl";
+      readonly "display": "--kb-heading-size-display";
+    };
+    readonly "weight": "--kb-heading-weight";
+    readonly "leading": "--kb-heading-leading";
+    readonly "tracking": "--kb-heading-tracking";
+  };
+  readonly "link": {
+    readonly "color": "--kb-link-color";
+    readonly "hover": "--kb-link-hover";
+    readonly "underline-offset": "--kb-link-underline-offset";
+  };
+  readonly "code": {
+    readonly "size": "--kb-code-size";
+    readonly "background": "--kb-code-background";
+    readonly "border": "--kb-code-border";
+    readonly "radius": "--kb-code-radius";
+  };
+  readonly "container": {
+    readonly "size": {
+      readonly "sm": "--kb-container-size-sm";
+      readonly "md": "--kb-container-size-md";
+      readonly "lg": "--kb-container-size-lg";
+    };
+    readonly "gutter": "--kb-container-gutter";
+  };
+  readonly "layout": {
+    readonly "gap": {
+      readonly "sm": "--kb-layout-gap-sm";
+      readonly "md": "--kb-layout-gap-md";
+      readonly "lg": "--kb-layout-gap-lg";
+    };
+  };
+  readonly "split": {
+    readonly "collapse": {
+      readonly "sm": "--kb-split-collapse-sm";
+      readonly "md": "--kb-split-collapse-md";
+      readonly "lg": "--kb-split-collapse-lg";
+    };
+  };
+  readonly "separator": {
+    readonly "color": "--kb-separator-color";
+    readonly "width": "--kb-separator-width";
+    readonly "min-length": "--kb-separator-min-length";
+  };
+  readonly "textarea": {
+    readonly "min-height": "--kb-textarea-min-height";
+    readonly "padding-block": "--kb-textarea-padding-block";
+    readonly "padding-inline": "--kb-textarea-padding-inline";
+  };
+  readonly "fieldset": {
+    readonly "gap": "--kb-fieldset-gap";
+    readonly "fields-gap": "--kb-fieldset-fields-gap";
+    readonly "legend-size": "--kb-fieldset-legend-size";
+  };
+  readonly "formactions": {
+    readonly "gap": "--kb-formactions-gap";
+    readonly "padding-top": "--kb-formactions-padding-top";
+  };
+  readonly "errorsummary": {
+    readonly "padding": "--kb-errorsummary-padding";
+    readonly "radius": "--kb-errorsummary-radius";
+    readonly "gap": "--kb-errorsummary-gap";
+  };
+};