@sk-web-gui/core 3.0.0 → 3.1.0

package/dist/types/base.d.ts

@@ -0,0 +1,50 @@
+declare const _base: {
+    html: {
+        '@apply text-base antialiased': {};
+        fontSize: string;
+        textRendering: string;
+        touchAction: string;
+    };
+    body: {
+        '@apply text-base bg-background-content': {};
+        '@apply text-body': {};
+        position: string;
+        minHeight: string;
+        fontFeatureSettings: string;
+    };
+    '*': {
+        '@apply focus-visible:ring-ring': {};
+        '@apply focus-visible:ring-offset-background-content': {};
+        '@apply focus-visible:outline-0': {};
+    };
+    small: {
+        '@apply text-small': {};
+    };
+    a: {
+        '@apply rounded-button-md': {};
+    };
+    h1: {
+        '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {};
+        '@apply mb-md': {};
+    };
+    h2: {
+        '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {};
+    };
+    h3: {
+        '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {};
+    };
+    'h4,h5,h6': {
+        '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {};
+    };
+    p: {
+        '@apply my-4': {};
+    };
+    '.text-content': {
+        '@apply max-w-content': {};
+        p: {
+            '@apply mt-sm text-base': {};
+        };
+    };
+};
+declare const base: typeof _base;
+export { base };

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 };