@ctlyst.id/voila-ui-core 1.1.0

package/dist/types/theme/styles/theme.css.d.ts

@@ -0,0 +1,267 @@
+export declare const theme: {
+    breakpoints: {
+        xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    borderStyles: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    borderWidths: {
+        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fonts: {
+        readonly playfair: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly poppins: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontSizes: {
+        readonly heading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly heading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly heading3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly heading4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly heading5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly heading6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly subheading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly subheading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly subtitle1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly subtitle2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly body1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontWeights: {
+        readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    letterSpacings: {
+        readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    lineHeights: {
+        readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 28: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        readonly 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    opacity: {
+        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    radii: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    space: {
+        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    transitionDurations: {
+        150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        3000: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    transitionEasingFunctions: {
+        linear: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inOut: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    transitionProperties: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        all: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        colors: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        transform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    sizes: {
+        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        floating: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    zIndices: {
+        hide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        docked: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        sticky: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        banner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        skipLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        toast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export default theme;

package/dist/types/theme/styles/utilityClasses.css.d.ts

@@ -0,0 +1,2 @@
+export declare const disabledStateStyle: string;
+export declare const scrollbarStyle: string;

package/dist/types/theme/styles/utils.d.ts

@@ -0,0 +1,17 @@
+import type { StyleRule } from '@vanilla-extract/css';
+export declare const getVarName: (_value: string | null, path: string[]) => string;
+export declare const motionSafe: (style: StyleRule) => {
+    '@media': {
+        '(prefers-reduced-motion: no-preference)': StyleRule;
+    };
+};
+type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
+type ResponsiveStyle = {
+    xs?: CSSProps;
+    sm?: CSSProps;
+    md?: CSSProps;
+    lg?: CSSProps;
+    xl?: CSSProps;
+};
+export declare const responsiveStyle: ({ xs, sm, md, lg, xl }: ResponsiveStyle) => StyleRule;
+export {};

package/dist/types/theme/tokens/animation.d.ts

@@ -0,0 +1,21 @@
+export declare const transitionDurations: {
+    '150': string;
+    '300': string;
+    '600': string;
+    '3000': string;
+};
+export declare const transitionProperties: {
+    none: string;
+    all: string;
+    default: string;
+    colors: string;
+    opacity: string;
+    shadow: string;
+    transform: string;
+};
+export declare const transitionEasingFunctions: {
+    linear: string;
+    in: string;
+    out: string;
+    inOut: string;
+};

package/dist/types/theme/tokens/border.d.ts

@@ -0,0 +1,9 @@
+export declare const borderStyles: {
+    none: string;
+    solid: string;
+};
+export declare const borderWidths: {
+    '0': string;
+    '1': string;
+    '2': string;
+};

package/dist/types/theme/tokens/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const breakpoints: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export type Breakpoint = keyof typeof breakpoints;
+export declare const breakpointNames: ("xs" | "sm" | "md" | "lg" | "xl")[];

package/dist/types/theme/tokens/color.d.ts

@@ -0,0 +1,127 @@
+export type ColorScheme = 'dark' | 'light';
+export type ColorSchemeSetting = ColorScheme | 'system';
+export declare const base: {
+    primary: string;
+    secondary: string;
+    black: string;
+    white: string;
+    grey1: string;
+    grey2: string;
+    grey3: string;
+    grey4: string;
+    transparent: string;
+};
+export declare const typography: {
+    blackTypoHigh: string;
+    blackTypoMedium: string;
+    blackTypoLow: string;
+    whiteTypoHigh: string;
+    whiteTypoMedium: string;
+    whiteTypoLow: string;
+};
+export declare const green: {
+    green1: string;
+    green2: string;
+    green3: string;
+};
+export declare const blue: {
+    blue1: string;
+    blue2: string;
+    blue3: string;
+};
+export declare const yellow: {
+    yellow1: string;
+    yellow2: string;
+    yellow3: string;
+};
+export declare const red: {
+    red1: string;
+    red2: string;
+    red3: string;
+};
+export declare const greenAccent: {
+    greenAccent1: string;
+    greenAccent2: string;
+    greenAccent3: string;
+};
+export declare const blueAccent: {
+    blueAccent1: string;
+    blueAccent2: string;
+    blueAccent3: string;
+};
+export declare const yellowAccent: {
+    yellowAccent1: string;
+    yellowAccent2: string;
+    yellowAccent3: string;
+};
+export declare const redAccent: {
+    redAccent1: string;
+    redAccent2: string;
+    redAccent3: string;
+};
+export declare const greenSurface: {
+    greenSurface1: string;
+    greenSurface2: string;
+};
+export declare const blueSurface: {
+    blueSurface1: string;
+    blueSurface2: string;
+};
+export declare const yellowSurface: {
+    yellowSurface1: string;
+    yellowSurface2: string;
+};
+export declare const redSurface: {
+    redSurface1: string;
+    redSurface2: string;
+};
+export declare const colors: {
+    blackTypoHigh: string;
+    blackTypoMedium: string;
+    blackTypoLow: string;
+    whiteTypoHigh: string;
+    whiteTypoMedium: string;
+    whiteTypoLow: string;
+    redSurface1: string;
+    redSurface2: string;
+    yellowSurface1: string;
+    yellowSurface2: string;
+    blueSurface1: string;
+    blueSurface2: string;
+    greenSurface1: string;
+    greenSurface2: string;
+    redAccent1: string;
+    redAccent2: string;
+    redAccent3: string;
+    yellowAccent1: string;
+    yellowAccent2: string;
+    yellowAccent3: string;
+    blueAccent1: string;
+    blueAccent2: string;
+    blueAccent3: string;
+    greenAccent1: string;
+    greenAccent2: string;
+    greenAccent3: string;
+    red1: string;
+    red2: string;
+    red3: string;
+    yellow1: string;
+    yellow2: string;
+    yellow3: string;
+    blue1: string;
+    blue2: string;
+    blue3: string;
+    green1: string;
+    green2: string;
+    green3: string;
+    primary: string;
+    secondary: string;
+    black: string;
+    white: string;
+    grey1: string;
+    grey2: string;
+    grey3: string;
+    grey4: string;
+    transparent: string;
+};
+export default colors;