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

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

@@ -44,13 +44,12 @@ declare const _default: {
         };
         active: string;
         primary: string;
-        background: {
-            base: string;
-            secondary: string;
-            card: string;
-            suggestion: string;
-            hover: string;
-        };
+        background: string;
+        backgroundBase: string;
+        backgroundSecondary: string;
+        backgroundCard: string;
+        backgroundSuggestion: string;
+        backgroundHover: string;
         iconWrapper: {
             wrapper: {
                 orange: string;
@@ -783,19 +782,16 @@ declare const _default: {
             };
             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;
                     };
@@ -803,29 +799,27 @@ declare const _default: {
                 '&.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;
                     };
@@ -833,13 +827,14 @@ declare const _default: {
                 '&.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;
@@ -848,34 +843,26 @@ declare const _default: {
                 '.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: {
@@ -1130,20 +1117,9 @@ declare const _default: {
         };
         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: {
@@ -1152,68 +1128,30 @@ declare const _default: {
                 };
                 '&.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: {
@@ -1222,65 +1160,31 @@ declare const _default: {
                 };
                 '&.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: {
@@ -1289,30 +1193,30 @@ declare const _default: {
                 };
                 '&.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: {
@@ -1321,11 +1225,22 @@ declare const _default: {
                 };
                 '&.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: {
@@ -1343,14 +1258,10 @@ declare const _default: {
                     };
                     '&.is-pressed': {
                         backgroundColor: string;
-                        borderColor: string;
                         path: {
                             fill: string;
                         };
                     };
-                    outline: string;
-                    border: string;
-                    borderColor: string;
                     path: {
                         fill: string;
                     };
@@ -1360,6 +1271,9 @@ declare const _default: {
                             fill: string;
                         };
                     };
+                    outline: string;
+                    border: string;
+                    boxShadow: string;
                 };
             };
             messageCloseButton: {
@@ -1374,20 +1288,9 @@ declare const _default: {
                         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: {
@@ -1396,41 +1299,51 @@ declare const _default: {
                 };
                 '&.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;
@@ -1441,99 +1354,84 @@ declare const _default: {
             };
             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;
@@ -1541,15 +1439,10 @@ declare const _default: {
                 };
                 '&.is-pressed': {
                     backgroundColor: string;
-                    borderColor: string;
                     path: {
                         fill: string;
                     };
                 };
-                cursor: string;
-                transition: string;
-                outline: string;
-                borderRadius: string;
                 path: {
                     fill: string;
                 };
@@ -1558,43 +1451,39 @@ declare const _default: {
                     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: {
@@ -1603,11 +1492,22 @@ declare const _default: {
             };
             '&.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;
@@ -2827,18 +2727,9 @@ declare const _default: {
             height: number;
             p: number;
             width: number;
-            transition: string;
-            outline: string;
-            border: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
             '&.is-hovered': {
                 backgroundColor: string;
                 path: {
@@ -2847,11 +2738,19 @@ declare const _default: {
             };
             '&.is-pressed': {
                 backgroundColor: string;
-                borderColor: string;
                 path: {
                     fill: string;
                 };
             };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+            outline: string;
+            border: string;
+            boxShadow: string;
         };
         itemBadgeWithSlot: {
             bg: string;
@@ -4283,6 +4182,12 @@ declare const _default: {
                     maxWidth: string[];
                 };
             };
+            headingContainer: {
+                borderBottom: string;
+                borderBottomColor: string;
+                bg: string;
+                borderRadius: string;
+            };
             container: {
                 justifyContent: string;
             };