@pingux/astro 2.75.0 → 2.76.0-alpha.0

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

@@ -0,0 +1,564 @@
+export declare const badgeDeleteButton: {
+    borderRadius: string;
+    cursor: string;
+    height: number;
+    p: number;
+    width: number;
+    transition: string;
+    outline: 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 declare const badges: {
+    primary: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    baseBadge: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    success: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    danger: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    warning: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    dark: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    selectedItemBadge: {
+        backgroundColor: string;
+        paddingRight: string;
+        '& span': {
+            fontSize: string;
+            color: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    readOnlyBadge: {
+        '& span': {
+            fontSize: string;
+        };
+    };
+    badgeDeleteButton: {
+        borderRadius: string;
+        cursor: string;
+        height: number;
+        p: number;
+        width: number;
+        transition: string;
+        outline: 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;
+            };
+        };
+    };
+};
+declare const _default: {
+    navBar: {
+        container: {
+            width: string;
+            p: string;
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        sectionButton: {
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+        itemButton: {
+            color: string;
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                color: string;
+            };
+            '&.is-selected': {
+                bg: string;
+                color: string;
+            };
+        };
+        subtitle: {
+            color: string;
+        };
+        headerText: {
+            color: string;
+            '.is-selected &': {
+                color: string;
+            };
+        };
+        headerNav: {
+            color: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                WebkitBoxShadow: string;
+                MozBoxShadow: string;
+            };
+        };
+        item: {
+            px: string;
+            py: string;
+            color: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+            '&.is-selected': {
+                '> div > svg': {
+                    fill: string;
+                };
+                backgroundColor: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+                boxShadow: string;
+                WebkitBoxShadow: string;
+                MozBoxShadow: string;
+            };
+        };
+        itemHeaderContainer: {
+            px: string;
+            py: string;
+            '&.is-selected': {
+                backgroundColor: string;
+            };
+            backgroundColor: string;
+            '> svg': {
+                fill: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+        };
+    };
+    fieldHelperText: {
+        title: {
+            color: string;
+            fontSize: string;
+            pt: string;
+            mt: string;
+            '&.is-error': {
+                color: string;
+            };
+            '&.is-warning': {
+                color: string;
+            };
+            '&.is-success': {
+                color: string;
+            };
+        };
+    };
+    message: {
+        item: {
+            maxWidth: number;
+            pointerEvents: string;
+            mb: string;
+            p: string;
+            wordBreak: string;
+            alignItems: string;
+            backgroundColor: string;
+            borderLeftWidth: string;
+            borderLeftStyle: string;
+            borderLeftColor: string;
+            color: string;
+            fontSize: string;
+            borderRadius: number;
+            '&.is-success': {
+                bg: string;
+                borderLeftColor: string;
+                color: string;
+            };
+            '&.is-warning': {
+                bg: string;
+                borderLeftColor: string;
+                color: string;
+            };
+            '&.is-error, > .is-error': {
+                bg: string;
+                color: string;
+            };
+            '&.is-error, > button > svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-error': {
+                borderLeftColor: string;
+            };
+        };
+    };
+    modal: {
+        content: {
+            borderRadius: string;
+        };
+    };
+    tab: {
+        borderRadius: string;
+        pt: string;
+        '& > span': {
+            px: string;
+            fontSize: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+            '& > span': {
+                outline: string;
+            };
+        };
+        '& > div': {
+            borderBottom: string;
+            borderBottomColor: string;
+            ml: string;
+        };
+    };
+    menuTab: {
+        ml: string;
+    };
+    listBox: {
+        option: {
+            '&.is-focused': {
+                color: string;
+                bg: string;
+            };
+            '&.is-selected': {
+                color: string;
+                bg: string;
+                pl: number;
+            };
+        };
+    };
+    separator: {
+        base: {
+            bg: string;
+        };
+    };
+    menuItem: {
+        item: {
+            bg: string;
+            padding: string;
+            outline: string;
+            color: string;
+            cursor: string;
+            '&.is-focused, &.is-selected, &.is-pressed': {
+                bg: string;
+                color: string;
+                '> *': {
+                    color: string;
+                };
+            };
+            '&.is-pressed': {
+                color: string;
+                bg: string;
+            };
+        };
+    };
+    avatar: {
+        xl: {
+            borderRadius: string;
+            textAlign: string;
+            justifyContent: string;
+            fontFamily: string;
+            size: string;
+            fontSize: string;
+        };
+        lg: {
+            fontSize: string;
+            borderRadius: string;
+            textAlign: string;
+            justifyContent: string;
+            fontFamily: string;
+            size: string;
+        };
+        md: {
+            fontSize: string;
+            borderRadius: string;
+            textAlign: string;
+            justifyContent: string;
+            fontFamily: string;
+            size: string;
+        };
+        sm: {
+            fontSize: string;
+            borderRadius: string;
+            textAlign: string;
+            justifyContent: string;
+            fontFamily: string;
+            size: string;
+        };
+    };
+    listViewItem: {
+        iconContainer: {
+            mr: string;
+        };
+        styledListItem: {
+            bg: string;
+            '&.is-selected': {
+                bg: string;
+            };
+            borderBottom: string;
+            '&.has-separator': {
+                borderBottom: string;
+                borderBottomColor: string;
+            };
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                bg: string;
+            };
+        };
+        styledContainer: {
+            py: string;
+            px: string;
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+                cursor: string;
+            };
+        };
+        expandableStyledListItem: {
+            pr: string;
+            pl: number;
+        };
+        expandableItemBody: {
+            px: string;
+        };
+        expandableRow: {
+            '&.has-separator': {
+                borderBottom: string;
+                borderBottomColor: string;
+            };
+        };
+    };
+    progressBar: {
+        transition: string;
+        container: {
+            backgroundColor: string;
+            borderRadius: string;
+            height: string;
+        };
+        percentageBar: {
+            backgroundColor: string;
+            borderRadius: string;
+            height: string;
+        };
+    };
+    listView: {
+        container: {
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            '& > div': {
+                borderRadius: string;
+            };
+        };
+    };
+    dataTable: {
+        container: {
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+        };
+        tableRow: {
+            borderTop: string;
+            borderTopColor: string;
+            borderBottom: string;
+            pl: string;
+        };
+        tableHeadWrapper: {
+            borderBottom: string;
+        };
+        tableHeadCell: {
+            pl: string;
+            fontWeight: string;
+            fontSize: string;
+        };
+        rowHeader: {
+            py: string;
+        };
+        tableCell: {
+            fontSize: string;
+        };
+    };
+};
+export default _default;