@kb.ui/tokens 0.0.0-stage → 0.10.2

package/dist/tokens.js

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

package/package.json

@@ -1,6 +1,28 @@
 {
   "name": "@kb.ui/tokens",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.10.2",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KhallilB/kbui.git",
+    "directory": "packages/tokens"
+  },
+  "files": [
+    "dist",
+    "tokens.json"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/tokens.d.ts",
+      "default": "./dist/tokens.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./tokens.json": "./tokens.json"
+  },
+  "scripts": {
+    "build": "bun scripts/build.ts",
+    "test": "bun test",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  }
+}