unholy-design-tokens 1.0.0

package/build/types/theme.d.ts

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