/**
 * Do not edit directly, this file was auto-generated.
 */

export default tokens;

declare interface DesignToken {
  value?: any;
  type?: string;
  comment?: string;
  name?: string;
  themeable?: boolean;
  attributes?: Record<string, unknown>;
  [key: string]: any;
}

declare const tokens: {
  borderRadius: {
    none: DesignToken;
    sm: DesignToken;
    md: DesignToken;
    lg: DesignToken;
    xl: DesignToken;
    "2xl": DesignToken;
    full: DesignToken;
  };
  breakpoint: {
    mob: DesignToken;
    tablet: DesignToken;
    laptop: DesignToken;
    desktop: DesignToken;
    laptopl: DesignToken;
  };
  color: {
    primary: {
      "50": DesignToken;
      "100": DesignToken;
      "200": DesignToken;
      "300": DesignToken;
      "400": DesignToken;
      "500": DesignToken;
      "600": DesignToken;
      "700": DesignToken;
      "800": DesignToken;
      "900": DesignToken;
      "950": DesignToken;
    };
    secondary: {
      "50": DesignToken;
      "100": DesignToken;
      "200": DesignToken;
      "300": DesignToken;
      "400": DesignToken;
      "500": DesignToken;
      "600": DesignToken;
      "700": DesignToken;
      "800": DesignToken;
      "900": DesignToken;
      "950": DesignToken;
    };
    neutral: {
      "50": DesignToken;
      "100": DesignToken;
      "200": DesignToken;
      "300": DesignToken;
      "400": DesignToken;
      "500": DesignToken;
      "600": DesignToken;
      "700": DesignToken;
      "800": DesignToken;
      "900": DesignToken;
      "950": DesignToken;
    };
    white: DesignToken;
    black: DesignToken;
    overlayDark: {
      "5": DesignToken;
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
      "60": DesignToken;
      "70": DesignToken;
      "80": DesignToken;
      "90": DesignToken;
      "100": DesignToken;
    };
    overlayWhite: {
      "5": DesignToken;
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
      "60": DesignToken;
      "70": DesignToken;
      "80": DesignToken;
      "90": DesignToken;
      "100": DesignToken;
    };
    semantic: {
      success: {
        "50": DesignToken;
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
        "600": DesignToken;
        "700": DesignToken;
        "800": DesignToken;
        "900": DesignToken;
        "950": DesignToken;
      };
      error: {
        "50": DesignToken;
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
        "600": DesignToken;
        "700": DesignToken;
        "800": DesignToken;
        "900": DesignToken;
        "950": DesignToken;
      };
      warning: {
        "50": DesignToken;
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
        "600": DesignToken;
        "700": DesignToken;
        "800": DesignToken;
        "900": DesignToken;
        "950": DesignToken;
      };
      info: {
        "50": DesignToken;
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
        "600": DesignToken;
        "700": DesignToken;
        "800": DesignToken;
        "900": DesignToken;
        "950": DesignToken;
      };
    };
  };
  shadow: {
    sm: DesignToken;
    md: DesignToken;
    lg: DesignToken;
    xl: DesignToken;
    "2xl": DesignToken;
    inner: DesignToken;
    none: DesignToken;
  };
  spacing: {
    "0": DesignToken;
    "1": DesignToken;
    "2": DesignToken;
    "3": DesignToken;
    "4": DesignToken;
    "5": DesignToken;
    "6": DesignToken;
    "8": DesignToken;
    "10": DesignToken;
    "12": DesignToken;
    "16": DesignToken;
    "20": DesignToken;
    "24": DesignToken;
    "32": DesignToken;
    "40": DesignToken;
    "48": DesignToken;
    "56": DesignToken;
    "64": DesignToken;
  };
  fontFamily: {
    primary: DesignToken;
    mono: DesignToken;
  };
  fontSize: {
    xs: DesignToken;
    sm: DesignToken;
    base: DesignToken;
    lg: DesignToken;
    xl: DesignToken;
    "2xl": DesignToken;
    "3xl": DesignToken;
    "4xl": DesignToken;
    "5xl": DesignToken;
    "6xl": DesignToken;
    "7xl": DesignToken;
    display: DesignToken;
    h1: DesignToken;
    h2: DesignToken;
    h3: DesignToken;
    h4: DesignToken;
    h5: DesignToken;
    subtitle01: DesignToken;
    subtitle02: DesignToken;
    subtitle03: DesignToken;
    body01: DesignToken;
    body02: DesignToken;
    body03: DesignToken;
  };
  fontWeight: {
    light: DesignToken;
    normal: DesignToken;
    medium: DesignToken;
    semibold: DesignToken;
    bold: DesignToken;
  };
  lineHeight: {
    tight: DesignToken;
    normal: DesignToken;
    relaxed: DesignToken;
    loose: DesignToken;
    display: DesignToken;
    heading: DesignToken;
    subtitle: DesignToken;
    body: DesignToken;
  };
  letterSpacing: {
    tighter: DesignToken;
    tight: DesignToken;
    normal: DesignToken;
    wide: DesignToken;
    wider: DesignToken;
    widest: DesignToken;
  };
  zIndex: {
    "0": DesignToken;
    "10": DesignToken;
    "20": DesignToken;
    "30": DesignToken;
    "40": DesignToken;
    "50": DesignToken;
    "100": DesignToken;
  };
  scale: {
    name: DesignToken;
    multiplier: DesignToken;
    description: DesignToken;
    spacing: {
      multiplier: DesignToken;
    };
    typography: {
      fontSize: {
        multiplier: DesignToken;
      };
      lineHeight: {
        multiplier: DesignToken;
      };
    };
    borderRadius: {
      multiplier: DesignToken;
    };
  };
  component: {
    button: {
      primary: {
        background: DesignToken;
        backgroundHover: DesignToken;
        text: DesignToken;
        border: DesignToken;
      };
      secondary: {
        background: DesignToken;
        backgroundHover: DesignToken;
        text: DesignToken;
        border: DesignToken;
      };
      outline: {
        background: DesignToken;
        backgroundHover: DesignToken;
        text: DesignToken;
        border: DesignToken;
      };
      ghost: {
        background: DesignToken;
        backgroundHover: DesignToken;
        text: DesignToken;
        border: DesignToken;
      };
      danger: {
        background: DesignToken;
        backgroundHover: DesignToken;
        text: DesignToken;
        border: DesignToken;
      };
    };
    input: {
      background: DesignToken;
      backgroundDisabled: DesignToken;
      border: DesignToken;
      borderHover: DesignToken;
      borderFocus: DesignToken;
      borderError: DesignToken;
      text: DesignToken;
      textPlaceholder: DesignToken;
      textDisabled: DesignToken;
    };
    card: {
      background: DesignToken;
      border: DesignToken;
      shadow: DesignToken;
    };
  };
  theme: {
    dark: {
      color: {
        background: {
          primary: DesignToken;
          secondary: DesignToken;
          tertiary: DesignToken;
        };
        text: {
          primary: DesignToken;
          secondary: DesignToken;
          tertiary: DesignToken;
          disabled: DesignToken;
        };
        border: {
          default: DesignToken;
          hover: DesignToken;
          focus: DesignToken;
        };
      };
    };
    light: {
      color: {
        background: {
          primary: DesignToken;
          secondary: DesignToken;
          tertiary: DesignToken;
        };
        text: {
          primary: DesignToken;
          secondary: DesignToken;
          tertiary: DesignToken;
          disabled: DesignToken;
        };
        border: {
          default: DesignToken;
          hover: DesignToken;
          focus: DesignToken;
        };
      };
    };
  };
};
