@pingux/astro 2.221.6 → 2.234.0-alpha.0

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

@@ -37,6 +37,7 @@ export declare const badges: {
     };
     baseBadge: {
         '& span': {
+            color: string;
             fontWeight: string;
         };
         '& button': {
@@ -53,6 +54,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -66,9 +68,11 @@ export declare const badges: {
         display: string;
         width: string;
         color: string;
+        backgroundColor: string;
     };
     default: {
         '& span': {
+            color: string;
             fontWeight: string;
         };
         '& button': {
@@ -85,6 +89,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -98,6 +103,7 @@ export declare const badges: {
         display: string;
         width: string;
         color: string;
+        backgroundColor: string;
     };
     primary: {
         backgroundColor: string;
@@ -119,6 +125,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -153,6 +160,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -187,6 +195,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -221,6 +230,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -255,6 +265,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -289,6 +300,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -323,6 +335,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -357,6 +370,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -391,6 +405,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -426,6 +441,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -441,6 +457,12 @@ export declare const badges: {
         color: string;
     };
     selected: {
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
         '& span': {
             color: string;
@@ -459,11 +481,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -498,6 +515,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -535,6 +553,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -550,6 +569,12 @@ export declare const badges: {
         color: string;
     };
     activeStatusBadge: {
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
         '& span': {
             color: string;
@@ -568,11 +593,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -585,6 +605,12 @@ export declare const badges: {
         border: string;
     };
     warningStatusBadge: {
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
         '& span': {
             color: string;
@@ -603,11 +629,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -620,6 +641,13 @@ export declare const badges: {
         border: string;
     };
     criticalStatusBadge: {
+        border: string;
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
         '& span': {
             color: string;
@@ -638,11 +666,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -652,9 +675,15 @@ export declare const badges: {
         display: string;
         width: string;
         color: string;
-        border: string;
     };
     healthyStatusBadge: {
+        border: string;
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         '& span': {
             color: string;
             fontWeight: string;
@@ -673,11 +702,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -687,9 +711,15 @@ export declare const badges: {
         display: string;
         width: string;
         color: string;
-        border: string;
     };
     secondaryStatusBadge: {
+        border: string;
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
         '& span': {
             color: string;
@@ -708,11 +738,6 @@ export declare const badges: {
                 };
             };
         };
-        '& svg': {
-            path: {
-                fill: string;
-            };
-        };
         alignItems: string;
         justifyContent: string;
         padding: string;
@@ -722,7 +747,6 @@ export declare const badges: {
         display: string;
         width: string;
         color: string;
-        border: string;
     };
     badgeDeleteButton: {
         borderRadius: string;
@@ -811,6 +835,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -830,6 +855,48 @@ export declare const badges: {
         color: string;
     };
     invertedRemovableBadge: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+        '& svg': {
+            path: {
+                fill: string;
+            };
+        };
+        '& button.is-hovered': {
+            backgroundColor: string;
+        };
+        '& button.is-hovered svg path': {
+            fill: string;
+        };
+        '& button.is-pressed svg path': {
+            fill: string;
+        };
+        '& button': {
+            alignSelf: string;
+            p: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+        color: string;
+    };
+    convenienceDefault: {
         backgroundColor: string;
         '& span': {
             color: string;
@@ -849,6 +916,7 @@ export declare const badges: {
             };
         };
         '& svg': {
+            color: string;
             path: {
                 fill: string;
             };
@@ -864,16 +932,148 @@ export declare const badges: {
         color: string;
     };
     errorCalloutBadge: {
+        border: string;
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
+        '& span': {
+            color: string;
+            fontWeight: string;
+        };
+        '& button': {
+            alignSelf: string;
+            p: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+        color: string;
     };
     infoCalloutBadge: {
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
+        '& span': {
+            color: string;
+            fontWeight: string;
+        };
+        '& button': {
+            alignSelf: string;
+            p: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+        color: string;
+        border: string;
     };
     successCalloutBadge: {
+        border: string;
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '& span': {
+            color: string;
+            fontWeight: string;
+        };
         backgroundColor: string;
+        '& button': {
+            alignSelf: string;
+            p: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+        color: string;
     };
     warningCalloutBadge: {
+        '& svg': {
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
         backgroundColor: string;
+        '& span': {
+            color: string;
+            fontWeight: string;
+        };
+        '& button': {
+            alignSelf: string;
+            p: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+        color: string;
+        border: string;
     };
     tableBaseBadge: {
         active: {
@@ -886,6 +1086,7 @@ export declare const badges: {
             minWidth: string;
             border: string;
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -902,6 +1103,7 @@ export declare const badges: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -926,6 +1128,7 @@ export declare const badges: {
             minWidth: string;
             border: string;
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -942,6 +1145,7 @@ export declare const badges: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -966,6 +1170,7 @@ export declare const badges: {
             minWidth: string;
             border: string;
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -982,6 +1187,7 @@ export declare const badges: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -1006,6 +1212,7 @@ export declare const badges: {
             minWidth: string;
             border: string;
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -1022,6 +1229,7 @@ export declare const badges: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -1046,6 +1254,7 @@ export declare const badges: {
             minWidth: string;
             border: string;
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -1062,6 +1271,7 @@ export declare const badges: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };