@sk-web-gui/core 1.0.2 → 1.1.0

package/dist/types/colors.d.ts

@@ -0,0 +1,643 @@
+declare const colors: {
+    primitives: {
+        gray: {
+            lightest: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            darkest: string;
+        };
+        overlay: {
+            darken: {
+                1: string;
+                2: string;
+                3: string;
+                4: string;
+                5: string;
+                6: string;
+                7: string;
+                8: string;
+                9: string;
+                10: string;
+            };
+            lighten: {
+                1: string;
+                2: string;
+                3: string;
+                4: string;
+                5: string;
+                6: string;
+                7: string;
+                8: string;
+                9: string;
+                10: string;
+            };
+        };
+        blue: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        purple: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        pink: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    body: string;
+    black: string;
+    white: string;
+    ring: string;
+    primary: {
+        DEFAULT: string;
+        surface: {
+            DEFAULT: string;
+            hover: string;
+            disabled: string;
+        };
+        lightest: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        darkest: string;
+    };
+    secondary: {
+        DEFAULT: string;
+        outline: {
+            DEFAULT: string;
+            hover: string;
+        };
+        surface: {
+            DEFAULT: string;
+            hover: string;
+            disabled: string;
+        };
+        lightest: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        darkest: string;
+    };
+    tertiary: {
+        surface: {
+            DEFAULT: string;
+            hover: string;
+            disabled: string;
+        };
+    };
+    dark: {
+        DEFAULT: string;
+        primary: string;
+        secondary: string;
+        disabled: string;
+        placeholder: string;
+        ghost: string;
+    };
+    light: {
+        DEFAULT: string;
+        primary: string;
+        secondary: string;
+        disabled: string;
+        placeholder: string;
+        ghost: string;
+    };
+    divider: string;
+    background: {
+        DEFAULT: string;
+        content: string;
+        100: string;
+        200: string;
+        'color-mixin': {
+            1: string;
+            2: string;
+        };
+    };
+    vattjom: {
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    gronsta: {
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    juniskar: {
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    bjornstigen: {
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    error: {
+        DEFAULT: string;
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    warning: {
+        DEFAULT: string;
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    info: {
+        DEFAULT: string;
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    success: {
+        DEFAULT: string;
+        background: {
+            100: string;
+            200: string;
+            300: string;
+        };
+        surface: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+            };
+            accent: {
+                DEFAULT: string;
+                hover: string;
+            };
+        };
+        text: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+        };
+    };
+    inverted: {
+        body: string;
+        black: string;
+        white: string;
+        ring: string;
+        primary: {
+            DEFAULT: string;
+            surface: {
+                DEFAULT: string;
+                hover: string;
+                disabled: string;
+            };
+            lightest: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            darkest: string;
+        };
+        secondary: {
+            DEFAULT: string;
+            outline: {
+                DEFAULT: string;
+                hover: string;
+            };
+            surface: {
+                DEFAULT: string;
+                hover: string;
+                disabled: string;
+            };
+            lightest: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            darkest: string;
+        };
+        tertiary: {
+            surface: {
+                DEFAULT: string;
+                hover: string;
+                disabled: string;
+            };
+        };
+        dark: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+            disabled: string;
+            placeholder: string;
+            ghost: string;
+        };
+        light: {
+            DEFAULT: string;
+            primary: string;
+            secondary: string;
+            disabled: string;
+            placeholder: string;
+            ghost: string;
+        };
+        divider: string;
+        background: {
+            DEFAULT: string;
+            content: string;
+            100: string;
+            200: string;
+            'color-mixin': {
+                1: string;
+                2: string;
+            };
+        };
+        vattjom: {
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        gronsta: {
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        juniskar: {
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        bjornstigen: {
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        error: {
+            DEFAULT: string;
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        warning: {
+            DEFAULT: string;
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        info: {
+            DEFAULT: string;
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+        success: {
+            DEFAULT: string;
+            background: {
+                100: string;
+                200: string;
+                300: string;
+            };
+            surface: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    hover: string;
+                };
+            };
+            text: {
+                DEFAULT: string;
+                primary: string;
+                secondary: string;
+            };
+        };
+    };
+};
+export { colors };