npm - @pingux/astro - Versions diffs - 2.75.0 → 2.76.0-alpha.0 - Mend

@pingux/astro 2.75.0 → 2.76.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 (96) hide show

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

@@ -0,0 +1,574 @@
+declare const buttons: {
+    neutral: {
+        '&.is-pressed': {
+            backgroundColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        backgroundColor: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        borderColor: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+        color: string;
+    };
+    primary: {
+        color: string;
+        backgroundColor: string;
+        borderColor: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    default: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    tertiary: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    inverse: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    critical: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-focused': {
+            outlineColor: string;
+            backgroundColor: string;
+            outline: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        transition: string;
+    };
+    checkboxButton: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    checkboxActiveButton: {
+        backgroundColor: string;
+        color: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        borderColor: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+    };
+    outlineCritical: {
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-focused': {
+            outlineColor: string;
+            outline: string;
+            outlineOffset: string;
+        };
+        outlineColor: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        transition: string;
+    };
+    link: {
+        transition: string;
+        fontSize: string;
+        textDecoration: string;
+        px: string;
+        py: string;
+        '&.is-pressed': {
+            textDecoration: string;
+            outline: string;
+            color: string;
+        };
+        '&.is-focused': {
+            textDecoration: string;
+            outline: string;
+        };
+    };
+    withIcon: {
+        display: string;
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    primaryWithIcon: {
+        display: string;
+        color: string;
+        backgroundColor: string;
+        borderColor: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: 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;
+        };
+        transition: string;
+    };
+    iconButtons: {
+        base: {
+            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: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+        modalCloseButton: {
+            position: string;
+            top: number;
+            right: number;
+            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: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+        badge: {
+            deleteButton: {
+                transition: string;
+                borderRadius: string;
+                cursor: string;
+                height: number;
+                p: number;
+                width: number;
+                '&.is-focused': {
+                    backgroundColor: string;
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                outline: string;
+                border: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        messageCloseButton: {
+            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: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+    };
+    modalCloseButton: {
+        position: string;
+        top: number;
+        right: number;
+        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: {
+                fill: string;
+            };
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+        };
+    };
+};
+export default buttons;