@sk-web-gui/core 1.0.3 → 1.1.0

package/dist/types/colors.d.ts

@@ -1,497 +1,123 @@
-export namespace primitives {
-    let 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;
-    };
-    namespace overlay {
-        let darken: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-        };
-        let lighten: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-        };
-    }
-    let blue: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    let green: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    let purple: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    let pink: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    let orange: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    let red: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-}
-export let body: string;
-export let black: string;
-export let white: string;
-export let ring: string;
-export let 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;
-};
-export let 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;
-};
-export namespace tertiary {
-    namespace surface {
-        let DEFAULT: string;
-        let hover: string;
-        let disabled: string;
-    }
-}
-export namespace dark {
-    let DEFAULT_1: string;
-    export { DEFAULT_1 as DEFAULT };
-    let primary_1: string;
-    export { primary_1 as primary };
-    let secondary_1: string;
-    export { secondary_1 as secondary };
-    let disabled_1: string;
-    export { disabled_1 as disabled };
-    export let placeholder: string;
-    export let ghost: string;
-}
-export namespace light {
-    let DEFAULT_2: string;
-    export { DEFAULT_2 as DEFAULT };
-    let primary_2: string;
-    export { primary_2 as primary };
-    let secondary_2: string;
-    export { secondary_2 as secondary };
-    let disabled_2: string;
-    export { disabled_2 as disabled };
-    let placeholder_1: string;
-    export { placeholder_1 as placeholder };
-    let ghost_1: string;
-    export { ghost_1 as ghost };
-}
-export let divider: string;
-export let background: {
-    DEFAULT: string;
-    content: string;
-    100: string;
-    200: string;
-    'color-mixin': {
-        1: string;
-        2: string;
-    };
-};
-export namespace vattjom {
-    let background_1: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_1 as background };
-    export namespace surface_1 {
-        export namespace primary_3 {
-            let DEFAULT_3: string;
-            export { DEFAULT_3 as DEFAULT };
-            let hover_1: string;
-            export { hover_1 as hover };
-        }
-        export { primary_3 as primary };
-        export namespace accent {
-            let DEFAULT_4: string;
-            export { DEFAULT_4 as DEFAULT };
-            let hover_2: string;
-            export { hover_2 as hover };
-        }
-    }
-    export { surface_1 as surface };
-    export namespace text {
-        let DEFAULT_5: string;
-        export { DEFAULT_5 as DEFAULT };
-        let primary_4: string;
-        export { primary_4 as primary };
-        let secondary_3: string;
-        export { secondary_3 as secondary };
-    }
-}
-export namespace gronsta {
-    let background_2: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_2 as background };
-    export namespace surface_2 {
-        export namespace primary_5 {
-            let DEFAULT_6: string;
-            export { DEFAULT_6 as DEFAULT };
-            let hover_3: string;
-            export { hover_3 as hover };
-        }
-        export { primary_5 as primary };
-        export namespace accent_1 {
-            let DEFAULT_7: string;
-            export { DEFAULT_7 as DEFAULT };
-            let hover_4: string;
-            export { hover_4 as hover };
-        }
-        export { accent_1 as accent };
-    }
-    export { surface_2 as surface };
-    export namespace text_1 {
-        let DEFAULT_8: string;
-        export { DEFAULT_8 as DEFAULT };
-        let primary_6: string;
-        export { primary_6 as primary };
-        let secondary_4: string;
-        export { secondary_4 as secondary };
-    }
-    export { text_1 as text };
-}
-export namespace juniskar {
-    let background_3: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_3 as background };
-    export namespace surface_3 {
-        export namespace primary_7 {
-            let DEFAULT_9: string;
-            export { DEFAULT_9 as DEFAULT };
-            let hover_5: string;
-            export { hover_5 as hover };
-        }
-        export { primary_7 as primary };
-        export namespace accent_2 {
-            let DEFAULT_10: string;
-            export { DEFAULT_10 as DEFAULT };
-            let hover_6: string;
-            export { hover_6 as hover };
-        }
-        export { accent_2 as accent };
-    }
-    export { surface_3 as surface };
-    export namespace text_2 {
-        let DEFAULT_11: string;
-        export { DEFAULT_11 as DEFAULT };
-        let primary_8: string;
-        export { primary_8 as primary };
-        let secondary_5: string;
-        export { secondary_5 as secondary };
-    }
-    export { text_2 as text };
-}
-export namespace bjornstigen {
-    let background_4: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_4 as background };
-    export namespace surface_4 {
-        export namespace primary_9 {
-            let DEFAULT_12: string;
-            export { DEFAULT_12 as DEFAULT };
-            let hover_7: string;
-            export { hover_7 as hover };
-        }
-        export { primary_9 as primary };
-        export namespace accent_3 {
-            let DEFAULT_13: string;
-            export { DEFAULT_13 as DEFAULT };
-            let hover_8: string;
-            export { hover_8 as hover };
-        }
-        export { accent_3 as accent };
-    }
-    export { surface_4 as surface };
-    export namespace text_3 {
-        let DEFAULT_14: string;
-        export { DEFAULT_14 as DEFAULT };
-        let primary_10: string;
-        export { primary_10 as primary };
-        let secondary_6: string;
-        export { secondary_6 as secondary };
-    }
-    export { text_3 as text };
-}
-export namespace error {
-    let DEFAULT_15: string;
-    export { DEFAULT_15 as DEFAULT };
-    let background_5: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_5 as background };
-    export namespace surface_5 {
-        export namespace primary_11 {
-            let DEFAULT_16: string;
-            export { DEFAULT_16 as DEFAULT };
-            let hover_9: string;
-            export { hover_9 as hover };
-        }
-        export { primary_11 as primary };
-        export namespace accent_4 {
-            let DEFAULT_17: string;
-            export { DEFAULT_17 as DEFAULT };
-            let hover_10: string;
-            export { hover_10 as hover };
-        }
-        export { accent_4 as accent };
-    }
-    export { surface_5 as surface };
-    export namespace text_4 {
-        let DEFAULT_18: string;
-        export { DEFAULT_18 as DEFAULT };
-        let primary_12: string;
-        export { primary_12 as primary };
-        let secondary_7: string;
-        export { secondary_7 as secondary };
-    }
-    export { text_4 as text };
-}
-export namespace warning {
-    let DEFAULT_19: string;
-    export { DEFAULT_19 as DEFAULT };
-    let background_6: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_6 as background };
-    export namespace surface_6 {
-        export namespace primary_13 {
-            let DEFAULT_20: string;
-            export { DEFAULT_20 as DEFAULT };
-            let hover_11: string;
-            export { hover_11 as hover };
-        }
-        export { primary_13 as primary };
-        export namespace accent_5 {
-            let DEFAULT_21: string;
-            export { DEFAULT_21 as DEFAULT };
-            let hover_12: string;
-            export { hover_12 as hover };
-        }
-        export { accent_5 as accent };
-    }
-    export { surface_6 as surface };
-    export namespace text_5 {
-        let DEFAULT_22: string;
-        export { DEFAULT_22 as DEFAULT };
-        let primary_14: string;
-        export { primary_14 as primary };
-        let secondary_8: string;
-        export { secondary_8 as secondary };
-    }
-    export { text_5 as text };
-}
-export namespace info {
-    let DEFAULT_23: string;
-    export { DEFAULT_23 as DEFAULT };
-    let background_7: {
-        100: string;
-        200: string;
-        300: string;
-    };
-    export { background_7 as background };
-    export namespace surface_7 {
-        export namespace primary_15 {
-            let DEFAULT_24: string;
-            export { DEFAULT_24 as DEFAULT };
-            let hover_13: string;
-            export { hover_13 as hover };
-        }
-        export { primary_15 as primary };
-        export namespace accent_6 {
-            let DEFAULT_25: string;
-            export { DEFAULT_25 as DEFAULT };
-            let hover_14: string;
-            export { hover_14 as hover };
-        }
-        export { accent_6 as accent };
-    }
-    export { surface_7 as surface };
-    export namespace text_6 {
-        let DEFAULT_26: string;
-        export { DEFAULT_26 as DEFAULT };
-        let primary_16: string;
-        export { primary_16 as primary };
-        let secondary_9: string;
-        export { secondary_9 as secondary };
-    }
-    export { text_6 as text };
-}
-export namespace success {
-    let DEFAULT_27: string;
-    export { DEFAULT_27 as DEFAULT };
-    let background_8: {
-        100: string;
-        200: string;
-        300: string;
+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;
+        };
     };
-    export { background_8 as background };
-    export namespace surface_8 {
-        export namespace primary_17 {
-            let DEFAULT_28: string;
-            export { DEFAULT_28 as DEFAULT };
-            let hover_15: string;
-            export { hover_15 as hover };
-        }
-        export { primary_17 as primary };
-        export namespace accent_7 {
-            let DEFAULT_29: string;
-            export { DEFAULT_29 as DEFAULT };
-            let hover_16: string;
-            export { hover_16 as hover };
-        }
-        export { accent_7 as accent };
-    }
-    export { surface_8 as surface };
-    export namespace text_7 {
-        let DEFAULT_30: string;
-        export { DEFAULT_30 as DEFAULT };
-        let primary_18: string;
-        export { primary_18 as primary };
-        let secondary_10: string;
-        export { secondary_10 as secondary };
-    }
-    export { text_7 as text };
-}
-export namespace inverted {
-    let body_1: string;
-    export { body_1 as body };
-    let black_1: string;
-    export { black_1 as black };
-    let white_1: string;
-    export { white_1 as white };
-    let ring_1: string;
-    export { ring_1 as ring };
-    let primary_19: {
+    body: string;
+    black: string;
+    white: string;
+    ring: string;
+    primary: {
         DEFAULT: string;
         surface: {
             DEFAULT: string;
@@ -511,8 +137,7 @@ export namespace inverted {
         900: string;
         darkest: string;
     };
-    export { primary_19 as primary };
-    let secondary_11: {
+    secondary: {
         DEFAULT: string;
         outline: {
             DEFAULT: string;
@@ -536,52 +161,31 @@ export namespace inverted {
         900: string;
         darkest: string;
     };
-    export { secondary_11 as secondary };
-    export namespace tertiary_1 {
-        export namespace surface_9 {
-            let DEFAULT_31: string;
-            export { DEFAULT_31 as DEFAULT };
-            let hover_17: string;
-            export { hover_17 as hover };
-            let disabled_3: string;
-            export { disabled_3 as disabled };
-        }
-        export { surface_9 as surface };
-    }
-    export { tertiary_1 as tertiary };
-    export namespace dark_1 {
-        let DEFAULT_32: string;
-        export { DEFAULT_32 as DEFAULT };
-        let primary_20: string;
-        export { primary_20 as primary };
-        let secondary_12: string;
-        export { secondary_12 as secondary };
-        let disabled_4: string;
-        export { disabled_4 as disabled };
-        let placeholder_2: string;
-        export { placeholder_2 as placeholder };
-        let ghost_2: string;
-        export { ghost_2 as ghost };
-    }
-    export { dark_1 as dark };
-    export namespace light_1 {
-        let DEFAULT_33: string;
-        export { DEFAULT_33 as DEFAULT };
-        let primary_21: string;
-        export { primary_21 as primary };
-        let secondary_13: string;
-        export { secondary_13 as secondary };
-        let disabled_5: string;
-        export { disabled_5 as disabled };
-        let placeholder_3: string;
-        export { placeholder_3 as placeholder };
-        let ghost_3: string;
-        export { ghost_3 as ghost };
-    }
-    export { light_1 as light };
-    let divider_1: string;
-    export { divider_1 as divider };
-    let background_9: {
+    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;
@@ -591,293 +195,449 @@ export namespace inverted {
             2: string;
         };
     };
-    export { background_9 as background };
-    export namespace vattjom_1 {
-        let background_10: {
+    vattjom: {
+        background: {
             100: string;
             200: string;
             300: string;
         };
-        export { background_10 as background };
-        export namespace surface_10 {
-            export namespace primary_22 {
-                let DEFAULT_34: string;
-                export { DEFAULT_34 as DEFAULT };
-                let hover_18: string;
-                export { hover_18 as hover };
-            }
-            export { primary_22 as primary };
-            export namespace accent_8 {
-                let DEFAULT_35: string;
-                export { DEFAULT_35 as DEFAULT };
-                let hover_19: string;
-                export { hover_19 as hover };
-            }
-            export { accent_8 as accent };
-        }
-        export { surface_10 as surface };
-        export namespace text_8 {
-            let DEFAULT_36: string;
-            export { DEFAULT_36 as DEFAULT };
-            let primary_23: string;
-            export { primary_23 as primary };
-            let secondary_14: string;
-            export { secondary_14 as secondary };
-        }
-        export { text_8 as text };
-    }
-    export { vattjom_1 as vattjom };
-    export namespace gronsta_1 {
-        let background_11: {
+        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;
         };
-        export { background_11 as background };
-        export namespace surface_11 {
-            export namespace primary_24 {
-                let DEFAULT_37: string;
-                export { DEFAULT_37 as DEFAULT };
-                let hover_20: string;
-                export { hover_20 as hover };
-            }
-            export { primary_24 as primary };
-            export namespace accent_9 {
-                let DEFAULT_38: string;
-                export { DEFAULT_38 as DEFAULT };
-                let hover_21: string;
-                export { hover_21 as hover };
-            }
-            export { accent_9 as accent };
-        }
-        export { surface_11 as surface };
-        export namespace text_9 {
-            let DEFAULT_39: string;
-            export { DEFAULT_39 as DEFAULT };
-            let primary_25: string;
-            export { primary_25 as primary };
-            let secondary_15: string;
-            export { secondary_15 as secondary };
-        }
-        export { text_9 as text };
-    }
-    export { gronsta_1 as gronsta };
-    export namespace juniskar_1 {
-        let background_12: {
+        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;
         };
-        export { background_12 as background };
-        export namespace surface_12 {
-            export namespace primary_26 {
-                let DEFAULT_40: string;
-                export { DEFAULT_40 as DEFAULT };
-                let hover_22: string;
-                export { hover_22 as hover };
-            }
-            export { primary_26 as primary };
-            export namespace accent_10 {
-                let DEFAULT_41: string;
-                export { DEFAULT_41 as DEFAULT };
-                let hover_23: string;
-                export { hover_23 as hover };
-            }
-            export { accent_10 as accent };
-        }
-        export { surface_12 as surface };
-        export namespace text_10 {
-            let DEFAULT_42: string;
-            export { DEFAULT_42 as DEFAULT };
-            let primary_27: string;
-            export { primary_27 as primary };
-            let secondary_16: string;
-            export { secondary_16 as secondary };
-        }
-        export { text_10 as text };
-    }
-    export { juniskar_1 as juniskar };
-    export namespace bjornstigen_1 {
-        let background_13: {
+        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;
         };
-        export { background_13 as background };
-        export namespace surface_13 {
-            export namespace primary_28 {
-                let DEFAULT_43: string;
-                export { DEFAULT_43 as DEFAULT };
-                let hover_24: string;
-                export { hover_24 as hover };
-            }
-            export { primary_28 as primary };
-            export namespace accent_11 {
-                let DEFAULT_44: string;
-                export { DEFAULT_44 as DEFAULT };
-                let hover_25: string;
-                export { hover_25 as hover };
-            }
-            export { accent_11 as accent };
-        }
-        export { surface_13 as surface };
-        export namespace text_11 {
-            let DEFAULT_45: string;
-            export { DEFAULT_45 as DEFAULT };
-            let primary_29: string;
-            export { primary_29 as primary };
-            let secondary_17: string;
-            export { secondary_17 as secondary };
-        }
-        export { text_11 as text };
-    }
-    export { bjornstigen_1 as bjornstigen };
-    export namespace error_1 {
-        let DEFAULT_46: string;
-        export { DEFAULT_46 as DEFAULT };
-        let background_14: {
+        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;
         };
-        export { background_14 as background };
-        export namespace surface_14 {
-            export namespace primary_30 {
-                let DEFAULT_47: string;
-                export { DEFAULT_47 as DEFAULT };
-                let hover_26: string;
-                export { hover_26 as hover };
-            }
-            export { primary_30 as primary };
-            export namespace accent_12 {
-                let DEFAULT_48: string;
-                export { DEFAULT_48 as DEFAULT };
-                let hover_27: string;
-                export { hover_27 as hover };
-            }
-            export { accent_12 as accent };
-        }
-        export { surface_14 as surface };
-        export namespace text_12 {
-            let DEFAULT_49: string;
-            export { DEFAULT_49 as DEFAULT };
-            let primary_31: string;
-            export { primary_31 as primary };
-            let secondary_18: string;
-            export { secondary_18 as secondary };
-        }
-        export { text_12 as text };
-    }
-    export { error_1 as error };
-    export namespace warning_1 {
-        let DEFAULT_50: string;
-        export { DEFAULT_50 as DEFAULT };
-        let background_15: {
+        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;
         };
-        export { background_15 as background };
-        export namespace surface_15 {
-            export namespace primary_32 {
-                let DEFAULT_51: string;
-                export { DEFAULT_51 as DEFAULT };
-                let hover_28: string;
-                export { hover_28 as hover };
-            }
-            export { primary_32 as primary };
-            export namespace accent_13 {
-                let DEFAULT_52: string;
-                export { DEFAULT_52 as DEFAULT };
-                let hover_29: string;
-                export { hover_29 as hover };
-            }
-            export { accent_13 as accent };
-        }
-        export { surface_15 as surface };
-        export namespace text_13 {
-            let DEFAULT_53: string;
-            export { DEFAULT_53 as DEFAULT };
-            let primary_33: string;
-            export { primary_33 as primary };
-            let secondary_19: string;
-            export { secondary_19 as secondary };
-        }
-        export { text_13 as text };
-    }
-    export { warning_1 as warning };
-    export namespace info_1 {
-        let DEFAULT_54: string;
-        export { DEFAULT_54 as DEFAULT };
-        let background_16: {
+        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;
         };
-        export { background_16 as background };
-        export namespace surface_16 {
-            export namespace primary_34 {
-                let DEFAULT_55: string;
-                export { DEFAULT_55 as DEFAULT };
-                let hover_30: string;
-                export { hover_30 as hover };
-            }
-            export { primary_34 as primary };
-            export namespace accent_14 {
-                let DEFAULT_56: string;
-                export { DEFAULT_56 as DEFAULT };
-                let hover_31: string;
-                export { hover_31 as hover };
-            }
-            export { accent_14 as accent };
-        }
-        export { surface_16 as surface };
-        export namespace text_14 {
-            let DEFAULT_57: string;
-            export { DEFAULT_57 as DEFAULT };
-            let primary_35: string;
-            export { primary_35 as primary };
-            let secondary_20: string;
-            export { secondary_20 as secondary };
-        }
-        export { text_14 as text };
-    }
-    export { info_1 as info };
-    export namespace success_1 {
-        let DEFAULT_58: string;
-        export { DEFAULT_58 as DEFAULT };
-        let background_17: {
+        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;
         };
-        export { background_17 as background };
-        export namespace surface_17 {
-            export namespace primary_36 {
-                let DEFAULT_59: string;
-                export { DEFAULT_59 as DEFAULT };
-                let hover_32: string;
-                export { hover_32 as hover };
-            }
-            export { primary_36 as primary };
-            export namespace accent_15 {
-                let DEFAULT_60: string;
-                export { DEFAULT_60 as DEFAULT };
-                let hover_33: string;
-                export { hover_33 as hover };
-            }
-            export { accent_15 as accent };
-        }
-        export { surface_17 as surface };
-        export namespace text_15 {
-            let DEFAULT_61: string;
-            export { DEFAULT_61 as DEFAULT };
-            let primary_37: string;
-            export { primary_37 as primary };
-            let secondary_21: string;
-            export { secondary_21 as secondary };
-        }
-        export { text_15 as text };
-    }
-    export { success_1 as success };
-}
+        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 };