@master/css 2.0.0-rc.67 → 2.0.0-rc.69

package/dist/config/variables.d.ts

@@ -1,13 +1,31 @@
-import colors from '@master/colors';
-declare const _variables: {
+declare const variables: {
     full: string;
     fit: string;
     max: string;
     min: string;
     'font-family': {
-        mono: string[];
-        sans: string[];
-        serif: string[];
+        sans: string;
+        serif: string;
+        mono: string;
+        'sans-fallback': string;
+        'serif-fallback': string;
+        'mono-fallback': string;
+    };
+    'letter-spacing': {
+        tightest: string;
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    'line-height': {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
     };
     'font-weight': {
         thin: number;
@@ -20,415 +38,386 @@ declare const _variables: {
         extrabold: number;
         heavy: number;
     };
-    'flex-direction': {
-        col: string;
-        'col-reverse': string;
-    };
-    'box-sizing': {
-        content: string;
-        border: string;
-    };
-    position: {
-        abs: string;
-        rel: string;
-    };
-    'transform-box': {
-        content: string;
-        border: string;
-        padding: string;
-        fill: string;
-        stroke: string;
-        view: string;
-    };
-    'animation-direction': {
-        alt: string;
-        'alt-reverse': string;
-    };
-    'background-clip': {
-        content: string;
-        border: string;
-        padding: string;
-    };
-    'background-origin': {
-        content: string;
-        border: string;
-        padding: string;
+    "font-size": {
+        "3xs": number;
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+        "10xl": number;
+    };
+    'border-radius': {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
     };
     order: {
         first: number;
         last: number;
     };
-    'shape-outside': {
-        content: string;
-        border: string;
-        padding: string;
-        margin: string;
-    };
-    'clip-path': {
-        content: string;
-        border: string;
-        padding: string;
-        margin: string;
-        fill: string;
-        stroke: string;
-        view: string;
-    };
-    current: string;
-    frame: {
-        neutral: {
-            '@light': string;
-            '@dark': string;
-        };
-        light: {
-            '@light': string;
-            '@dark': string;
-        };
-        lighter: {
-            '@light': string;
-            '@dark': string;
-        };
-        lightest: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    white: string;
-    black: string;
-    base: {
-        '@light': string;
-        '@dark': string;
-    };
-    canvas: {
-        '@light': string;
-        '@dark': string;
-    };
-    surface: {
-        '@light': string;
-        '@dark': string;
-    };
-    invert: {
-        '@light': string;
-        '@dark': string;
-    };
-    gray: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    slate: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    brown: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    orange: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    amber: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    yellow: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    lime: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    green: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    beryl: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    teal: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    cyan: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    sky: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    blue: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    indigo: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    violet: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    purple: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    fuchsia: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    pink: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    crimson: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    red: {
-        '@light': string;
-        '@dark': string;
-        active: {
-            '@light': string;
-            '@dark': string;
-        };
-        text: string;
-    };
-    text: {
-        invert: {
-            '@light': string;
-            '@dark': string;
-        };
-        strong: {
-            '@light': string;
-            '@dark': string;
-        };
-        neutral: {
-            '@light': string;
-            '@dark': string;
-        };
-        lightest: {
-            '@light': string;
-            '@dark': string;
-        };
-        lighter: {
-            '@light': string;
-            '@dark': string;
-        };
-        light: {
-            '@light': string;
-            '@dark': string;
+    spacing: {
+        "4xs": number;
+        "3xs": number;
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+    };
+    color: {
+        stone: {
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         gray: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
+        };
+        grey: {
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         slate: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         brown: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         orange: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         amber: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         yellow: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         lime: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         green: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         beryl: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         teal: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         cyan: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         sky: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         blue: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         indigo: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         violet: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         purple: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         fuchsia: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         pink: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         crimson: {
-            '@light': string;
-            '@dark': string;
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
         };
         red: {
-            '@light': string;
-            '@dark': string;
-        };
+            "0": string;
+            "5": string;
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+            "95": string;
+            "100": string;
+        };
+        current: string;
+        white: string;
+        black: string;
     };
 };
-declare const variables: (typeof colors & typeof _variables);
 export default variables;