@pingux/astro 2.36.0-alpha.1 → 2.36.0-alpha.3

package/lib/cjs/components/Badge/Badge.styles.d.ts

@@ -0,0 +1,781 @@
+export declare const baseBadge: {
+    cursor: string;
+    p: string;
+    alignItems: string;
+    justifyContent: string;
+    minWidth: string;
+    alignSelf: string;
+    display: string;
+    borderRadius: string;
+    fontWeight: number;
+    '& button': {
+        backgroundColor: string;
+        marginLeft: string;
+        marginTop: string;
+        padding: string;
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        '& .mdi-icon': {
+            marginLeft: string;
+            padding: string;
+        };
+    };
+};
+export declare const deleteButton: {
+    borderRadius: string;
+    cursor: string;
+    height: number;
+    p: number;
+    width: number;
+    mx: string;
+    '&.is-focused': {
+        bg: string;
+        boxShadow: string;
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+};
+export declare const badgeDeleteButton: {
+    outline: string;
+    path: {
+        fill: string;
+    };
+    '&.is-focused': {
+        boxShadow: string;
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    '&.is-hovered': {
+        backgroundColor: string;
+        path: {
+            fill: string;
+        };
+    };
+    '&.is-pressed': {
+        path: {
+            fill: string;
+        };
+        bg: string;
+    };
+    borderRadius: string;
+    cursor: string;
+    height: number;
+    p: number;
+    width: number;
+    mx: string;
+};
+export declare const invertedBadgeDeleteButton: {
+    path: {
+        fill: string;
+    };
+    '&.is-hovered': {
+        bg: string;
+    };
+    outline: string;
+    '&.is-focused': {
+        boxShadow: string;
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    '&.is-pressed': {
+        path: {
+            fill: string;
+        };
+        bg: string;
+    };
+    borderRadius: string;
+    cursor: string;
+    height: number;
+    p: number;
+    width: number;
+    mx: string;
+};
+declare const _default: {
+    activeStatusBadge: {
+        borderColor: string;
+        backgroundColor: string;
+        border: string;
+        height: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    badgeDeleteButton: {
+        outline: string;
+        path: {
+            fill: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-pressed': {
+            path: {
+                fill: string;
+            };
+            bg: string;
+        };
+        borderRadius: string;
+        cursor: string;
+        height: number;
+        p: number;
+        width: number;
+        mx: string;
+    };
+    baseBadge: {
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    convenienceDefault: {
+        backgroundColor: string;
+        '& span': {
+            fontWeight: number;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    countBadge: {
+        backgroundColor: string;
+        width: string;
+        minWidth: string;
+        minHeight: string;
+        px: string;
+        py: string;
+        '& span': {
+            fontSize: string;
+            textTransform: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    countNeutral: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            textTransform: string;
+        };
+        width: string;
+        minWidth: string;
+        minHeight: string;
+        px: string;
+        py: string;
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    criticalStatusBadge: {
+        borderColor: string;
+        backgroundColor: string;
+        border: string;
+        height: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    defaultBadge: {
+        backgroundColor: string;
+        outline: string;
+        outlineColor: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    deleteButton: {
+        borderRadius: string;
+        cursor: string;
+        height: number;
+        p: number;
+        width: number;
+        mx: string;
+        '&.is-focused': {
+            bg: string;
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+    environmentBadge: {
+        alignSelf: string;
+        height: string;
+        minWidth: string;
+        ml: number;
+        '& span': {
+            fontSize: string;
+            lineHeight: number;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    errorCalloutBadge: {
+        borderColor: string;
+        height: string;
+        backgroundColor: string;
+        border: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    infoCalloutBadge: {
+        borderColor: string;
+        height: string;
+        backgroundColor: string;
+        border: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    itemBadgeWithSlot: {
+        p: number;
+        my: number;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            mr: string;
+            lineHeight: string;
+        };
+        maxHeight: string;
+        border: string;
+        borderColor: string;
+        alignSelf: string;
+        cursor: string;
+        height: string;
+        m: number;
+        mr: number;
+        ml: number;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    multivaluesBadge: {
+        alignSelf: string;
+        cursor: string;
+        height: string;
+        m: number;
+        mr: number;
+        ml: number;
+        '& span': {
+            mr: string;
+        };
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    readOnlyBadge: {
+        p: number;
+        border: string;
+        borderColor: string;
+        alignSelf: string;
+        cursor: string;
+        height: string;
+        m: number;
+        mr: number;
+        ml: number;
+        '& span': {
+            mr: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    selectedItemBadge: {
+        py: number;
+        pr: number;
+        my: number;
+        alignSelf: string;
+        cursor: string;
+        height: string;
+        m: number;
+        mr: number;
+        ml: number;
+        '& span': {
+            mr: string;
+        };
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    invertedBadgeDeleteButton: {
+        path: {
+            fill: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+        };
+        outline: string;
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            path: {
+                fill: string;
+            };
+            bg: string;
+        };
+        borderRadius: string;
+        cursor: string;
+        height: number;
+        p: number;
+        width: number;
+        mx: string;
+    };
+    successCalloutBadge: {
+        borderColor: string;
+        height: string;
+        backgroundColor: string;
+        border: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    warningCalloutBadge: {
+        borderColor: string;
+        height: string;
+        backgroundColor: string;
+        border: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    warningStatusBadge: {
+        borderColor: string;
+        backgroundColor: string;
+        border: string;
+        height: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    healthyStatusBadge: {
+        borderColor: string;
+        backgroundColor: string;
+        border: string;
+        height: string;
+        '& span': {
+            color: string;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+        '& button': {
+            backgroundColor: string;
+            marginLeft: string;
+            marginTop: string;
+            padding: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '& .mdi-icon': {
+                marginLeft: string;
+                padding: string;
+            };
+        };
+    };
+    removableBadge: {
+        border: string;
+        backgroundColor: string;
+        borderColor: string;
+        '& span': {
+            color: string;
+        };
+        height: string;
+        '& button': {
+            ml: string;
+            mr: string;
+            p: string;
+            height: number;
+            width: number;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+    };
+    invertedRemovableBadge: {
+        height: string;
+        '& span': {
+            color: string;
+        };
+        '& button': {
+            ml: string;
+            mr: string;
+            p: string;
+            height: number;
+            width: number;
+        };
+        cursor: string;
+        p: string;
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        alignSelf: string;
+        display: string;
+        borderRadius: string;
+        fontWeight: number;
+    };
+};
+export default _default;