unholy-design-tokens 1.0.0

package/build/types/tokens.ts

@@ -0,0 +1,653 @@
+export interface YThemeToken {
+  'border-width-base': string;
+  'border-width-scale': string;
+  'border-width-default': string;
+  'border-width-xsmall': string;
+  'border-width-small': string;
+  'border-width-medium': string;
+  'border-width-large': string;
+  'border-style-solid': string;
+  'border-style-dashed': string;
+  'border-style-dotted': string;
+  'border-style-double': string;
+  'border-style-none': string;
+  'border-style-default': string;
+  'border-radius-1': string;
+  'border-radius-2': string;
+  'border-radius-4': string;
+  'border-radius-base': string;
+  'border-radius-0-5': string;
+  'border-radius-scale': string;
+  'breakpoint-xs': string;
+  'breakpoint-sm': string;
+  'breakpoint-md': string;
+  'breakpoint-lg': string;
+  'breakpoint-xl': string;
+  'breakpoint-xxl': string;
+  'color-pool-straw-gold-100': string;
+  'color-pool-straw-gold-200': string;
+  'color-pool-straw-gold-300': string;
+  'color-pool-straw-gold-400': string;
+  'color-pool-straw-gold-500': string;
+  'color-pool-straw-gold-600': string;
+  'color-pool-straw-gold-700': string;
+  'color-pool-straw-gold-800': string;
+  'color-pool-straw-gold-900': string;
+  'color-pool-straw-gold-base': string;
+  'color-pool-graphite-100': string;
+  'color-pool-graphite-200': string;
+  'color-pool-graphite-300': string;
+  'color-pool-graphite-400': string;
+  'color-pool-graphite-500': string;
+  'color-pool-graphite-600': string;
+  'color-pool-graphite-700': string;
+  'color-pool-graphite-800': string;
+  'color-pool-graphite-900': string;
+  'color-pool-graphite-base': string;
+  'color-pool-intense-cherry-100': string;
+  'color-pool-intense-cherry-200': string;
+  'color-pool-intense-cherry-300': string;
+  'color-pool-intense-cherry-400': string;
+  'color-pool-intense-cherry-500': string;
+  'color-pool-intense-cherry-600': string;
+  'color-pool-intense-cherry-700': string;
+  'color-pool-intense-cherry-800': string;
+  'color-pool-intense-cherry-900': string;
+  'color-pool-intense-cherry-base': string;
+  'color-pool-vanilla-custard-100': string;
+  'color-pool-vanilla-custard-200': string;
+  'color-pool-vanilla-custard-300': string;
+  'color-pool-vanilla-custard-400': string;
+  'color-pool-vanilla-custard-500': string;
+  'color-pool-vanilla-custard-600': string;
+  'color-pool-vanilla-custard-700': string;
+  'color-pool-vanilla-custard-800': string;
+  'color-pool-vanilla-custard-900': string;
+  'color-pool-vanilla-custard-base': string;
+  'color-pool-vanilla-cream-100': string;
+  'color-pool-vanilla-cream-200': string;
+  'color-pool-vanilla-cream-300': string;
+  'color-pool-vanilla-cream-400': string;
+  'color-pool-vanilla-cream-500': string;
+  'color-pool-vanilla-cream-600': string;
+  'color-pool-vanilla-cream-700': string;
+  'color-pool-vanilla-cream-800': string;
+  'color-pool-vanilla-cream-900': string;
+  'color-pool-vanilla-cream-base': string;
+  'color-yellow-100': string;
+  'color-yellow-200': string;
+  'color-yellow-300': string;
+  'color-yellow-400': string;
+  'color-yellow-500': string;
+  'color-yellow-600': string;
+  'color-yellow-700': string;
+  'color-yellow-800': string;
+  'color-yellow-900': string;
+  'color-yellow-base': string;
+  'color-graphite-100': string;
+  'color-graphite-200': string;
+  'color-graphite-300': string;
+  'color-graphite-400': string;
+  'color-graphite-500': string;
+  'color-graphite-600': string;
+  'color-graphite-700': string;
+  'color-graphite-800': string;
+  'color-graphite-900': string;
+  'color-graphite-base': string;
+  'color-intense-cherry-100': string;
+  'color-intense-cherry-200': string;
+  'color-intense-cherry-300': string;
+  'color-intense-cherry-400': string;
+  'color-intense-cherry-500': string;
+  'color-intense-cherry-600': string;
+  'color-intense-cherry-700': string;
+  'color-intense-cherry-800': string;
+  'color-intense-cherry-900': string;
+  'color-intense-cherry-base': string;
+  'color-vanilla-custard-100': string;
+  'color-vanilla-custard-200': string;
+  'color-vanilla-custard-300': string;
+  'color-vanilla-custard-400': string;
+  'color-vanilla-custard-500': string;
+  'color-vanilla-custard-600': string;
+  'color-vanilla-custard-700': string;
+  'color-vanilla-custard-800': string;
+  'color-vanilla-custard-900': string;
+  'color-vanilla-custard-base': string;
+  'color-vanilla-cream-100': string;
+  'color-vanilla-cream-200': string;
+  'color-vanilla-cream-300': string;
+  'color-vanilla-cream-400': string;
+  'color-vanilla-cream-500': string;
+  'color-vanilla-cream-600': string;
+  'color-vanilla-cream-700': string;
+  'color-vanilla-cream-800': string;
+  'color-vanilla-cream-900': string;
+  'color-vanilla-cream-base': string;
+  'color-primary-100': string;
+  'color-primary-200': string;
+  'color-primary-300': string;
+  'color-primary-400': string;
+  'color-primary-500': string;
+  'color-primary-600': string;
+  'color-primary-700': string;
+  'color-primary-800': string;
+  'color-primary-900': string;
+  'color-primary-base': string;
+  'color-primary-bg-hue': string;
+  'color-primary-bg-lightness': string;
+  'color-primary-bg-opacity': string;
+  'color-primary-border-hue': string;
+  'color-primary-border-lightness': string;
+  'color-primary-border-opacity': string;
+  'color-primary-text-hue': string;
+  'color-primary-text-lightness': string;
+  'color-primary-text-opacity': string;
+  'color-secondary-100': string;
+  'color-secondary-200': string;
+  'color-secondary-300': string;
+  'color-secondary-400': string;
+  'color-secondary-500': string;
+  'color-secondary-600': string;
+  'color-secondary-700': string;
+  'color-secondary-800': string;
+  'color-secondary-900': string;
+  'color-secondary-base': string;
+  'color-secondary-bg-hue': string;
+  'color-secondary-bg-lightness': string;
+  'color-secondary-bg-opacity': string;
+  'color-secondary-border-hue': string;
+  'color-secondary-border-lightness': string;
+  'color-secondary-border-opacity': string;
+  'color-secondary-text-hue': string;
+  'color-secondary-text-lightness': string;
+  'color-secondary-text-opacity': string;
+  'color-accent-100': string;
+  'color-accent-200': string;
+  'color-accent-300': string;
+  'color-accent-400': string;
+  'color-accent-500': string;
+  'color-accent-600': string;
+  'color-accent-700': string;
+  'color-accent-800': string;
+  'color-accent-900': string;
+  'color-accent-base': string;
+  'color-neutral-100': string;
+  'color-neutral-200': string;
+  'color-neutral-300': string;
+  'color-neutral-400': string;
+  'color-neutral-500': string;
+  'color-neutral-600': string;
+  'color-neutral-700': string;
+  'color-neutral-800': string;
+  'color-neutral-900': string;
+  'color-neutral-base': string;
+  'color-info-100': string;
+  'color-info-200': string;
+  'color-info-300': string;
+  'color-info-400': string;
+  'color-info-500': string;
+  'color-info-600': string;
+  'color-info-700': string;
+  'color-info-800': string;
+  'color-info-900': string;
+  'color-bg-page': string;
+  'color-bg-subtle': string;
+  'color-bg-elevated': string;
+  'color-bg-inset': string;
+  'color-bg-primary': string;
+  'color-bg-primary-hover': string;
+  'color-bg-primary-active': string;
+  'color-bg-primary-subtle': string;
+  'color-bg-accent': string;
+  'color-bg-accent-hover': string;
+  'color-bg-accent-subtle': string;
+  'color-bg-neutral': string;
+  'color-bg-neutral-strong': string;
+  'color-bg-info': string;
+  'color-bg-warning': string;
+  'color-bg-success': string;
+  'color-bg-secondary-lightness': string;
+  'color-bg-secondary-chroma': string;
+  'color-bg-secondary-hue': string;
+  'color-bg-secondary-opacity': string;
+  'color-bg-secondary': string;
+  'color-bg-danger-lightness': string;
+  'color-bg-danger-chroma': string;
+  'color-bg-danger-hue': string;
+  'color-bg-danger-opacity': string;
+  'color-bg-danger': string;
+  'color-bg-hue': string;
+  'color-bg-h': string;
+  'color-bg-lightness': string;
+  'color-bg-l': string;
+  'color-bg-opacity': string;
+  'color-bg-o': string;
+  'color-text-primary': string;
+  'color-text-secondary': string;
+  'color-text-muted': string;
+  'color-text-subtle': string;
+  'color-text-link': string;
+  'color-text-link-hover': string;
+  'color-text-info': string;
+  'color-text-warning': string;
+  'color-text-success': string;
+  'color-text-danger-lightness': string;
+  'color-text-danger-chroma': string;
+  'color-text-danger-hue': string;
+  'color-text-danger-opacity': string;
+  'color-text-danger': string;
+  'color-text-hue': string;
+  'color-text-lightness': string;
+  'color-text-opacity': string;
+  'color-border-subtle': string;
+  'color-border-default': string;
+  'color-border-strong': string;
+  'color-border-primary': string;
+  'color-border-focus': string;
+  'color-border-info': string;
+  'color-border-warning': string;
+  'color-border-success': string;
+  'color-border-neutral': string;
+  'color-border-secondary-lightness': string;
+  'color-border-secondary-chroma': string;
+  'color-border-secondary-hue': string;
+  'color-border-secondary-opacity': string;
+  'color-border-secondary': string;
+  'color-border-danger-lightness': string;
+  'color-border-danger-chroma': string;
+  'color-border-danger-hue': string;
+  'color-border-danger-opacity': string;
+  'color-border-danger': string;
+  'color-border-hue': string;
+  'color-border-lightness': string;
+  'color-border-opacity': string;
+  'color-feedback-error': string;
+  'color-danger-bg-hue': string;
+  'color-danger-bg-lightness': string;
+  'color-danger-bg-opacity': string;
+  'color-danger-border-hue': string;
+  'color-danger-border-lightness': string;
+  'color-danger-border-opacity': string;
+  'color-danger-text-hue': string;
+  'color-danger-text-lightness': string;
+  'color-danger-text-opacity': string;
+  'font-scale-0': string;
+  'font-scale-1': string;
+  'font-scale-2': string;
+  'font-scale-3': string;
+  'font-scale-4': string;
+  'font-scale-5': string;
+  'font-scale-6': string;
+  'font-min-font': string;
+  'font-max-font': string;
+  'font-min-viewport': string;
+  'font-max-viewport': string;
+  'font-scale-min': string;
+  'font-scale-max': string;
+  'font-steps': string;
+  'font-weight-light': string;
+  'font-weight-normal': string;
+  'font-weight-medium': string;
+  'font-weight-bold': string;
+  'shadow-base': string;
+  'shadow-scale': string;
+  'shadow-xs': string;
+  'shadow-sm': string;
+  'shadow-md': string;
+  'shadow-lg': string;
+  'shadow-xl': string;
+  'space-fluid-min': string;
+  'space-fluid-max': string;
+  'space-fluid-min-viewport': string;
+  'space-fluid-max-viewport': string;
+  'space-unit-default': string;
+  'space-unit-fluid': string;
+  'space-multiplier-unit': string;
+  'space-multiplier-xxs': string;
+  'space-multiplier-xs': string;
+  'space-multiplier-sm': string;
+  'space-multiplier-md': string;
+  'space-multiplier-lg': string;
+  'space-multiplier-xl': string;
+  'space-multiplier-xxl': string;
+  'layout-break-at': string;
+  'layout-gutter-sm': string;
+  'layout-gutter-md': string;
+  'layout-gutter-lg': string;
+  'layout-gutter-xl': string;
+  'layout-direction': string;
+  'layout-align-start': string;
+  'layout-align-center': string;
+  'layout-align-end': string;
+  'layout-justify-start': string;
+  'layout-justify-center': string;
+  'layout-justify-end': string;
+  'layout-justify-between': string;
+  'layout-gap-xs': string;
+  'layout-gap-sm': string;
+  'layout-gap-md': string;
+  'layout-gap-lg': string;
+  'layout-gap-xl': string;
+  'layout-overlay-z-index': string;
+  'layout-overlay-opacity': string;
+  'layout-overlay-blur': string;
+  'layout-space-unit': string;
+  'layout-depth-base': string;
+  'layout-mobile-padding': string;
+  'radius-light': string;
+  'radius-medium': string;
+  'radius-heavy': string;
+  'spacing-xxs': string;
+  'spacing-xs': string;
+  'spacing-sm': string;
+  'spacing-md': string;
+  'spacing-lg': string;
+  'spacing-xl': string;
+  'spacing-xxl': string;
+  'bg-primary': string;
+  'bg-primary-hover': string;
+  'bg-primary-active': string;
+  'bg-primary-focus': string;
+  'bg-primary-disable': string;
+  'bg-accent': string;
+  'bg-accent-hover': string;
+  'bg-accent-active': string;
+  'bg-accent-focus': string;
+  'bg-accent-disable': string;
+  'bg-neutral': string;
+  'bg-neutral-hover': string;
+  'bg-neutral-active': string;
+  'bg-neutral-focus': string;
+  'bg-neutral-disable': string;
+  'bg-info': string;
+  'bg-warning': string;
+  'bg-success': string;
+  'text-body-size': string;
+  'text-body-line-height': string;
+  'text-body-weight': string;
+  'text-caption-size': string;
+  'text-caption-line-height': string;
+  'text-caption-weight': string;
+  'text-small-size': string;
+  'text-small-line-height': string;
+  'text-small-weight': string;
+  'heading-h1-size': string;
+  'heading-h1-line-height': string;
+  'heading-h1-weight': string;
+  'heading-h2-size': string;
+  'heading-h2-line-height': string;
+  'heading-h2-weight': string;
+  'component-bg-lightness': string;
+  'component-bg-chroma': string;
+  'component-bg-hue': string;
+  'component-bg-opacity': string;
+  'component-border-lightness': string;
+  'component-border-chroma': string;
+  'component-border-hue': string;
+  'component-border-opacity': string;
+  'component-text-lightness': string;
+  'component-text-chroma': string;
+  'component-text-hue': string;
+  'component-text-opacity': string;
+  'component-opacity-bg': string;
+  'component-opacity-border': string;
+  'component-opacity-text': string;
+  'conditional-not-primary': string;
+  'conditional-not-secondary': string;
+  'conditional-not-danger': string;
+  'conditional-light': string;
+  'conditional-threshold': string;
+  'conditional-switch': string;
+  'cube-block-card-bg': string;
+  'cube-block-card-border': string;
+  'cube-block-card-radius': string;
+  'cube-block-card-padding': string;
+  'cube-block-button-padding-x': string;
+  'cube-block-button-padding-y': string;
+  'cube-block-button-radius': string;
+  'cube-block-button-text': string;
+  'cube-block-button-bg': string;
+  'cube-block-button-bg-hover': string;
+  'cube-block-checkbox-bg': string;
+  'cube-block-checkbox-padding': string;
+  'cube-composition-flow-space': string;
+  'cube-composition-stack-gap': string;
+  'cube-composition-stack-align': string;
+  'cube-composition-stack-direction': string;
+  'cube-composition-cluster-gap': string;
+  'cube-composition-cluster-align': string;
+  'cube-composition-center-max-width': string;
+  'cube-composition-center-padding-inline': string;
+  'cube-composition-switcher-modifier': string;
+  'cube-composition-switcher-gap': string;
+  'cube-global-gutter': string;
+  'cube-global-on': string;
+  'cube-global-off': string;
+  'cube-utility-margin-t-0': string;
+  'cube-utility-margin-t-xs': string;
+  'cube-utility-margin-t-sm': string;
+  'cube-utility-margin-t-md': string;
+  'cube-utility-margin-t-lg': string;
+  'cube-utility-margin-t-xl': string;
+  'cube-utility-margin-b-0': string;
+  'cube-utility-margin-b-xs': string;
+  'cube-utility-margin-b-sm': string;
+  'cube-utility-margin-b-md': string;
+  'cube-utility-margin-b-lg': string;
+  'cube-utility-margin-b-xl': string;
+  'cube-utility-margin-auto': string;
+  'cube-utility-position-relative': string;
+  'cube-utility-position-absolute': string;
+  'cube-utility-position-fixed': string;
+  'cube-utility-position-top-0': string;
+  'cube-utility-position-right-0': string;
+  'cube-utility-position-bottom-0': string;
+  'cube-utility-position-left-0': string;
+  'cube-utility-display-none': string;
+  'cube-utility-display-block': string;
+  'cube-utility-display-inline-block': string;
+  'cube-utility-display-grid': string;
+  'cube-utility-display-flex': string;
+  'cube-utility-display-sticky': string;
+  'cube-utility-align-start': string;
+  'cube-utility-align-end': string;
+  'cube-utility-align-center': string;
+  'cube-utility-justify-start': string;
+  'cube-utility-justify-end': string;
+  'cube-utility-justify-center': string;
+  'cube-utility-justify-between': string;
+  'cube-utility-flex-column': string;
+  'cube-utility-flex-row': string;
+  'cube-utility-flex-wrap': string;
+  'cube-utility-gap-xs': string;
+  'cube-utility-gap-sm': string;
+  'cube-utility-gap-md': string;
+  'cube-utility-gap-lg': string;
+  'cube-utility-gap-xl': string;
+  'cube-utility-padding-xs': string;
+  'cube-utility-padding-sm': string;
+  'cube-utility-padding-md': string;
+  'cube-utility-padding-lg': string;
+  'cube-utility-padding-xl': string;
+  'cube-utility-padding-x-0': string;
+  'cube-utility-padding-x-xs': string;
+  'cube-utility-padding-x-sm': string;
+  'cube-utility-padding-x-md': string;
+  'cube-utility-padding-x-lg': string;
+  'cube-utility-padding-x-xl': string;
+  'cube-utility-padding-y-0': string;
+  'cube-utility-padding-y-xs': string;
+  'cube-utility-padding-y-sm': string;
+  'cube-utility-padding-y-md': string;
+  'cube-utility-padding-y-lg': string;
+  'cube-utility-padding-y-xl': string;
+  'cube-utility-padding-auto': string;
+  'cube-utility-padding-top-0': string;
+  'cube-utility-padding-top-xs': string;
+  'cube-utility-padding-top-sm': string;
+  'cube-utility-padding-top-md': string;
+  'cube-utility-padding-top-lg': string;
+  'cube-utility-padding-top-xl': string;
+  'cube-utility-padding-bottom-0': string;
+  'cube-utility-text-center': string;
+  'cube-utility-text-dim': string;
+  'cube-utility-border-solid': string;
+  'cube-utility-border-dashed': string;
+  'cube-utility-border-dotted': string;
+  'cube-utility-border-none': string;
+  'cube-utility-border-primary': string;
+  'cube-utility-border-secondary': string;
+  'cube-utility-border-accent': string;
+  'cube-utility-border-neutral': string;
+  'cube-utility-border-info': string;
+  'cube-utility-border-success': string;
+  'cube-utility-border-top': string;
+  'cube-utility-border-bottom': string;
+  'cube-utility-border-left': string;
+  'cube-utility-border-right': string;
+  'cube-utility-border-all': string;
+  'cube-utility-border-theme-10': string;
+  'cube-utility-border-theme-25': string;
+  'cube-utility-border-theme-50': string;
+  'cube-utility-border-theme-75': string;
+  'cube-utility-border-theme-100': string;
+  'cube-utility-border-theme-light': string;
+  'cube-utility-border-theme-medium': string;
+  'cube-utility-border-theme-large': string;
+  'cube-utility-border-width-xsmall': string;
+  'cube-utility-border-width-small': string;
+  'cube-utility-border-width-medium': string;
+  'cube-utility-border-width-large': string;
+  'cube-utility-radius-light': string;
+  'cube-utility-radius-medium': string;
+  'cube-utility-radius-heavy': string;
+  'cube-utility-height-auto': string;
+  'cube-utility-height-full': string;
+  'cube-utility-height-half': string;
+  'cube-utility-height-quarter': string;
+  'cube-utility-height-screen': string;
+  'cube-utility-width-auto': string;
+  'cube-utility-width-full': string;
+  'cube-utility-width-half': string;
+  'cube-utility-width-quarter': string;
+  'cube-utility-width-screen': string;
+  'cube-utility-overflow-auto': string;
+  'cube-utility-overflow-hidden': string;
+  'cube-utility-overflow-scroll': string;
+  'cube-utility-overflow-visible': string;
+  'cube-utility-overflow-x-hidden': string;
+  'cube-utility-overflow-y-hidden': string;
+  'cube-utility-bg-primary': string;
+  'cube-utility-bg-secondary': string;
+  'cube-utility-bg-accent': string;
+  'cube-utility-bg-accent-subtle': string;
+  'cube-utility-bg-neutral': string;
+  'cube-utility-bg-page': string;
+  'cube-utility-bg-subtle': string;
+  'cube-utility-bg-elevated': string;
+  'cube-utility-bg-inset': string;
+  'cube-utility-bg-info': string;
+  'cube-utility-bg-success': string;
+  'state-base-bg-lightness': string;
+  'state-base-bg-chroma': string;
+  'state-base-bg-hue': string;
+  'state-base-bg-opacity': string;
+  'state-base-border-lightness': string;
+  'state-base-border-chroma': string;
+  'state-base-border-hue': string;
+  'state-base-border-opacity': string;
+  'state-base-text-lightness': string;
+  'state-base-text-chroma': string;
+  'state-base-text-hue': string;
+  'state-base-text-opacity': string;
+  'state-hover-bg-lightness': string;
+  'state-hover-bg-chroma': string;
+  'state-hover-bg-hue': string;
+  'state-hover-bg-opacity': string;
+  'state-hover-border-lightness': string;
+  'state-hover-border-chroma': string;
+  'state-hover-border-hue': string;
+  'state-hover-border-opacity': string;
+  'state-hover-text-lightness': string;
+  'state-hover-text-chroma': string;
+  'state-hover-text-hue': string;
+  'state-hover-text-opacity': string;
+  'state-active-bg-lightness': string;
+  'state-active-bg-chroma': string;
+  'state-active-bg-hue': string;
+  'state-active-bg-opacity': string;
+  'state-active-border-lightness': string;
+  'state-active-border-chroma': string;
+  'state-active-border-hue': string;
+  'state-active-border-opacity': string;
+  'state-active-text-lightness': string;
+  'state-active-text-chroma': string;
+  'state-active-text-hue': string;
+  'state-active-text-opacity': string;
+  'state-focus-bg-lightness': string;
+  'state-focus-bg-chroma': string;
+  'state-focus-bg-hue': string;
+  'state-focus-bg-opacity': string;
+  'state-focus-border-lightness': string;
+  'state-focus-border-chroma': string;
+  'state-focus-border-hue': string;
+  'state-focus-border-opacity': string;
+  'state-focus-text-lightness': string;
+  'state-focus-text-chroma': string;
+  'state-focus-text-hue': string;
+  'state-focus-text-opacity': string;
+  'state-disabled-bg-lightness': string;
+  'state-disabled-bg-chroma': string;
+  'state-disabled-bg-hue': string;
+  'state-disabled-bg-opacity': string;
+  'state-disabled-border-lightness': string;
+  'state-disabled-border-chroma': string;
+  'state-disabled-border-hue': string;
+  'state-disabled-border-opacity': string;
+  'state-disabled-text-lightness': string;
+  'state-disabled-text-chroma': string;
+  'state-disabled-text-hue': string;
+  'state-disabled-text-opacity': string;
+  'variant-contained-bg-lightness': string;
+  'variant-contained-bg-chroma': string;
+  'variant-contained-bg-hue': string;
+  'variant-contained-bg-opacity': string;
+  'variant-contained-border-lightness': string;
+  'variant-contained-border-chroma': string;
+  'variant-contained-border-hue': string;
+  'variant-contained-border-opacity': string;
+  'variant-contained-text-lightness': string;
+  'variant-contained-text-chroma': string;
+  'variant-contained-text-hue': string;
+  'variant-contained-text-opacity': string;
+  'variant-outlined-bg-lightness': string;
+  'variant-outlined-bg-chroma': string;
+  'variant-outlined-bg-hue': string;
+  'variant-outlined-bg-opacity': string;
+  'variant-outlined-border-lightness': string;
+  'variant-outlined-border-chroma': string;
+  'variant-outlined-border-hue': string;
+  'variant-outlined-border-opacity': string;
+  'variant-outlined-text-lightness': string;
+  'variant-outlined-text-chroma': string;
+  'variant-outlined-text-hue': string;
+  'variant-outlined-text-opacity': string;
+  'variant-text-bg-lightness': string;
+  'variant-text-bg-chroma': string;
+  'variant-text-bg-hue': string;
+  'variant-text-bg-opacity': string;
+  'variant-text-border-lightness': string;
+  'variant-text-border-chroma': string;
+  'variant-text-border-hue': string;
+  'variant-text-border-opacity': string;
+  'variant-text-text-lightness': string;
+  'variant-text-text-chroma': string;
+  'variant-text-text-hue': string;
+  'variant-text-text-opacity': string;
+  'highlighted-text-gap-min': string;
+  'highlighted-text-gap-max': string;
+  'highlighted-text-gap-scaler': string;
+  'highlighted-text-gap-left': string;
+
+}

package/dist/bin/build-tokens.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+import { program } from 'commander';
+import fs from 'node:fs/promises';
+import os from 'node:os';
+import path from 'node:path';
+import { buildStyleDictionary } from '../scripts/build-style-dictionary';
+program
+    .name('build-tokens')
+    .description('Build and copy tokens to the destination folder.')
+    .argument('[dir]', 'target directory', './build/')
+    .option('-f, --force', 'overwrite existing files')
+    .action(async (dir, options) => {
+    const targetDir = path.resolve(process.cwd(), dir);
+    // 1) temp dir
+    const tmpDir = await fs.mkdtemp(path.join(os.tmpdir(), 'tokens-'));
+    // 2) build Style Dictionary into temp
+    await buildStyleDictionary(tmpDir);
+    // 3) copy result to target
+    await fs.mkdir(targetDir, { recursive: true });
+    await fs.cp(tmpDir, targetDir, {
+        recursive: true,
+        force: options.force ?? true,
+    });
+    // 4) cleanup
+    await fs.rm(tmpDir, { recursive: true, force: true });
+});
+program.parse();