@pingux/astro 2.149.2-alpha.1 → 2.150.0-alpha.0

package/lib/cjs/styles/themes/next-gen/variants/button.d.ts

@@ -490,19 +490,16 @@ declare const buttons: {
         };
         badgeDeleteButton: {
             transition: string;
-            height: number;
             p: number;
+            height: number;
             width: number;
-            border: string;
             '&.is-focused': {
-                backgroundColor: string;
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
@@ -510,29 +507,27 @@ declare const buttons: {
             '&.is-hovered': {
                 bg: string;
             };
-            cursor: string;
-            outline: string;
-            borderRadius: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         invertedBadgeDeleteButton: {
             transition: string;
-            height: number;
             p: number;
+            height: number;
             width: number;
-            border: string;
             '&.is-focused': {
-                backgroundColor: string;
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
@@ -540,13 +535,14 @@ declare const buttons: {
             '&.is-hovered': {
                 bg: string;
             };
-            cursor: string;
-            outline: string;
-            borderRadius: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         clearSelectionButton: {
             top: string;
@@ -555,34 +551,26 @@ declare const buttons: {
             '.is-float-label &': {
                 top: string;
             };
+            path: {
+                fill: string;
+            };
             width: string;
             height: string;
-            border: string;
             position: string;
-            '& > svg': {
-                minWidth: string;
-                width: string;
-                height: string;
-            };
             '&.is-hovered': {
                 bg: string;
+                boxShadow: string;
             };
             '&.is-pressed': {
                 bg: string;
             };
-            cursor: string;
+            p: string;
             transition: string;
             outline: string;
             borderRadius: string;
-            borderColor: string;
-            path: {
-                fill: string;
-            };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
     };
     withIcon: {
@@ -837,20 +825,9 @@ declare const buttons: {
     };
     iconButtons: {
         base: {
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -859,68 +836,30 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
-        };
-        nextGen: {
-            path: {
-                fill: string;
-            };
-            '&.is-hovered': {
-                backgroundColor: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-                borderColor: string;
-                path: {
-                    fill: string;
-                };
-            };
-            maxHeight: string;
-            maxWidth: string;
-            width: string;
-            p: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            flexShrink: number;
-            minWidth: string;
-            cursor: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            textAlign: string;
-            verticalAlign: string;
-            lineHeight: number;
-            borderRadius: string;
-            border: string;
-            px: string;
-            py: string;
-            height: string;
-            '&.is-disabled': {
-                opacity: number;
-            };
             '&.is-focused': {
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
             };
+            p: string;
             transition: string;
             outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         onyx: {
             path: {
                 fill: string;
             };
+            display: string;
+            alignItems: string;
+            justifyContent: string;
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -929,65 +868,31 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
-            maxHeight: string;
-            maxWidth: string;
-            width: string;
-            p: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            flexShrink: number;
-            minWidth: string;
-            cursor: string;
-            fontFamily: string;
-            fontSize: string;
-            fontWeight: number;
-            textAlign: string;
-            verticalAlign: string;
-            lineHeight: number;
-            borderRadius: string;
-            border: string;
-            px: string;
-            py: string;
-            height: string;
-            '&.is-disabled': {
-                opacity: number;
-            };
             '&.is-focused': {
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
             };
+            p: string;
             transition: string;
             outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         responseToolbar: {
             '&.is-not-loaded': {
                 display: string;
             };
             display: string;
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -996,30 +901,30 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         modalCloseButton: {
             position: string;
             top: number;
             right: number;
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -1028,11 +933,22 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         badge: {
             deleteButton: {
@@ -1050,14 +966,10 @@ declare const buttons: {
                 };
                 '&.is-pressed': {
                     backgroundColor: string;
-                    borderColor: string;
                     path: {
                         fill: string;
                     };
                 };
-                outline: string;
-                border: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
@@ -1067,6 +979,9 @@ declare const buttons: {
                         fill: string;
                     };
                 };
+                outline: string;
+                border: string;
+                boxShadow: string;
             };
         };
         messageCloseButton: {
@@ -1081,20 +996,9 @@ declare const buttons: {
                     fill: string;
                 };
             };
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -1103,41 +1007,51 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         headerNav: {
-            borderRadius: string;
             path: {
                 fill: string;
             };
-            px: string;
-            py: string;
-            width: string;
-            height: string;
             '&.is-hovered': {
+                backgroundColor: string;
                 path: {
                     fill: string;
                 };
             };
             '&.is-pressed': {
+                backgroundColor: string;
                 path: {
                     fill: string;
                 };
             };
             '&.is-focused': {
-                outlineOffset: string;
                 outline: string;
                 outlineColor: string;
+                outlineOffset: string;
             };
-            cursor: string;
+            p: string;
             transition: string;
             outline: string;
+            borderRadius: string;
             border: string;
-            borderColor: string;
+            cursor: string;
+            boxShadow: string;
         };
         copyButton: {
             mx: string;
@@ -1148,99 +1062,84 @@ declare const buttons: {
         };
         deleteAttachment: {
             backgroundColor: string;
-            border: string;
-            borderColor: string;
             size: string;
-            p: string;
             '&.is-hovered': {
                 backgroundColor: string;
             };
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
-        };
-        inverted: {
-            cursor: string;
-            transition: string;
-            outline: string;
-            path: {
-                fill: string;
-            };
             '&.is-focused': {
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
             };
-            '&.is-pressed': {
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
+        };
+        inverted: {
+            '&.is-hovered': {
+                boxShadow: string;
                 backgroundColor: string;
-                borderColor: string;
             };
-            '&.is-hovered': {
-                border: string;
-                borderColor: string;
+            '&.is-pressed': {
                 backgroundColor: string;
-                boxShadow: string;
             };
             '&.is-disabled': {
                 backgroundColor: string;
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         searchClearButton: {
+            path: {
+                fill: string;
+            };
             width: string;
             height: string;
-            border: string;
             position: string;
             right: string;
-            '& > svg': {
-                minWidth: string;
-                width: string;
-                height: string;
-            };
             '&.is-hovered': {
                 bg: string;
+                boxShadow: string;
             };
             '&.is-pressed': {
                 bg: string;
             };
-            cursor: string;
+            p: string;
             transition: string;
             outline: string;
             borderRadius: string;
-            borderColor: string;
-            path: {
-                fill: string;
-            };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         filter: {
-            bg: string;
-            border: string;
-            borderColor: string;
             width: string;
             height: string;
             '&.is-hovered': {
-                border: string;
-                borderColor: string;
+                boxShadow: string;
                 backgroundColor: string;
                 path: {
                     fill: string;
@@ -1248,15 +1147,10 @@ declare const buttons: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
-            cursor: string;
-            transition: string;
-            outline: string;
-            borderRadius: string;
             path: {
                 fill: string;
             };
@@ -1265,43 +1159,39 @@ declare const buttons: {
                 outlineColor: string;
                 outlineOffset: string;
             };
+            p: string;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            boxShadow: string;
         };
         hintButton: {
             backgroundColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
                     fill: string;
                 };
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
         };
     };
     modalCloseButton: {
         position: string;
         top: number;
         right: number;
-        cursor: string;
-        transition: string;
-        outline: string;
-        borderRadius: string;
-        border: string;
-        borderColor: string;
         path: {
             fill: string;
         };
-        '&.is-focused': {
-            outline: string;
-            outlineColor: string;
-            outlineOffset: string;
-        };
         '&.is-hovered': {
             backgroundColor: string;
             path: {
@@ -1310,11 +1200,22 @@ declare const buttons: {
         };
         '&.is-pressed': {
             backgroundColor: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
         };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        p: string;
+        transition: string;
+        outline: string;
+        borderRadius: string;
+        border: string;
+        cursor: string;
+        boxShadow: string;
     };
     aiChat: {
         maxWidth: string;