@pingux/astro 2.182.1 → 2.182.3-alpha.0

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

@@ -29,8 +29,8 @@ declare const buttons: {
         borderRadius: string;
         border: string;
         borderColor: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -48,17 +48,17 @@ declare const buttons: {
         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;
@@ -76,8 +76,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -87,11 +87,11 @@ declare const buttons: {
     };
     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;
@@ -99,8 +99,8 @@ declare const buttons: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             color: string;
             path: {
                 fill: string;
@@ -121,8 +121,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -138,7 +138,7 @@ declare const buttons: {
     tertiary: {
         backgroundColor: string;
         borderColor: string;
-        color: string;
+        color: any;
         '&.is-focused': {
             outlineColor: string;
             backgroundColor: string;
@@ -147,12 +147,12 @@ declare const buttons: {
         };
         '&.is-pressed': {
             backgroundColor: string;
-            color: string;
+            color: any;
         };
         '&.is-hovered': {
             boxShadow: string;
             backgroundColor: string;
-            color: string;
+            color: any;
         };
         alignItems: string;
         justifyContent: string;
@@ -169,8 +169,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -197,8 +197,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -225,13 +225,13 @@ declare const buttons: {
             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;
@@ -249,8 +249,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -269,17 +269,17 @@ declare const buttons: {
         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;
@@ -295,8 +295,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -322,23 +322,17 @@ declare const buttons: {
         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;
@@ -351,8 +345,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -378,8 +372,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -414,8 +408,8 @@ declare const buttons: {
         borderRadius: string;
         border: string;
         borderColor: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -467,8 +461,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -484,8 +478,8 @@ declare const buttons: {
         transition: string;
         fontSize: string;
         textDecoration: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         '&.is-pressed': {
             textDecoration: string;
             outline: string;
@@ -523,7 +517,7 @@ declare const buttons: {
                 outlineOffset: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
@@ -552,7 +546,7 @@ declare const buttons: {
                 outlineOffset: string;
             };
             '&.is-pressed': {
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
@@ -603,14 +597,14 @@ declare const buttons: {
     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;
@@ -618,8 +612,8 @@ declare const buttons: {
         };
         '&.is-hovered': {
             boxShadow: string;
-            backgroundColor: string;
-            borderColor: string;
+            backgroundColor: any;
+            borderColor: any;
             color: string;
             path: {
                 fill: string;
@@ -639,8 +633,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -659,17 +653,17 @@ declare const buttons: {
         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;
@@ -686,8 +680,8 @@ declare const buttons: {
         lineHeight: number;
         borderRadius: string;
         border: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -698,7 +692,7 @@ declare const buttons: {
     inlineWithIcon: {
         display: string;
         path: {
-            fill: string;
+            fill: any;
         };
         height: string;
         lineHeight: number;
@@ -709,17 +703,17 @@ declare const buttons: {
         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;
@@ -735,8 +729,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -762,23 +756,17 @@ declare const buttons: {
         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;
@@ -791,8 +779,8 @@ declare const buttons: {
         fontWeight: number;
         textAlign: string;
         verticalAlign: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         '&.is-disabled': {
             opacity: number;
@@ -800,16 +788,16 @@ declare const buttons: {
         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;
@@ -817,8 +805,8 @@ declare const buttons: {
             outlineOffset: string;
         };
         '&.is-pressed': {
-            bg: string;
-            borderColor: string;
+            bg: any;
+            borderColor: any;
         };
         '&>svg': {
             color: string;
@@ -826,31 +814,25 @@ declare const buttons: {
         };
     };
     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;
@@ -1032,13 +1014,13 @@ declare const buttons: {
                 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;
                     };
@@ -1177,13 +1159,13 @@ declare const buttons: {
         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;
@@ -1228,13 +1210,13 @@ declare const buttons: {
             height: string;
             '&.is-hovered': {
                 boxShadow: string;
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
             };
             '&.is-pressed': {
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
@@ -1262,7 +1244,7 @@ declare const buttons: {
                 fill: string;
             };
             '&.is-hovered': {
-                backgroundColor: string;
+                backgroundColor: any;
                 path: {
                     fill: string;
                 };
@@ -1275,8 +1257,8 @@ declare const buttons: {
         };
         passwordVisibilityIcon: {
             right: number;
-            py: number;
-            px: number;
+            py: any;
+            px: any;
             border: string;
             '&:hover, &.is-pressed': {
                 background: string;
@@ -1285,7 +1267,7 @@ declare const buttons: {
             '&.is-focused': {
                 outline: string;
                 outlineOffset: string;
-                outlineColor: string;
+                outlineColor: any;
             };
             position: string;
             top: string;
@@ -1322,7 +1304,7 @@ declare const buttons: {
                     path: {
                         fill: string;
                     };
-                    backgroundColor: string;
+                    backgroundColor: any;
                 };
                 path: {
                     fill: string;
@@ -1394,7 +1376,7 @@ declare const buttons: {
             outlineOffset: string;
         };
         '&.is-hovered': {
-            backgroundColor: string;
+            backgroundColor: any;
             path: {
                 fill: string;
             };
@@ -1406,7 +1388,7 @@ declare const buttons: {
             };
         };
         display: string;
-        borderColor: string;
+        borderColor: any;
         alignItems: string;
         justifyContent: string;
         flexShrink: number;
@@ -1419,8 +1401,8 @@ declare const buttons: {
         verticalAlign: string;
         lineHeight: number;
         borderRadius: string;
-        px: number;
-        py: number;
+        px: any;
+        py: any;
         maxHeight: string;
         height: string;
         '&.is-disabled': {
@@ -1447,13 +1429,13 @@ declare const buttons: {
     };
     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;
@@ -1462,7 +1444,7 @@ declare const buttons: {
         justifyContent: string;
         backgroundColor: string;
         borderColor: string;
-        color: string;
+        color: any;
         '&.is-focused': {
             outlineColor: string;
             backgroundColor: string;
@@ -1471,12 +1453,12 @@ declare const buttons: {
         };
         '&.is-pressed': {
             backgroundColor: string;
-            color: string;
+            color: any;
         };
         '&.is-hovered': {
             boxShadow: string;
             backgroundColor: string;
-            color: string;
+            color: any;
         };
         alignItems: string;
         flexShrink: number;