npm - @pingux/astro - Versions diffs - 2.136.1-alpha.2 → 2.137.0-alpha.0 - Mend

@pingux/astro 2.136.1-alpha.2 → 2.137.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

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

@@ -25,6 +25,11 @@ declare const _default: {
             dark: string;
             light: string;
         };
+        info: {
+            bright: string;
+            dark: string;
+            light: string;
+        };
         text: {
             primary: string;
             secondary: string;
@@ -250,7 +255,6 @@ declare const _default: {
         mediumteal: string;
         mediumcyan: string;
         secondary: string;
-        info: string;
         danger: string;
         light: string;
         dark: string;
@@ -1383,6 +1387,66 @@ declare const _default: {
                     bg: string;
                 };
             };
+            badgeDeleteButton: {
+                transition: string;
+                height: number;
+                p: number;
+                width: number;
+                border: string;
+                '&.is-focused': {
+                    backgroundColor: string;
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                cursor: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            invertedBadgeDeleteButton: {
+                transition: string;
+                height: number;
+                p: number;
+                width: number;
+                border: string;
+                '&.is-focused': {
+                    backgroundColor: string;
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                cursor: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
             clearSelectionButton: {
                 top: string;
                 right: string;
@@ -1831,174 +1895,571 @@ declare const _default: {
     };
     badges: {
         baseBadge: {
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
+            color: string;
+        };
+        default: {
             '& span': {
+                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
-        };
-        default: {
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
-            '& span': {
-                fontSize: string;
-                fontWeight: number;
-            };
+            color: string;
         };
         primary: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        secondary: {
+        countBadge: {
             backgroundColor: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
+            color: string;
         };
-        success: {
+        countNeutral: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        danger: {
+        secondary: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        warning: {
+        success: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        dark: {
+        danger: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        selectedItemBadge: {
+        warning: {
             backgroundColor: string;
-            paddingRight: string;
+            color: string;
             '& span': {
-                fontSize: string;
                 color: string;
+                fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
-        readOnlyBadge: {
-            '& span': {
-                fontSize: string;
-            };
-        };
-        activeStatusBadge: {
-            minWidth: string;
-            border: string;
+        dark: {
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
-            alignItems: string;
-            justifyContent: string;
-            py: string;
-            px: string;
-            borderRadius: string;
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        info: {
+            backgroundColor: string;
+            color: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        selectedItemBadge: {
+            backgroundColor: string;
+            paddingRight: string;
+            '& span': {
+                color: string;
+                fontWeight: number;
+                fontSize: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        readOnlyBadge: {
+            border: string;
+            '& span': {
+                color: string;
+                fontWeight: number;
+                fontSize: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        readOnlyFieldBadge: {
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            border: string;
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        activeStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            color: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
@@ -2008,16 +2469,37 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
@@ -2027,16 +2509,37 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
@@ -2046,16 +2549,37 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
@@ -2065,16 +2589,37 @@ declare const _default: {
             minWidth: string;
             border: string;
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
@@ -2112,23 +2657,135 @@ declare const _default: {
                 };
             };
         };
-        info: {
+        itemBadgeWithSlot: {
+            bg: string;
+            fontWeight: number;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            border: string;
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        removableBadge: {
+            border: string;
             backgroundColor: string;
+            color: string;
             '& span': {
                 color: string;
                 fontSize: string;
                 fontWeight: number;
             };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        invertedRemovableBadge: {
+            backgroundColor: string;
+            color: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
             alignItems: string;
             justifyContent: string;
             py: string;
             px: string;
             borderRadius: string;
+            maxHeight: string;
+            minHeight: string;
             fontSize: string;
             alignSelf: string;
             display: string;
             width: string;
         };
+        errorCalloutBadge: {
+            backgroundColor: string;
+        };
+        infoCalloutBadge: {
+            backgroundColor: string;
+        };
+        successCalloutBadge: {
+            backgroundColor: string;
+        };
+        warningCalloutBadge: {
+            backgroundColor: string;
+        };
     };
     navigationHeader: {
         headerPlaceholder: {