@pingux/astro 2.182.2-alpha.0 → 2.182.3-alpha.0

package/lib/cjs/{libs/astro/src/styles → styles}/themes/next-gen/next-gen.d.ts

@@ -3,135 +3,135 @@ declare const _default: {
     name: string;
     colors: {
         badge: {
-            textColor: string;
-            background: string;
+            textColor: any;
+            background: any;
         };
         card: {
-            blue: string;
-            gray: string;
+            blue: any;
+            gray: any;
         };
         critical: {
-            bright: string;
-            dark: string;
-            light: string;
+            bright: any;
+            dark: any;
+            light: any;
         };
         success: {
-            bright: string;
-            dark: string;
-            light: string;
+            bright: any;
+            dark: any;
+            light: any;
         };
         warning: {
-            bright: string;
-            dark: string;
-            light: string;
+            bright: any;
+            dark: any;
+            light: any;
         };
         info: {
-            bright: string;
-            dark: string;
-            light: string;
+            bright: any;
+            dark: any;
+            light: any;
         };
         text: {
-            primary: string;
-            secondary: string;
-            message: string;
-            fieldHelper: string;
+            primary: any;
+            secondary: any;
+            message: any;
+            fieldHelper: any;
         };
         border: {
-            base: string;
-            input: string;
-            separator: string;
-            hairline: string;
-        };
-        active: string;
-        primary: string;
-        background: string;
+            base: any;
+            input: any;
+            separator: any;
+            hairline: any;
+        };
+        active: any;
+        primary: any;
+        background: any;
         backgroundBase: string;
-        backgroundSecondary: string;
-        backgroundCard: string;
+        backgroundSecondary: any;
+        backgroundCard: any;
         backgroundSuggestion: string;
-        backgroundHover: string;
+        backgroundHover: any;
         iconWrapper: {
             wrapper: {
-                orange: string;
-                cyan: string;
-                green: string;
-                purple: string;
-                pink: string;
-                red: string;
-                yellow: string;
-                teal: string;
-                blue: string;
-                indigo: string;
-                lightBlue: string;
-                lightPink: string;
-                lightGreen: string;
-                lightYellow: string;
-                lightIndigo: string;
+                orange: any;
+                cyan: any;
+                green: any;
+                purple: any;
+                pink: any;
+                red: any;
+                yellow: any;
+                teal: any;
+                blue: any;
+                indigo: any;
+                lightBlue: any;
+                lightPink: any;
+                lightGreen: any;
+                lightYellow: any;
+                lightIndigo: any;
             };
             icon: {
-                orange: string;
-                cyan: string;
-                green: string;
-                purple: string;
-                pink: string;
-                red: string;
-                yellow: string;
-                teal: string;
-                blue: string;
-                indigo: string;
-                lightBlue: string;
-                lightPink: string;
-                lightGreen: string;
-                lightYellow: string;
-                lightIndigo: string;
+                orange: any;
+                cyan: any;
+                green: any;
+                purple: any;
+                pink: any;
+                red: any;
+                yellow: any;
+                teal: any;
+                blue: any;
+                indigo: any;
+                lightBlue: any;
+                lightPink: any;
+                lightGreen: any;
+                lightYellow: any;
+                lightIndigo: any;
             };
         };
         tooltip: string;
         codeEditor: {
-            backgroundColor: string;
-            headerColor: string;
+            backgroundColor: any;
+            headerColor: any;
         };
         twoTone: {
             bg: {
-                orange: string;
-                cyan: string;
-                green: string;
-                purple: string;
-                pink: string;
-                red: string;
-                yellow: string;
-                teal: string;
-                blue: string;
-                indigo: string;
-                lightBlue: string;
-                lightPink: string;
-                lightGreen: string;
-                lightYellow: string;
-                lightIndigo: string;
+                orange: any;
+                cyan: any;
+                green: any;
+                purple: any;
+                pink: any;
+                red: any;
+                yellow: any;
+                teal: any;
+                blue: any;
+                indigo: any;
+                lightBlue: any;
+                lightPink: any;
+                lightGreen: any;
+                lightYellow: any;
+                lightIndigo: any;
             };
             text: {
-                orange: string;
-                cyan: string;
-                green: string;
-                purple: string;
-                pink: string;
-                red: string;
-                yellow: string;
-                teal: string;
-                blue: string;
-                indigo: string;
-                lightBlue: string;
-                lightPink: string;
-                lightGreen: string;
-                lightYellow: string;
-                lightIndigo: string;
+                orange: any;
+                cyan: any;
+                green: any;
+                purple: any;
+                pink: any;
+                red: any;
+                yellow: any;
+                teal: any;
+                blue: any;
+                indigo: any;
+                lightBlue: any;
+                lightPink: any;
+                lightGreen: any;
+                lightYellow: any;
+                lightIndigo: any;
             };
         };
         neutral: {
             80: string;
         };
-        focus: string;
-        disabled: string;
+        focus: any;
+        disabled: any;
         white: string;
         'blue-100': string;
         'blue-200': string;
@@ -267,40 +267,40 @@ declare const _default: {
         critical_pressed: string;
         critical_light: string;
         warning_light: string;
-        lightblue: string;
-        lightindigo: string;
-        lightpurple: string;
-        lightpink: string;
-        lightred: string;
-        lightorange: string;
-        lightyellow: string;
-        lightgreen: string;
-        lightteal: string;
-        lightcyan: string;
-        darkblue: string;
-        darkindigo: string;
-        darkpurple: string;
-        darkpink: string;
-        darkred: string;
-        darkorange: string;
-        darkyellow: string;
-        darkgreen: string;
-        darkteal: string;
-        darkcyan: string;
-        mediumblue: string;
-        mediumindigo: string;
-        mediumpurple: string;
-        mediumpink: string;
-        mediumred: string;
-        mediumorange: string;
-        mediumyellow: string;
-        mediumgreen: string;
-        mediumteal: string;
-        mediumcyan: string;
-        secondary: string;
-        danger: string;
-        light: string;
-        dark: string;
+        lightblue: any;
+        lightindigo: any;
+        lightpurple: any;
+        lightpink: any;
+        lightred: any;
+        lightorange: any;
+        lightyellow: any;
+        lightgreen: any;
+        lightteal: any;
+        lightcyan: any;
+        darkblue: any;
+        darkindigo: any;
+        darkpurple: any;
+        darkpink: any;
+        darkred: any;
+        darkorange: any;
+        darkyellow: any;
+        darkgreen: any;
+        darkteal: any;
+        darkcyan: any;
+        mediumblue: any;
+        mediumindigo: any;
+        mediumpurple: any;
+        mediumpink: any;
+        mediumred: any;
+        mediumorange: any;
+        mediumyellow: any;
+        mediumgreen: any;
+        mediumteal: any;
+        mediumcyan: any;
+        secondary: any;
+        danger: any;
+        light: any;
+        dark: any;
     };
     buttons: {
         neutral: {
@@ -328,8 +328,8 @@ declare const _default: {
             borderRadius: string;
             border: string;
             borderColor: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -347,17 +347,17 @@ declare const _default: {
             backgroundColor: string;
             borderColor: string;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             alignItems: string;
@@ -375,8 +375,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -386,11 +386,11 @@ declare const _default: {
         };
         default: {
             backgroundColor: string;
-            borderColor: string;
-            color: string;
+            borderColor: any;
+            color: any;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -398,8 +398,8 @@ declare const _default: {
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -420,8 +420,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -437,7 +437,7 @@ declare const _default: {
         tertiary: {
             backgroundColor: string;
             borderColor: string;
-            color: string;
+            color: any;
             '&.is-focused': {
                 outlineColor: string;
                 backgroundColor: string;
@@ -446,12 +446,12 @@ declare const _default: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                color: string;
+                color: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
                 backgroundColor: string;
-                color: string;
+                color: any;
             };
             alignItems: string;
             justifyContent: string;
@@ -468,8 +468,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -496,8 +496,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -524,13 +524,13 @@ declare const _default: {
                 outlineOffset: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
             };
             alignItems: string;
@@ -548,8 +548,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -568,17 +568,17 @@ declare const _default: {
             paddingTop: string;
             paddingBottom: string;
             backgroundColor: string;
-            color: string;
-            borderColor: string;
+            color: any;
+            borderColor: any;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -594,8 +594,8 @@ declare const _default: {
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
@@ -621,23 +621,17 @@ declare const _default: {
             color: string;
             borderColor: string;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: {
-                    bg: string;
-                    border: string;
-                };
-                borderColor: {
-                    bg: string;
-                    border: string;
-                };
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             alignItems: string;
@@ -650,8 +644,8 @@ declare const _default: {
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
@@ -677,8 +671,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -713,8 +707,8 @@ declare const _default: {
             borderRadius: string;
             border: string;
             borderColor: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -766,8 +760,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -783,8 +777,8 @@ declare const _default: {
             transition: string;
             fontSize: string;
             textDecoration: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             '&.is-pressed': {
                 textDecoration: string;
                 outline: string;
@@ -822,7 +816,7 @@ declare const _default: {
                     outlineOffset: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     path: {
                         fill: string;
                     };
@@ -851,7 +845,7 @@ declare const _default: {
                     outlineOffset: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     path: {
                         fill: string;
                     };
@@ -902,14 +896,14 @@ declare const _default: {
         withIcon: {
             display: string;
             path: {
-                fill: string;
+                fill: any;
             };
             backgroundColor: string;
-            borderColor: string;
-            color: string;
+            borderColor: any;
+            color: any;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -917,8 +911,8 @@ declare const _default: {
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -938,8 +932,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -958,17 +952,17 @@ declare const _default: {
             backgroundColor: string;
             borderColor: string;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             alignItems: string;
@@ -985,8 +979,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -997,7 +991,7 @@ declare const _default: {
         inlineWithIcon: {
             display: string;
             path: {
-                fill: string;
+                fill: any;
             };
             height: string;
             lineHeight: number;
@@ -1008,17 +1002,17 @@ declare const _default: {
             paddingTop: string;
             paddingBottom: string;
             backgroundColor: string;
-            color: string;
-            borderColor: string;
+            color: any;
+            borderColor: any;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -1034,8 +1028,8 @@ declare const _default: {
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
@@ -1061,23 +1055,17 @@ declare const _default: {
             backgroundColor: string;
             borderColor: string;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: {
-                    bg: string;
-                    border: string;
-                };
-                borderColor: {
-                    bg: string;
-                    border: string;
-                };
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             alignItems: string;
@@ -1090,8 +1078,8 @@ declare const _default: {
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
@@ -1099,16 +1087,16 @@ declare const _default: {
             transition: string;
         };
         colorBlock: {
-            bg: string;
-            borderColor: string;
+            bg: any;
+            borderColor: any;
             borderRadius: string;
             width: number;
             height: number;
             p: string;
             '&.is-hovered': {
                 boxShadow: string;
-                bg: string;
-                borderColor: string;
+                bg: any;
+                borderColor: any;
             };
             '&.is-focused': {
                 outline: string;
@@ -1116,8 +1104,8 @@ declare const _default: {
                 outlineOffset: string;
             };
             '&.is-pressed': {
-                bg: string;
-                borderColor: string;
+                bg: any;
+                borderColor: any;
             };
             '&>svg': {
                 color: string;
@@ -1125,31 +1113,25 @@ declare const _default: {
             };
         };
         colorBlockPrimary: {
-            bg: string;
-            borderColor: string;
+            bg: any;
+            borderColor: any;
             '& span': {
                 color: string;
                 textAlign: string;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: {
-                    bg: string;
-                    border: string;
-                };
-                borderColor: {
-                    bg: string;
-                    border: string;
-                };
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             borderRadius: string;
@@ -1331,13 +1313,13 @@ declare const _default: {
                     p: number;
                     width: number;
                     '&.is-focused': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         outline: string;
                         outlineColor: string;
                         outlineOffset: string;
                     };
                     '&.is-pressed': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         path: {
                             fill: string;
                         };
@@ -1476,13 +1458,13 @@ declare const _default: {
             inverted: {
                 '&.is-hovered': {
                     boxShadow: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-disabled': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-focused': {
                     outline: string;
@@ -1527,13 +1509,13 @@ declare const _default: {
                 height: string;
                 '&.is-hovered': {
                     boxShadow: string;
-                    backgroundColor: string;
+                    backgroundColor: any;
                     path: {
                         fill: string;
                     };
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     path: {
                         fill: string;
                     };
@@ -1561,7 +1543,7 @@ declare const _default: {
                     fill: string;
                 };
                 '&.is-hovered': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     path: {
                         fill: string;
                     };
@@ -1574,8 +1556,8 @@ declare const _default: {
             };
             passwordVisibilityIcon: {
                 right: number;
-                py: number;
-                px: number;
+                py: any;
+                px: any;
                 border: string;
                 '&:hover, &.is-pressed': {
                     background: string;
@@ -1584,7 +1566,7 @@ declare const _default: {
                 '&.is-focused': {
                     outline: string;
                     outlineOffset: string;
-                    outlineColor: string;
+                    outlineColor: any;
                 };
                 position: string;
                 top: string;
@@ -1621,7 +1603,7 @@ declare const _default: {
                         path: {
                             fill: string;
                         };
-                        backgroundColor: string;
+                        backgroundColor: any;
                     };
                     path: {
                         fill: string;
@@ -1693,7 +1675,7 @@ declare const _default: {
                 outlineOffset: string;
             };
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
@@ -1705,7 +1687,7 @@ declare const _default: {
                 };
             };
             display: string;
-            borderColor: string;
+            borderColor: any;
             alignItems: string;
             justifyContent: string;
             flexShrink: number;
@@ -1718,8 +1700,8 @@ declare const _default: {
             verticalAlign: string;
             lineHeight: number;
             borderRadius: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -1746,13 +1728,13 @@ declare const _default: {
         };
         ButtonInputGroupContentRight: {
             right: number;
-            py: number;
-            px: number;
+            py: any;
+            px: any;
             borderRadius: string;
             borderWidth: string;
             borderLeftWidth: string;
             borderRightWidth: string;
-            borderLeftColor: string;
+            borderLeftColor: any;
             position: string;
             top: string;
             transform: string;
@@ -1761,7 +1743,7 @@ declare const _default: {
             justifyContent: string;
             backgroundColor: string;
             borderColor: string;
-            color: string;
+            color: any;
             '&.is-focused': {
                 outlineColor: string;
                 backgroundColor: string;
@@ -1770,12 +1752,12 @@ declare const _default: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                color: string;
+                color: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
                 backgroundColor: string;
-                color: string;
+                color: any;
             };
             alignItems: string;
             flexShrink: number;
@@ -1813,7 +1795,7 @@ declare const _default: {
             input: {
                 borderStyle: string;
                 borderWidth: string;
-                borderRadius: number;
+                borderRadius: any;
                 height: string;
             };
             button: {
@@ -1821,10 +1803,10 @@ declare const _default: {
             };
         };
         select: {
-            borderRadius: number;
+            borderRadius: any;
             borderColor: string;
             color: string;
-            height: number;
+            height: any;
             '&.is-disabled': {
                 opacity: number;
                 borderColor: string;
@@ -1920,7 +1902,7 @@ declare const _default: {
         numberField: {
             arrowsWrapper: {
                 '> textarea': {
-                    borderRadius: number;
+                    borderRadius: any;
                     border: string;
                     borderColor: string;
                     outline: string;
@@ -1931,16 +1913,16 @@ declare const _default: {
                     };
                     opacity: number;
                     '> input': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         border: string;
-                        borderColor: string;
+                        borderColor: any;
                         opacity: number;
                         fontWeight: number;
                     };
                     '> textarea': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         border: string;
-                        borderColor: string;
+                        borderColor: any;
                         opacity: number;
                         fontWeight: number;
                     };
@@ -1956,20 +1938,20 @@ declare const _default: {
                 };
                 '> button': {
                     borderLeftWidth: number;
-                    borderRadius: number;
+                    borderRadius: any;
                     border: string;
-                    borderColor: string;
+                    borderColor: any;
                 };
                 '&.is-read-only': {
                     '> input': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         border: string;
-                        borderColor: string;
+                        borderColor: any;
                     };
                     '> textarea': {
-                        backgroundColor: string;
+                        backgroundColor: any;
                         border: string;
-                        borderColor: string;
+                        borderColor: any;
                     };
                     '&:after': {
                         display: string;
@@ -2937,11 +2919,11 @@ declare const _default: {
         };
         messagesText: {
             '&.is-success, &.is-warning, &.is-error, &.is-default': {
-                color: string;
+                color: any;
                 '& > a': {
                     fontWeight: string;
                     textDecoration: string;
-                    color: string;
+                    color: any;
                 };
             };
         };
@@ -3097,7 +3079,7 @@ declare const _default: {
             wordBreak: string;
         };
         placeholder: {
-            color: string;
+            color: any;
             fontWeight: number;
         };
         paragraph: {
@@ -3304,7 +3286,7 @@ declare const _default: {
         };
         primary: {
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3371,7 +3353,7 @@ declare const _default: {
         };
         countNeutral: {
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3404,7 +3386,7 @@ declare const _default: {
         };
         secondary: {
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3470,7 +3452,7 @@ declare const _default: {
         };
         danger: {
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3503,7 +3485,7 @@ declare const _default: {
         };
         warning: {
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3713,7 +3695,7 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3748,7 +3730,7 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3783,7 +3765,7 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3853,7 +3835,7 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -3953,7 +3935,7 @@ declare const _default: {
         removableBadge: {
             border: string;
             backgroundColor: string;
-            color: string;
+            color: any;
             '& span': {
                 fontWeight: string;
             };
@@ -4165,19 +4147,19 @@ declare const _default: {
         };
     };
     space: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
         xx: string;
     };
     links: {
         app: {
             lineHeight: string;
             '&.is-hovered': {
-                color: string;
-                textDecorationColor: string;
+                color: any;
+                textDecorationColor: any;
             };
             '&.is-focused': {
                 borderRadius: string;
@@ -4185,11 +4167,11 @@ declare const _default: {
                 outlineColor: string;
             };
             '&.is-pressed': {
-                color: string;
-                textDecorationColor: string;
+                color: any;
+                textDecorationColor: any;
             };
             '&:visited': {
-                color: string;
+                color: any;
                 textDecoration: string;
             };
         };
@@ -4211,10 +4193,10 @@ declare const _default: {
             fontFamily: string;
             cursor: string;
             '&.is-hovered': {
-                color: string;
+                color: any;
             };
             '&.is-pressed': {
-                color: string;
+                color: any;
             };
         };
         navItem: {
@@ -4238,10 +4220,10 @@ declare const _default: {
             fontFamily: string;
             cursor: string;
             '&.is-hovered': {
-                color: string;
+                color: any;
             };
             '&.is-pressed': {
-                color: string;
+                color: any;
             };
         };
         sideNav: {
@@ -4261,7 +4243,7 @@ declare const _default: {
                 transition: string;
             };
             '&.is-selected': {
-                color: string;
+                color: any;
                 '&:before': {
                     backgroundColor: string;
                 };
@@ -4275,10 +4257,10 @@ declare const _default: {
             minHeight: string;
             fontFamily: string;
             '&.is-hovered': {
-                color: string;
+                color: any;
             };
             '&.is-pressed': {
-                color: string;
+                color: any;
             };
         };
         footerLinks: {
@@ -4298,7 +4280,7 @@ declare const _default: {
                 transition: string;
             };
             '&.is-selected': {
-                color: string;
+                color: any;
                 '&:before': {
                     backgroundColor: string;
                 };
@@ -4312,10 +4294,10 @@ declare const _default: {
             minHeight: string;
             fontFamily: string;
             '&.is-hovered': {
-                color: string;
+                color: any;
             };
             '&.is-pressed': {
-                color: string;
+                color: any;
             };
         };
         footerHeader: {
@@ -4336,7 +4318,7 @@ declare const _default: {
                 transition: string;
             };
             '&.is-selected': {
-                color: string;
+                color: any;
                 '&:before': {
                     backgroundColor: string;
                 };
@@ -4350,20 +4332,20 @@ declare const _default: {
             minHeight: string;
             fontFamily: string;
             '&.is-hovered': {
-                color: string;
+                color: any;
             };
             '&.is-pressed': {
-                color: string;
+                color: any;
             };
         };
         button: {
             textDecoration: string;
             backgroundColor: string;
-            borderColor: string;
-            color: string;
+            borderColor: any;
+            color: any;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -4371,8 +4353,8 @@ declare const _default: {
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 color: string;
                 path: {
                     fill: string;
@@ -4393,8 +4375,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -4413,17 +4395,17 @@ declare const _default: {
             backgroundColor: string;
             borderColor: string;
             '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
             };
             '&.is-focused': {
-                backgroundColor: string;
-                borderColor: string;
+                backgroundColor: any;
+                borderColor: any;
                 outline: string;
             };
             alignItems: string;
@@ -4441,8 +4423,8 @@ declare const _default: {
             lineHeight: number;
             borderRadius: string;
             border: string;
-            px: number;
-            py: number;
+            px: any;
+            py: any;
             maxHeight: string;
             height: string;
             '&.is-disabled': {
@@ -4486,7 +4468,7 @@ declare const _default: {
             boxShadow: string;
             borderRadius: string;
             border: string;
-            borderColor: string;
+            borderColor: any;
             transition: string;
             '&.is-focused': {
                 backgroundColor: string;
@@ -4529,7 +4511,7 @@ declare const _default: {
             flex: string;
         };
         activeCard: {
-            borderColor: string;
+            borderColor: any;
             '&.is-hovered': {
                 borderColor: string;
                 bg: string;
@@ -4547,7 +4529,7 @@ declare const _default: {
         };
         container: {
             p: string;
-            borderColor: string;
+            borderColor: any;
             lineHeight: string;
             boxShadow: string;
             border: string;
@@ -4598,7 +4580,7 @@ declare const _default: {
         };
         tableWrapper: {
             p: string;
-            borderColor: string;
+            borderColor: any;
             lineHeight: string;
             boxShadow: string;
             border: string;
@@ -4613,7 +4595,7 @@ declare const _default: {
             boxShadow: string;
             backgroundColor: string;
             p: string;
-            borderColor: string;
+            borderColor: any;
             lineHeight: string;
             border: string;
             borderRadius: string;
@@ -4654,7 +4636,7 @@ declare const _default: {
                 minHeight: string;
                 border: string;
                 '&.is-hovered': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-focused': {
                     outline: string;
@@ -4778,7 +4760,7 @@ declare const _default: {
             '&.is-logo': {
                 borderWidth: string;
                 borderStyle: string;
-                borderColor: string;
+                borderColor: any;
                 backgroundColor: string;
                 '&.size-sm': {
                     img: {
@@ -5240,14 +5222,14 @@ declare const _default: {
             selectableTableRow: {
                 bg: string;
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-selected': {
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-focused': {
                     boxShadow: string;
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-disabled': {
                     opacity: string;
@@ -5317,7 +5299,7 @@ declare const _default: {
             container: {
                 fontFamily: string;
                 justifyContent: string;
-                backgroundColor: string;
+                backgroundColor: any;
             };
             wrapper: {
                 px: string[];
@@ -5464,19 +5446,19 @@ declare const _default: {
             styledListItem: {
                 bg: string;
                 '&.is-selected': {
-                    bg: string;
+                    bg: any;
                 };
                 borderBottom: string;
                 '&.has-separator': {
                     borderBottom: string;
-                    borderBottomColor: string;
+                    borderBottomColor: any;
                 };
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-focused': {
                     boxShadow: string;
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-first-item': {
                     borderTopLeftRadius: string;
@@ -5514,14 +5496,14 @@ declare const _default: {
                     };
                 };
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-selected': {
-                    bg: string;
+                    bg: any;
                 };
                 '&.is-focused': {
                     boxShadow: string;
-                    bg: string;
+                    bg: any;
                 };
             };
             expandableItemBody: {
@@ -5537,7 +5519,7 @@ declare const _default: {
             };
             expandableRow: {
                 '&.has-separator': {
-                    borderBottomColor: string;
+                    borderBottomColor: any;
                 };
                 '&.has-separator.is-last-row': {
                     border: string;
@@ -5558,26 +5540,26 @@ declare const _default: {
         };
         lisViewItemChart: {
             title: {
-                color: string;
+                color: any;
                 fontSize: string;
             };
             count: {
-                color: string;
+                color: any;
                 fontSize: string;
             };
             countLabel: {
-                color: string;
+                color: any;
                 fontSize: string;
             };
             chartLabel: {
-                color: string;
+                color: any;
                 fontSize: string;
             };
             trend: {
-                color: string;
+                color: any;
             };
             chartButton: {
-                color: string;
+                color: any;
             };
         };
         loader: {
@@ -5599,20 +5581,20 @@ declare const _default: {
                 bg: string;
                 padding: string;
                 outline: string;
-                color: string;
+                color: any;
                 fontSize: string;
                 lineHeight: string;
                 cursor: string;
                 borderRadius: string;
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                     color: string;
                     '> *': {
                         color: string;
                     };
                 };
                 '&.is-focused': {
-                    bg: string;
+                    bg: any;
                     color: string;
                     outline: string;
                     outlineOffset: string;
@@ -5662,11 +5644,11 @@ declare const _default: {
                 p: string;
                 wordBreak: string;
                 alignItems: string;
-                backgroundColor: string;
+                backgroundColor: any;
                 borderLeftWidth: string;
                 borderLeftStyle: string;
                 borderLeftColor: string;
-                color: string;
+                color: any;
                 fontSize: string;
                 lineHeight: string;
                 borderRadius: number;
@@ -5674,23 +5656,23 @@ declare const _default: {
                     minWidth: string;
                     width: string;
                     height: string;
-                    color: string;
+                    color: any;
                     path: {
-                        fill: string;
+                        fill: any;
                         transform: string;
                         transformOrigin: string;
                     };
                     alignSelf: string;
                 };
                 '&.is-success': {
-                    bg: string;
-                    borderLeftColor: string;
-                    color: string;
+                    bg: any;
+                    borderLeftColor: any;
+                    color: any;
                 };
                 '&.is-warning': {
                     bg: string;
-                    borderLeftColor: string;
-                    color: string;
+                    borderLeftColor: any;
+                    color: any;
                 };
                 '&.is-error, > .is-error': {
                     bg: string;
@@ -5698,11 +5680,11 @@ declare const _default: {
                 '&.is-error, > button > svg': {
                     color: string;
                     path: {
-                        fill: string;
+                        fill: any;
                     };
                 };
                 '&.is-error': {
-                    borderLeftColor: string;
+                    borderLeftColor: any;
                 };
             };
         };
@@ -5723,19 +5705,19 @@ declare const _default: {
                 };
                 '&.is-extra-small': {
                     width: string;
-                    maxWidth: (string | number)[];
+                    maxWidth: any[];
                 };
                 '&.is-small': {
                     width: string;
-                    maxWidth: (string | number)[];
+                    maxWidth: any[];
                 };
                 '&.is-medium': {
                     width: string;
-                    maxWidth: (string | number)[];
+                    maxWidth: any[];
                 };
                 '&.is-large': {
                     width: string;
-                    maxWidth: (string | number)[];
+                    maxWidth: any[];
                 };
                 '&.is-full': {
                     width: string;
@@ -5744,7 +5726,7 @@ declare const _default: {
             };
             headingContainer: {
                 borderBottom: string;
-                borderBottomColor: string;
+                borderBottomColor: any;
                 bg: string;
                 borderRadius: string;
             };
@@ -5799,7 +5781,7 @@ declare const _default: {
                     backgroundColor: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-focused': {
                     outline: string;
@@ -5810,7 +5792,7 @@ declare const _default: {
             itemButton: {
                 py: string;
                 paddingLeft: string;
-                color: string;
+                color: any;
                 borderRadius: string;
                 fontWeight: number;
                 fontSize: any;
@@ -5824,20 +5806,20 @@ declare const _default: {
                     backgroundColor: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
-                    color: string;
+                    backgroundColor: any;
+                    color: any;
                 };
                 '&.is-selected': {
-                    bg: string;
+                    bg: any;
                     boxShadow: string;
                     color: string;
                 };
             };
             subtitle: {
-                color: string;
+                color: any;
             };
             headerText: {
-                color: string;
+                color: any;
                 fontWeight: number;
                 fontSize: any;
                 lineHeight: string;
@@ -5861,19 +5843,19 @@ declare const _default: {
             item: {
                 px: string;
                 py: string;
-                color: string;
+                color: any;
                 borderRadius: string;
                 '&.is-hovered': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '> div > svg': {
-                    fill: string;
+                    fill: any;
                 };
                 '> div > span': {
                     color: string;
                 };
                 '&.is-pressed': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 '&.is-selected': {
                     '> div > svg': {
@@ -5885,7 +5867,7 @@ declare const _default: {
                     '&.is-hovered': {
                         backgroundColor: string;
                     };
-                    backgroundColor: string;
+                    backgroundColor: any;
                     boxShadow: string;
                 };
                 '&.is-focused': {
@@ -5912,7 +5894,7 @@ declare const _default: {
                     '> div > span': {
                         color: string;
                     };
-                    backgroundColor: string;
+                    backgroundColor: any;
                     boxShadow: string;
                 };
                 '&.is-hovered': {
@@ -5920,10 +5902,10 @@ declare const _default: {
                 };
                 backgroundColor: string;
                 '> svg': {
-                    fill: string;
+                    fill: any;
                 };
                 '> div > svg': {
-                    fill: string;
+                    fill: any;
                 };
             };
             navBarItemBody: {
@@ -6002,18 +5984,18 @@ declare const _default: {
                 '&.is-dark-mode': {
                     color: string;
                     alignItems: string;
-                    bg: string;
+                    bg: any;
                     '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
-                        borderTopColor: string;
+                        borderTopColor: any;
                     };
                     '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
-                        borderBottomColor: string;
+                        borderBottomColor: any;
                     };
                     '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
-                        borderLeftColor: string;
+                        borderLeftColor: any;
                     };
                     '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
-                        borderRightColor: string;
+                        borderRightColor: any;
                     };
                 };
             };
@@ -6100,17 +6082,17 @@ declare const _default: {
                     outlineOffset: string;
                 };
                 '&.is-unavailable': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     color: string;
                 };
                 '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
-                    backgroundColor: string;
+                    backgroundColor: any;
                     color: string;
                     opacity: number;
                 };
                 '&.is-disabled': {
                     '&.is-hovered': {
-                        color: string;
+                        color: any;
                         backgroundColor: string;
                     };
                 };
@@ -6403,7 +6385,7 @@ declare const _default: {
                 borderBottomColor: string;
                 '&.is-inactive': {
                     borderBottomStyle: string;
-                    borderBottomColor: string;
+                    borderBottomColor: any;
                 };
                 '&.is-default': {
                     width: string;
@@ -6412,7 +6394,7 @@ declare const _default: {
                     borderBottomWidth: number;
                     borderRightWidth: string;
                     borderRightStyle: string;
-                    borderRightColor: string;
+                    borderRightColor: any;
                     my: string;
                 };
             };
@@ -6467,7 +6449,7 @@ declare const _default: {
                         fontWeight: number;
                         fontSize: string;
                         backgroundColor: string;
-                        borderColor: string;
+                        borderColor: any;
                         color: string;
                     };
                 };
@@ -6481,7 +6463,7 @@ declare const _default: {
                     fontWeight: number;
                     fontSize: string;
                     backgroundColor: string;
-                    borderColor: string;
+                    borderColor: any;
                     color: string;
                 };
             };
@@ -6505,59 +6487,59 @@ declare const _default: {
         statusIcon: {
             base: {
                 '&.is-default': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-critical': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-warning': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-info': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-major': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-minor': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-warning-neutral': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-fatal': {
-                    bg: string;
+                    bg: any;
                     span: {
                         fontSize: string;
-                        color: string;
+                        color: any;
                     };
                 };
                 '&.is-selected.is-selected': {
@@ -6758,7 +6740,7 @@ declare const _default: {
         };
         tooltip: {
             container: {
-                backgroundColor: string;
+                backgroundColor: any;
                 borderRadius: string;
                 fontSize: string;
                 fontFamily: string;
@@ -6782,7 +6764,7 @@ declare const _default: {
                 };
             };
             inline: {
-                color: string;
+                color: any;
                 '&.is-focused': {
                     outline: string;
                     outlineColor: string;