@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-import { consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
+import { consoleDarkerTheme, consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
 import { ThemeProvider } from './ThemeProvider';
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 type UltravioletUITheme = typeof consoleLightTheme;
@@ -353,12 +353,12 @@ declare const colors: {
     drawer: string;
     dropdown: string;
     fixed: {
-        "0": string;
-        "1": string;
+        '0': string;
+        '1': string;
     };
     fixedReversed: {
-        "0": string;
-        "1": string;
+        '0': string;
+        '1': string;
     };
     focusDanger: string;
     focusInfo: string;
@@ -375,17 +375,17 @@ declare const colors: {
     menu: string;
     modal: string;
     overlay: {
-        "0": string;
-        "1": string;
+        '0': string;
+        '1': string;
     };
     popover: string;
     raised: {
-        "0": string;
-        "1": string;
+        '0': string;
+        '1': string;
     };
     raisedReversed: {
-        "0": string;
-        "1": string;
+        '0': string;
+        '1': string;
     };
     tabBar: {
         active: string;
@@ -729,12 +729,1512 @@ type RecursivePartial<T> = {
  * @param {UltravioletUITheme} baseTheme the theme you want to extend from, by default it is set to light theme
  * @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
  */
-declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>) => UltravioletUITheme;
+declare const extendTheme: (extendedTheme: RecursivePartial<{
+    breakpoints: {
+        large: string;
+        medium: string;
+        small: string;
+        xlarge: string;
+        xsmall: string;
+        xxsmall: string;
+    };
+    colors: {
+        danger: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        info: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        neutral: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStronger: string;
+            backgroundStrongerDisabled: string;
+            backgroundStrongerHover: string;
+            backgroundStrongHover: string;
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakElevated: string;
+            backgroundWeakHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStronger: string;
+            borderStrongerDisabled: string;
+            borderStrongerHover: string;
+            borderStrongHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStronger: string;
+            iconStrongerDisabled: string;
+            iconStrongerHover: string;
+            iconStrongHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStronger: string;
+            textStrongerDisabled: string;
+            textStrongerHover: string;
+            textStrongHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        other: {
+            data: {
+                charts: {
+                    danger: string;
+                    data1: string;
+                    data2: string;
+                    data3: string;
+                    data4: string;
+                    data5: string;
+                    data6: string;
+                    data7: string;
+                    data8: string;
+                    data9: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
+                    success: string;
+                };
+            };
+            elevation: {
+                background: {
+                    fixed: string;
+                    fixedReversed: string;
+                    overlay: string;
+                    raised: string;
+                    raisedReversed: string;
+                };
+            };
+            gradients: {
+                background: {
+                    linear: {
+                        accent: string;
+                        aqua: string;
+                        blue: string;
+                        emerald: string;
+                        fuschia: string;
+                        magenta: string;
+                        primary: string;
+                    };
+                    radial: {
+                        aquaFuschia: string;
+                        aquaPurple: string;
+                        fuschiaPurple: string;
+                        lime: string;
+                        magenta: string;
+                        purple: string;
+                    };
+                };
+                text: {
+                    dark: string;
+                    light: string;
+                };
+            };
+            icon: {
+                category: {
+                    neutral: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                    };
+                    primary: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                    };
+                };
+                product: {
+                    danger: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    original: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    primary: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    warning: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                };
+            };
+            monochrome: {
+                black: {
+                    background: string;
+                    backgroundDisabled: string;
+                    backgroundHover: string;
+                    border: string;
+                    borderDisabled: string;
+                    borderHover: string;
+                    icon: string;
+                    iconDisabled: string;
+                    iconHover: string;
+                    text: string;
+                    textDisabled: string;
+                    textHover: string;
+                };
+                white: {
+                    background: string;
+                    backgroundDisabled: string;
+                    backgroundHover: string;
+                    border: string;
+                    borderDisabled: string;
+                    borderHover: string;
+                    icon: string;
+                    iconDisabled: string;
+                    iconHover: string;
+                    text: string;
+                    textDisabled: string;
+                    textHover: string;
+                };
+            };
+        };
+        overlay: string;
+        primary: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        secondary: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        success: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        warning: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+    };
+    radii: {
+        circle: string;
+        default: string;
+        large: string;
+        none: string;
+        small: string;
+        xlarge: string;
+        xxlarge: string;
+    };
+    shadows: {
+        bulk: string;
+        defaultShadow: string;
+        drawer: string;
+        dropdown: string;
+        fixed: {
+            '0': string;
+            '1': string;
+        };
+        fixedReversed: {
+            '0': string;
+            '1': string;
+        };
+        focusDanger: string;
+        focusInfo: string;
+        focusNeutral: string;
+        focusPrimary: string;
+        focusSuccess: string;
+        focusWarning: string;
+        hoverDanger: string;
+        hoverInfo: string;
+        hoverNeutral: string;
+        hoverPrimary: string;
+        hoverSuccess: string;
+        hoverWarning: string;
+        menu: string;
+        modal: string;
+        overlay: {
+            '0': string;
+            '1': string;
+        };
+        popover: string;
+        raised: {
+            '0': string;
+            '1': string;
+        };
+        raisedReversed: {
+            '0': string;
+            '1': string;
+        };
+        tabBar: {
+            active: string;
+            off: string;
+        };
+        tooltip: string;
+    };
+    sizing: {
+        '0': string;
+        '012': string;
+        '025': string;
+        '050': string;
+        '100': string;
+        '125': string;
+        '150': string;
+        '175': string;
+        '200': string;
+        '250': string;
+        '262': string;
+        '300': string;
+        '312': string;
+        '400': string;
+        '437': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '750': string;
+        '800': string;
+        '900': string;
+        '1000': string;
+    };
+    space: {
+        '0': string;
+        '0.5': string;
+        '0.25': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+    };
+    theme: string;
+    typography: {
+        body: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodyStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodyStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        caption: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        code: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        heading: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLarge: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLargeStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLargeStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+    };
+}>) => {
+    breakpoints: {
+        large: string;
+        medium: string;
+        small: string;
+        xlarge: string;
+        xsmall: string;
+        xxsmall: string;
+    };
+    colors: {
+        danger: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        info: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        neutral: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStronger: string;
+            backgroundStrongerDisabled: string;
+            backgroundStrongerHover: string;
+            backgroundStrongHover: string;
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakElevated: string;
+            backgroundWeakHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStronger: string;
+            borderStrongerDisabled: string;
+            borderStrongerHover: string;
+            borderStrongHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStronger: string;
+            iconStrongerDisabled: string;
+            iconStrongerHover: string;
+            iconStrongHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStronger: string;
+            textStrongerDisabled: string;
+            textStrongerHover: string;
+            textStrongHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        other: {
+            data: {
+                charts: {
+                    danger: string;
+                    data1: string;
+                    data2: string;
+                    data3: string;
+                    data4: string;
+                    data5: string;
+                    data6: string;
+                    data7: string;
+                    data8: string;
+                    data9: string;
+                    data10: string;
+                    data11: string;
+                    data12: string;
+                    data13: string;
+                    data14: string;
+                    success: string;
+                };
+            };
+            elevation: {
+                background: {
+                    fixed: string;
+                    fixedReversed: string;
+                    overlay: string;
+                    raised: string;
+                    raisedReversed: string;
+                };
+            };
+            gradients: {
+                background: {
+                    linear: {
+                        accent: string;
+                        aqua: string;
+                        blue: string;
+                        emerald: string;
+                        fuschia: string;
+                        magenta: string;
+                        primary: string;
+                    };
+                    radial: {
+                        aquaFuschia: string;
+                        aquaPurple: string;
+                        fuschiaPurple: string;
+                        lime: string;
+                        magenta: string;
+                        purple: string;
+                    };
+                };
+                text: {
+                    dark: string;
+                    light: string;
+                };
+            };
+            icon: {
+                category: {
+                    neutral: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                    };
+                    primary: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                    };
+                };
+                product: {
+                    danger: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    original: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    primary: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                    warning: {
+                        fill: string;
+                        fillDisabled: string;
+                        fillStrong: string;
+                        fillStrongDisabled: string;
+                        fillWeak: string;
+                        fillWeakDisabled: string;
+                    };
+                };
+            };
+            monochrome: {
+                black: {
+                    background: string;
+                    backgroundDisabled: string;
+                    backgroundHover: string;
+                    border: string;
+                    borderDisabled: string;
+                    borderHover: string;
+                    icon: string;
+                    iconDisabled: string;
+                    iconHover: string;
+                    text: string;
+                    textDisabled: string;
+                    textHover: string;
+                };
+                white: {
+                    background: string;
+                    backgroundDisabled: string;
+                    backgroundHover: string;
+                    border: string;
+                    borderDisabled: string;
+                    borderHover: string;
+                    icon: string;
+                    iconDisabled: string;
+                    iconHover: string;
+                    text: string;
+                    textDisabled: string;
+                    textHover: string;
+                };
+            };
+        };
+        overlay: string;
+        primary: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        secondary: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        success: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+        warning: {
+            background: string;
+            backgroundDisabled: string;
+            backgroundHover: string;
+            backgroundStrong: string;
+            backgroundStrongDisabled: string;
+            backgroundStrongHover: string;
+            border: string;
+            borderDisabled: string;
+            borderHover: string;
+            borderStrong: string;
+            borderStrongDisabled: string;
+            borderStrongHover: string;
+            icon: string;
+            iconDisabled: string;
+            iconHover: string;
+            iconStrong: string;
+            iconStrongDisabled: string;
+            iconStrongHover: string;
+            text: string;
+            textDisabled: string;
+            textHover: string;
+            textStrong: string;
+            textStrongDisabled: string;
+            textStrongHover: string;
+        };
+    };
+    radii: {
+        circle: string;
+        default: string;
+        large: string;
+        none: string;
+        small: string;
+        xlarge: string;
+        xxlarge: string;
+    };
+    shadows: {
+        bulk: string;
+        defaultShadow: string;
+        drawer: string;
+        dropdown: string;
+        fixed: {
+            '0': string;
+            '1': string;
+        };
+        fixedReversed: {
+            '0': string;
+            '1': string;
+        };
+        focusDanger: string;
+        focusInfo: string;
+        focusNeutral: string;
+        focusPrimary: string;
+        focusSuccess: string;
+        focusWarning: string;
+        hoverDanger: string;
+        hoverInfo: string;
+        hoverNeutral: string;
+        hoverPrimary: string;
+        hoverSuccess: string;
+        hoverWarning: string;
+        menu: string;
+        modal: string;
+        overlay: {
+            '0': string;
+            '1': string;
+        };
+        popover: string;
+        raised: {
+            '0': string;
+            '1': string;
+        };
+        raisedReversed: {
+            '0': string;
+            '1': string;
+        };
+        tabBar: {
+            active: string;
+            off: string;
+        };
+        tooltip: string;
+    };
+    sizing: {
+        '0': string;
+        '012': string;
+        '025': string;
+        '050': string;
+        '100': string;
+        '125': string;
+        '150': string;
+        '175': string;
+        '200': string;
+        '250': string;
+        '262': string;
+        '300': string;
+        '312': string;
+        '400': string;
+        '437': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '750': string;
+        '800': string;
+        '900': string;
+        '1000': string;
+    };
+    space: {
+        '0': string;
+        '0.5': string;
+        '0.25': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+    };
+    theme: string;
+    typography: {
+        body: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodySmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodyStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        bodyStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        caption: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        code: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        codeStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        heading: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLarge: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLargeStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingLargeStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmall: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        headingStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+    };
+};
 type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
 type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "success" | "primary" | "warning" | "secondary")[];
+declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "primary" | "secondary" | "success" | "warning")[];
 export type { UltravioletUITheme, Color, ExtendedColor };
-export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
+export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, consoleDarkerTheme as darkerTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
 export default consoleLightTheme;
 //# sourceMappingURL=index.d.ts.map