@master/css 2.0.0-rc.5 → 2.0.0-rc.51

package/dist/config/variables.d.ts

@@ -1,13 +1,9 @@
-declare const variables: {
+import colors from '@master/colors';
+declare const _variables: {
     full: string;
     fit: string;
     max: string;
     min: string;
-    'font-family': {
-        mono: string[];
-        sans: string[];
-        serif: string[];
-    };
     screen: {
         '4xs': number;
         '3xs': number;
@@ -21,6 +17,11 @@ declare const variables: {
         '3xl': number;
         '4xl': number;
     };
+    'font-family': {
+        mono: string[];
+        sans: string[];
+        serif: string[];
+    };
     'font-weight': {
         thin: number;
         extralight: number;
@@ -84,15 +85,18 @@ declare const variables: {
         fill: string;
         stroke: string;
         view: string;
-        black: string;
     };
     current: string;
-    text: {
-        strong: {
+    frame: {
+        neutral: {
             '@light': string;
             '@dark': string;
         };
-        neutral: {
+        light: {
+            '@light': string;
+            '@dark': string;
+        };
+        lighter: {
             '@light': string;
             '@dark': string;
         };
@@ -100,452 +104,344 @@ declare const variables: {
             '@light': string;
             '@dark': string;
         };
-        lighter: {
+    };
+    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;
         };
-        light: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        gray: {
+    };
+    slate: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        slate: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        brown: {
+    };
+    brown: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        orange: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        amber: {
+    };
+    orange: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        yellow: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        lime: {
+    };
+    amber: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        green: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        beryl: {
+    };
+    yellow: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        teal: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        cyan: {
+    };
+    lime: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        sky: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        blue: {
+    };
+    green: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        indigo: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        violet: {
+    };
+    beryl: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        purple: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        fuchsia: {
+    };
+    teal: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        pink: {
+        text: {
             '@light': string;
             '@dark': string;
         };
-        crimson: {
+    };
+    cyan: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
-        red: {
+        text: {
             '@light': string;
             '@dark': string;
         };
     };
-    base: {
+    sky: {
         '@light': string;
         '@dark': string;
+        active: {
+            '@light': string;
+            '@dark': string;
+        };
+        text: string;
     };
-    canvas: {
+    blue: {
         '@light': string;
         '@dark': string;
+        active: {
+            '@light': string;
+            '@dark': string;
+        };
+        text: string;
     };
-    surface: {
+    indigo: {
         '@light': string;
         '@dark': string;
+        active: {
+            '@light': string;
+            '@dark': string;
+        };
+        text: string;
     };
-    white: string;
-    black: string;
-    frame: {
+    violet: {
         '@light': string;
         '@dark': string;
-    };
-    gray: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    slate: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    purple: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    brown: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    fuchsia: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    orange: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    pink: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    amber: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    crimson: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    yellow: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    red: {
+        '@light': string;
+        '@dark': string;
+        active: {
             '@light': string;
             '@dark': string;
         };
+        text: string;
     };
-    lime: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+    text: {
+        invert: {
             '@light': string;
             '@dark': string;
         };
-    };
-    green: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        strong: {
             '@light': string;
             '@dark': string;
         };
-    };
-    beryl: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        neutral: {
             '@light': string;
             '@dark': string;
         };
-    };
-    teal: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        lightest: {
             '@light': string;
             '@dark': string;
         };
-    };
-    cyan: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        lighter: {
             '@light': string;
             '@dark': string;
         };
-    };
-    sky: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        light: {
             '@light': string;
             '@dark': string;
         };
-    };
-    blue: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        gray: {
             '@light': string;
             '@dark': string;
         };
-    };
-    indigo: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        slate: {
             '@light': string;
             '@dark': string;
         };
-    };
-    violet: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        brown: {
             '@light': string;
             '@dark': string;
         };
-    };
-    purple: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        orange: {
             '@light': string;
             '@dark': string;
         };
-    };
-    fuchsia: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        amber: {
             '@light': string;
             '@dark': string;
         };
-    };
-    pink: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        yellow: {
             '@light': string;
             '@dark': string;
         };
-    };
-    crimson: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        lime: {
             '@light': string;
             '@dark': string;
         };
-    };
-    red: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '': {
+        green: {
+            '@light': string;
+            '@dark': string;
+        };
+        beryl: {
+            '@light': string;
+            '@dark': string;
+        };
+        teal: {
+            '@light': string;
+            '@dark': string;
+        };
+        cyan: {
+            '@light': string;
+            '@dark': string;
+        };
+        sky: {
+            '@light': string;
+            '@dark': string;
+        };
+        blue: {
+            '@light': string;
+            '@dark': string;
+        };
+        indigo: {
+            '@light': string;
+            '@dark': string;
+        };
+        violet: {
+            '@light': string;
+            '@dark': string;
+        };
+        purple: {
+            '@light': string;
+            '@dark': string;
+        };
+        fuchsia: {
+            '@light': string;
+            '@dark': string;
+        };
+        pink: {
+            '@light': string;
+            '@dark': string;
+        };
+        crimson: {
+            '@light': string;
+            '@dark': string;
+        };
+        red: {
             '@light': string;
             '@dark': string;
         };
     };
 };
+declare const variables: (typeof colors & typeof _variables);
 export default variables;