@appquality/unguess-design-system 3.1.115 → 3.1.116-tooltip-player

package/build/stories/theme/components.d.ts

@@ -1,184 +0,0 @@
-import { ButtonArgs } from "../buttons/button/_types";
-export declare const components: {
-    "text.primary": () => {
-        color: string | undefined;
-    };
-    "text.success": () => {
-        color: string | undefined;
-    };
-    "text.warning": () => {
-        color: string | undefined;
-    };
-    "text.danger": () => {
-        color: string | undefined;
-    };
-    "navigation.hoverableItem": ({ isCurrent }: {
-        isCurrent: boolean;
-    }) => {
-        color: string | undefined;
-        "font-weight": number;
-        "background-color"?: string | undefined;
-        "border-top-left-radius": string;
-        "border-bottom-left-radius": string;
-        "&:hover, &.hover": {
-            "background-color": string | undefined;
-            color: string | undefined;
-        };
-        "&:active, &.active": {
-            "background-color": string | undefined;
-            color: string | undefined;
-        };
-        "&.isCurrent": {
-            color: string | undefined;
-            "font-weight": number;
-            "background-color": string | undefined;
-        };
-    };
-    "notifications.notification": ({ type, isPrimary, }: {
-        type: string;
-        isPrimary: boolean;
-    }) => {
-        svg?: {
-            marginTop: string;
-        } | {
-            color: string;
-            marginTop: string;
-        } | undefined;
-        backgroundColor?: string | undefined;
-    };
-    "notifications.notification.close": ({ type, isPrimary, }: {
-        type: string;
-        isPrimary: boolean;
-    }) => {
-        color?: string | undefined;
-        ":hover"?: {
-            color: string;
-        } | undefined;
-        cursor: string;
-    };
-    "notifications.notification.close-icon": () => {
-        position: string;
-        top: string;
-        right: string;
-        width: string;
-        height: string;
-    };
-    "notifications.notification.title": ({ type, isPrimary, }: {
-        type: string;
-        isPrimary: boolean;
-    }) => {
-        color?: string | undefined;
-    };
-    pageHeader: {
-        imgMaxHeight: string;
-    };
-    autocomplete: {
-        thumbSize: string;
-    };
-    "tabs.tab": ({ isSelected }: {
-        isSelected: boolean;
-    }) => {
-        fontWeight: number;
-    } | undefined;
-    "dropdowns.item": ({ addable, checked, ...rest }: {
-        addable: boolean;
-        checked: boolean;
-    }) => {
-        fontWeight?: number | undefined;
-        color?: string | undefined;
-        cursor?: string | undefined;
-    };
-    "buttons.icon_button": ({ disabled, isBright, isAccent, isPrimary, isBasic, }: ButtonArgs) => {
-        pointerEvents?: string | undefined;
-        backgroundColor?: string | undefined;
-        color?: string | undefined;
-        border?: string | undefined;
-        "&:hover"?: {
-            borderColor: string | undefined;
-            color: string | undefined;
-            backgroundColor: string | undefined;
-            "& svg"?: undefined;
-        } | {
-            backgroundColor: string | undefined;
-            color: string | undefined;
-            borderColor?: undefined;
-            "& svg"?: undefined;
-        } | {
-            backgroundColor: string;
-            color: string;
-            "& svg": {
-                color: string;
-            };
-            borderColor?: undefined;
-        } | undefined;
-        "&:active"?: {
-            borderColor: string | undefined;
-            color: string | undefined;
-            backgroundColor: string;
-            "& svg"?: undefined;
-        } | {
-            backgroundColor: string;
-            color: string | undefined;
-            borderColor?: undefined;
-            "& svg"?: undefined;
-        } | {
-            backgroundColor: string | undefined;
-            color: string;
-            borderColor?: undefined;
-            "& svg"?: undefined;
-        } | {
-            backgroundColor: string;
-            color: string;
-            "& svg": {
-                color: string;
-            };
-            borderColor?: undefined;
-        } | undefined;
-        borderColor?: string | undefined;
-    };
-    "buttons.button": ({ isAccent, isBright, isPrimary, isBasic, isLink, }: ButtonArgs) => {
-        backgroundColor?: string | undefined;
-        color?: string | undefined;
-        border?: string | undefined;
-        "&:hover"?: {
-            borderColor: string | undefined;
-            color: string | undefined;
-            backgroundColor: string | undefined;
-        } | {
-            backgroundColor: string | undefined;
-            borderColor?: undefined;
-            color?: undefined;
-        } | {
-            backgroundColor: string | undefined;
-            color: string | undefined;
-            borderColor?: undefined;
-        } | {
-            color: string | undefined;
-            borderColor?: undefined;
-            backgroundColor?: undefined;
-        } | undefined;
-        "&:active"?: {
-            borderColor: string | undefined;
-            color: string | undefined;
-            backgroundColor: string;
-        } | {
-            backgroundColor: string | undefined;
-            borderColor?: undefined;
-            color?: undefined;
-        } | {
-            backgroundColor: string;
-            color: string | undefined;
-            borderColor?: undefined;
-        } | {
-            color: string | undefined;
-            borderColor?: undefined;
-            backgroundColor?: undefined;
-        } | undefined;
-        borderColor?: string | undefined;
-    };
-    "cards.card": {
-        border: string;
-    };
-    chrome: any;
-    notification: any;
-};

package/build/stories/theme/fontWeights.d.ts

@@ -1,12 +0,0 @@
-declare const fontWeights: {
-    semibold: number;
-    thin: number;
-    extralight: number;
-    light: number;
-    regular: number;
-    medium: number;
-    bold: number;
-    extrabold: number;
-    black: number;
-};
-export { fontWeights };

package/build/stories/theme/gradients.d.ts

@@ -1,3 +0,0 @@
-export declare const gradients: {
-    dark: string;
-};

package/build/stories/theme/index.d.ts

@@ -1,446 +0,0 @@
-declare const theme: {
-    breakpoints: {
-        xxl: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    colors: {
-        base: "light" | "dark";
-        background: string;
-        foreground: string;
-        primaryHue: string;
-        dangerHue: string;
-        warningHue: string;
-        successHue: string;
-        neutralHue: string;
-        chromeHue: string;
-    } & {
-        infoHue: string;
-        accentHue: string;
-    };
-    palette: {
-        black: string;
-        white: string;
-        product: {
-            support: string;
-            message: string;
-            explore: string;
-            gather: string;
-            guide: string;
-            connect: string;
-            chat: string;
-            talk: string;
-            sell: string;
-        };
-        grey: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        blue: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        red: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        yellow: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        green: {
-            "50": string;
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        azure: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        kale: {
-            "100": string;
-            "200": string;
-            "300": string;
-            "600": string;
-            "700": string;
-            "800": string;
-        };
-        pink: {
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        crimson: {
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-        };
-        fuschia: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        lemon: {
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-        };
-        teal: {
-            "400": string;
-            "500": string;
-            "600": string;
-            "700": string;
-        };
-        royal: {
-            "600": string;
-            "700": string;
-            "800": string;
-            "900": string;
-        };
-        purple: {
-            "200": string;
-            "300": string;
-            "400": string;
-            "500": string;
-        };
-        lime: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        mint: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-        orange: {
-            "400": string;
-            "600": string;
-            M400: string;
-            M600: string;
-        };
-    };
-    fonts: {
-        system: string;
-        mono: string;
-    };
-    fontWeights: {
-        semibold: number;
-        thin: number;
-        extralight: number;
-        light: number;
-        regular: number;
-        medium: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    gradients: {
-        dark: string;
-    };
-    borderRadii: {
-        lg: string;
-        xl: string;
-        xxl: string;
-        sm: string;
-        md: string;
-    };
-    lineHeights: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-    };
-    components: {
-        "text.primary": () => {
-            color: string | undefined;
-        };
-        "text.success": () => {
-            color: string | undefined;
-        };
-        "text.warning": () => {
-            color: string | undefined;
-        };
-        "text.danger": () => {
-            color: string | undefined;
-        };
-        "navigation.hoverableItem": ({ isCurrent }: {
-            isCurrent: boolean;
-        }) => {
-            color: string | undefined;
-            "font-weight": number;
-            "background-color"?: string | undefined;
-            "border-top-left-radius": string;
-            "border-bottom-left-radius": string;
-            "&:hover, &.hover": {
-                "background-color": string | undefined;
-                color: string | undefined;
-            };
-            "&:active, &.active": {
-                "background-color": string | undefined;
-                color: string | undefined;
-            };
-            "&.isCurrent": {
-                color: string | undefined;
-                "font-weight": number;
-                "background-color": string | undefined;
-            };
-        };
-        "notifications.notification": ({ type, isPrimary, }: {
-            type: string;
-            isPrimary: boolean;
-        }) => {
-            svg?: {
-                marginTop: string;
-            } | {
-                color: string;
-                marginTop: string;
-            } | undefined;
-            backgroundColor?: string | undefined;
-        };
-        "notifications.notification.close": ({ type, isPrimary, }: {
-            type: string;
-            isPrimary: boolean;
-        }) => {
-            color?: string | undefined;
-            ":hover"?: {
-                color: string;
-            } | undefined;
-            cursor: string;
-        };
-        "notifications.notification.close-icon": () => {
-            position: string;
-            top: string;
-            right: string;
-            width: string;
-            height: string;
-        };
-        "notifications.notification.title": ({ type, isPrimary, }: {
-            type: string;
-            isPrimary: boolean;
-        }) => {
-            color?: string | undefined;
-        };
-        pageHeader: {
-            imgMaxHeight: string;
-        };
-        autocomplete: {
-            thumbSize: string;
-        };
-        "tabs.tab": ({ isSelected }: {
-            isSelected: boolean;
-        }) => {
-            fontWeight: number;
-        } | undefined;
-        "dropdowns.item": ({ addable, checked, ...rest }: {
-            addable: boolean;
-            checked: boolean;
-        }) => {
-            fontWeight?: number | undefined;
-            color?: string | undefined;
-            cursor?: string | undefined;
-        };
-        "buttons.icon_button": ({ disabled, isBright, isAccent, isPrimary, isBasic, }: import("../buttons/button/_types").ButtonArgs) => {
-            pointerEvents?: string | undefined;
-            backgroundColor?: string | undefined;
-            color?: string | undefined;
-            border?: string | undefined;
-            "&:hover"?: {
-                borderColor: string | undefined;
-                color: string | undefined;
-                backgroundColor: string | undefined;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string | undefined;
-                color: string | undefined;
-                borderColor?: undefined;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string;
-                color: string;
-                "& svg": {
-                    color: string;
-                };
-                borderColor?: undefined;
-            } | undefined;
-            "&:active"?: {
-                borderColor: string | undefined;
-                color: string | undefined;
-                backgroundColor: string;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string;
-                color: string | undefined;
-                borderColor?: undefined;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string | undefined;
-                color: string;
-                borderColor?: undefined;
-                "& svg"?: undefined;
-            } | {
-                backgroundColor: string;
-                color: string;
-                "& svg": {
-                    color: string;
-                };
-                borderColor?: undefined;
-            } | undefined;
-            borderColor?: string | undefined;
-        };
-        "buttons.button": ({ isAccent, isBright, isPrimary, isBasic, isLink, }: import("../buttons/button/_types").ButtonArgs) => {
-            backgroundColor?: string | undefined;
-            color?: string | undefined;
-            border?: string | undefined;
-            "&:hover"?: {
-                borderColor: string | undefined;
-                color: string | undefined;
-                backgroundColor: string | undefined;
-            } | {
-                backgroundColor: string | undefined;
-                borderColor?: undefined;
-                color?: undefined;
-            } | {
-                backgroundColor: string | undefined;
-                color: string | undefined;
-                borderColor?: undefined;
-            } | {
-                color: string | undefined;
-                borderColor?: undefined;
-                backgroundColor?: undefined;
-            } | undefined;
-            "&:active"?: {
-                borderColor: string | undefined;
-                color: string | undefined;
-                backgroundColor: string;
-            } | {
-                backgroundColor: string | undefined;
-                borderColor?: undefined;
-                color?: undefined;
-            } | {
-                backgroundColor: string;
-                color: string | undefined;
-                borderColor?: undefined;
-            } | {
-                color: string | undefined;
-                borderColor?: undefined;
-                backgroundColor?: undefined;
-            } | undefined;
-            borderColor?: string | undefined;
-        };
-        "cards.card": {
-            border: string;
-        };
-        chrome: any;
-        notification: any;
-    };
-    shadows: {
-        boxShadow: (theme: import("styled-components").DefaultTheme) => string;
-        xs: (color: string) => string;
-        sm: (color: string) => string;
-        md: (color: string) => string;
-        lg: (offsetY: string, blurRadius: string, color: string) => string;
-    };
-    levels: {
-        back: number;
-        base: number;
-        front: number;
-        modal: number;
-    };
-    rtl: boolean;
-    document?: any;
-    window?: any;
-    borders: {
-        sm: string;
-        md: string;
-    };
-    borderStyles: {
-        solid: string;
-    };
-    borderWidths: {
-        sm: string;
-        md: string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-    };
-    iconSizes: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    shadowWidths: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    space: {
-        base: number;
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-};
-export { theme };

package/build/stories/theme/mixins.d.ts

@@ -1,4 +0,0 @@
-export declare const flexCenter: import("styled-components").RuleSet<object>;
-export declare const flexColumnCenter: import("styled-components").RuleSet<object>;
-export declare const flexStart: import("styled-components").RuleSet<object>;
-export declare const cardStyle: import("styled-components").RuleSet<object>;