@pingux/astro 2.31.0 → 2.32.0-alpha.0

package/lib/cjs/components/Button/Buttons.styles.d.ts

@@ -0,0 +1,748 @@
+export declare const base: {
+    fontSize: string;
+    fontWeight: number;
+    color: string;
+    fontFamily: string;
+    display: string;
+    overflowWrap: string;
+    maxWidth: string;
+    wordWrap: string;
+    wordBreak: string;
+    cursor: string;
+    height: string;
+    lineHeight: string;
+    minWidth: string;
+    padding: string;
+    outline: string;
+    alignItems: string;
+    justifyContent: string;
+    borderRadius: string;
+    flexShrink: number;
+    whiteSpace: string;
+};
+export declare const defaultFocus: {
+    outline: string;
+    outlineColor: string;
+    outlineOffset: string;
+};
+export declare const focusWithCroppedOutline: {
+    boxShadow: string;
+    outline: string;
+    outlineColor: string;
+    outlineOffset: string;
+};
+export declare const text: {
+    display: string;
+    bg: string;
+    border: string;
+    borderColor: string;
+    color: string;
+    height: string;
+    padding: string;
+    lineHeight: string;
+    '&.is-hovered': {
+        textDecoration: string;
+    };
+    '&.is-focused': {
+        boxShadow: string;
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    fontSize: string;
+    fontWeight: number;
+    fontFamily: string;
+    overflowWrap: string;
+    maxWidth: string;
+    wordWrap: string;
+    wordBreak: string;
+    cursor: string;
+    minWidth: string;
+    outline: string;
+    alignItems: string;
+    justifyContent: string;
+    borderRadius: string;
+    flexShrink: number;
+    whiteSpace: string;
+};
+export declare const quiet: {
+    all: string;
+    display: string;
+};
+export declare const link: {
+    lineHeight: string;
+    textDecoration: string;
+    display: string;
+    justifyContent: string;
+    width: string;
+    '&.is-current': {
+        cursor: string;
+        color: string;
+    };
+    '&.is-focused': {
+        boxShadow: string;
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    bg: string;
+    border: string;
+    borderColor: string;
+    color: string;
+    height: string;
+    padding: string;
+    '&.is-hovered': {
+        textDecoration: string;
+    };
+    fontSize: string;
+    fontWeight: number;
+    fontFamily: string;
+    overflowWrap: string;
+    maxWidth: string;
+    wordWrap: string;
+    wordBreak: string;
+    cursor: string;
+    minWidth: string;
+    outline: string;
+    alignItems: string;
+    borderRadius: string;
+    flexShrink: number;
+    whiteSpace: string;
+};
+declare const _default: {
+    critical: {
+        display: string;
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+            borderColor: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            borderColor: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    default: {
+        bg: string;
+        border: string;
+        borderColor: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        display: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    filter: {
+        px: string;
+        borderColor: string;
+        height: number;
+        color: string;
+        display: string;
+        bg: string;
+        border: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    headerBar: {
+        backgroundColor: string;
+        '&.is-hovered': {
+            border: string;
+            bg: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            border: string;
+            '> div > span': {
+                color: string;
+            };
+            bg: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        display: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    inline: {
+        display: string;
+        bg: string;
+        height: string;
+        lineHeight: number;
+        fontSize: string;
+        borderRadius: string;
+        border: string;
+        borderColor: string;
+        alignSelf: string;
+        paddingTop: string;
+        paddingBottom: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    inlinePrimary: {
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+            bg: string;
+            border: string;
+            borderColor: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            border: string;
+            borderColor: string;
+            bg: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        path: {
+            fill: string;
+        };
+        display: string;
+        height: string;
+        lineHeight: number;
+        fontSize: string;
+        borderRadius: string;
+        alignSelf: string;
+        paddingTop: string;
+        paddingBottom: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    link: {
+        lineHeight: string;
+        textDecoration: string;
+        display: string;
+        justifyContent: string;
+        width: string;
+        '&.is-current': {
+            cursor: string;
+            color: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        height: string;
+        padding: string;
+        '&.is-hovered': {
+            textDecoration: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        minWidth: string;
+        outline: string;
+        alignItems: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    primary: {
+        display: string;
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    quiet: {
+        all: string;
+        display: string;
+    };
+    success: {
+        display: string;
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    colorBlock: {
+        bg: string;
+        border: string;
+        borderColor: string;
+        borderRadius: number;
+        outline: string;
+        cursor: string;
+        width: number;
+        height: string;
+        p: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            borderColor: string;
+        };
+        '& span': {
+            color: string;
+            textAlign: string;
+        };
+        '&>div': {
+            alignItems: string;
+        };
+        '&>svg': {
+            color: string;
+            fill: string;
+        };
+        '&.is-configured': {
+            bg: string;
+            borderColor: string;
+            '& span': {
+                color: string;
+            };
+            '&>svg': {
+                color: string;
+                fill: string;
+            };
+        };
+        '&.is-configured.is-hovered': {
+            bg: string;
+            borderColor: string;
+        };
+        '&.is-configured.is-pressed': {
+            bg: string;
+            borderColor: string;
+        };
+    };
+    exampleText: {
+        '&.is-hovered': {
+            textDecoration: string;
+        };
+        background: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        display: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    withIcon: {
+        padding: string;
+        bg: string;
+        border: string;
+        borderColor: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        display: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        height: string;
+        lineHeight: string;
+        minWidth: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    inlineWithIcon: {
+        padding: string;
+        display: string;
+        bg: string;
+        height: string;
+        lineHeight: number;
+        fontSize: string;
+        borderRadius: string;
+        border: string;
+        borderColor: string;
+        alignSelf: string;
+        paddingTop: string;
+        paddingBottom: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontWeight: number;
+        color: string;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        minWidth: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+    inlinePrimaryWithIcon: {
+        padding: string;
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+            bg: string;
+            border: string;
+            borderColor: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            backgroundColor: string;
+            border: string;
+            borderColor: string;
+            bg: string;
+            color: string;
+            path: {
+                fill: string;
+            };
+        };
+        bg: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        path: {
+            fill: string;
+        };
+        display: string;
+        height: string;
+        lineHeight: number;
+        fontSize: string;
+        borderRadius: string;
+        alignSelf: string;
+        paddingTop: string;
+        paddingBottom: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: string;
+        maxWidth: string;
+        wordWrap: string;
+        wordBreak: string;
+        cursor: string;
+        minWidth: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
+};
+export default _default;