takeat-design-system-ui-kit 0.6.44 → 0.6.46

package/dist/cjs/utils/consts.d.ts

@@ -1,319 +0,0 @@
-import { MenuObjectProps } from "../components/CollapsableMenu/types";
-export declare const DEFAULT_THEME: {
-    readonly colors: {
-        readonly primary: {
-            readonly lightest: "#e5a1a4";
-            readonly lighter: "#db6e72";
-            readonly light: "#d13f45";
-            readonly default: "#c8131b";
-            readonly dark: "#94090f";
-            readonly darker: "#610206";
-        };
-        readonly red: {
-            readonly lightest: "#e5a1a4";
-            readonly lighter: "#db6e72";
-            readonly light: "#d13f45";
-            readonly default: "#c8131b";
-            readonly dark: "#94090f";
-            readonly darker: "#610206";
-        };
-        readonly yellow: {
-            readonly lightest: "#ffebc8";
-            readonly lighter: "#ffd894";
-            readonly light: "#ffc561";
-            readonly default: "#ffb32f";
-            readonly dark: "#cc8c1d";
-            readonly darker: "#99670f";
-        };
-        readonly green: {
-            readonly lightest: "#bce3de";
-            readonly lighter: "#89d9cf";
-            readonly light: "#59cfc1";
-            readonly default: "#2ec9b7";
-            readonly dark: "#1d9688";
-            readonly darker: "#0f635a";
-        };
-        readonly blue: {
-            readonly lightest: "#99dfff";
-            readonly lighter: "#66cfff";
-            readonly light: "#33bfff";
-            readonly default: "#01afff";
-            readonly dark: "#018ccc";
-            readonly darker: "#016999";
-        };
-        readonly orange: {
-            readonly lightest: "#FFD8BD";
-            readonly lighter: "#FFB98A";
-            readonly light: "#FF9B57";
-            readonly default: "#FF7D24";
-            readonly dark: "#CC5F14";
-            readonly darker: "#994409";
-        };
-        readonly second_green: {
-            readonly lightest: "#A5C7AF";
-            readonly lighter: "#77BD8B";
-            readonly light: "#4DB26A";
-            readonly default: "#27A84C";
-            readonly dark: "#167532";
-            readonly darker: "#0A421A";
-        };
-        readonly neutral: {
-            readonly white: "#ffffff";
-            readonly lightest: "#f6f6f6";
-            readonly lighter: "#ededed";
-            readonly light: "#c6c6c6";
-            readonly default: "#7a7a7a";
-            readonly dark: "#545454";
-            readonly darker: "#222222";
-            readonly black: "#000000";
-        };
-    };
-    readonly shadows: {
-        readonly lighter: "0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;";
-        readonly light: "0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;";
-        readonly default: "0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;";
-        readonly dark: "0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;";
-        readonly darker: "0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;";
-    };
-    readonly typography: {
-        readonly family: {
-            readonly default: "\"Poppins\", sans-serif";
-        };
-        readonly weights: {
-            readonly regular: 400;
-            readonly medium: 500;
-            readonly semibold: 600;
-            readonly bold: 700;
-        };
-    };
-    readonly spacing: {
-        readonly xxs: "4px";
-        readonly xs: "8px";
-        readonly s: "16px";
-        readonly m: "24px";
-        readonly l: "32px";
-        readonly xl: "40px";
-        readonly xxl: "48px";
-    };
-    readonly radius: {
-        readonly s: "4px";
-        readonly m: "8px";
-        readonly l: "12px";
-        readonly xl: "16px";
-        readonly xxl: "24px";
-    };
-    readonly components: {
-        readonly fieldInfo: {
-            readonly fontSize: {
-                readonly desktop: "12px";
-                readonly tablet: "14px";
-                readonly totem: "16px";
-            };
-        };
-        readonly input: {
-            readonly label: {
-                readonly fontSize: {
-                    readonly desktop: "16px";
-                    readonly tablet: "18px";
-                    readonly totem: "20px";
-                };
-            };
-            readonly input: {
-                readonly fontSize: {
-                    readonly desktop: "14px";
-                    readonly tablet: "16px";
-                    readonly totem: "18px";
-                };
-                readonly height: {
-                    readonly desktop: "40px";
-                    readonly tablet: "48px";
-                    readonly totem: "56px";
-                };
-                readonly borderRadius: {
-                    readonly desktop: "8px";
-                    readonly tablet: "12px";
-                    readonly totem: "16px";
-                };
-                readonly padding: {
-                    readonly desktop: "8px 16px";
-                    readonly tablet: "8px 16px";
-                    readonly totem: "8px 12px";
-                };
-            };
-        };
-        readonly select: {
-            readonly padding: {
-                readonly desktop: "4px 16px";
-                readonly tablet: "4px 16px";
-                readonly totem: "4px 12px";
-            };
-        };
-        readonly button: {
-            readonly fontSize: {
-                readonly medium: "14px";
-                readonly small: "12px";
-                readonly large: "14px";
-                readonly tablet: "16px";
-                readonly totem: "18px";
-            };
-            readonly height: {
-                readonly large: "40px";
-                readonly medium: "32px";
-                readonly small: "24px";
-                readonly tablet: "48px";
-                readonly totem: "56px";
-            };
-            readonly padding: {
-                readonly large: {
-                    readonly text: "0 24px";
-                    readonly icon: "0 8px";
-                    readonly textAndIcon: "0 24px 0 16px";
-                };
-                readonly medium: {
-                    readonly text: "0 16px";
-                    readonly icon: "0 8px";
-                    readonly textAndIcon: "0 12px 0 8px";
-                };
-                readonly small: {
-                    readonly text: "0 8px";
-                    readonly icon: "0 4px";
-                    readonly textAndIcon: "0 6px 0 4px";
-                };
-                readonly tablet: {
-                    readonly text: "0 24px";
-                    readonly icon: "0 8px";
-                    readonly textAndIcon: "0 24px 0 16px";
-                };
-                readonly totem: {
-                    readonly text: "0 32px";
-                    readonly icon: "0 8px";
-                    readonly textAndIcon: "0 32px 0 16px";
-                };
-            };
-            readonly iconSize: {
-                readonly large: "24px";
-                readonly medium: "20px";
-                readonly small: "16px";
-                readonly tablet: "24px";
-                readonly totem: "24px";
-            };
-            readonly iconPadding: {
-                readonly large: 8;
-                readonly medium: 8;
-                readonly small: 4;
-                readonly tablet: 24;
-                readonly totem: 32;
-            };
-        };
-    };
-    readonly device: "desktop";
-};
-export type DeviceType = "desktop" | "tablet" | "totem";
-export type ButtonSize = "small" | "medium" | "large";
-export type ColorShades = {
-    white?: string;
-    lightest: string;
-    lighter: string;
-    light: string;
-    default: string;
-    dark: string;
-    darker: string;
-    black?: string;
-};
-export type Colors = {
-    [key in keyof typeof DEFAULT_THEME.colors]: ColorShades;
-};
-export type Spacing = {
-    xxs: string;
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-};
-export type Radius = {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-};
-export type Typography = {
-    family: {
-        default: string;
-    };
-    weights: {
-        regular: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-    };
-};
-export type Components = {
-    fieldInfo: {
-        fontSize: Record<DeviceType, string>;
-    };
-    input: {
-        label: {
-            fontSize: Record<DeviceType, string>;
-        };
-        input: {
-            fontSize: Record<DeviceType, string>;
-            height: Record<DeviceType, string>;
-            borderRadius: Record<DeviceType, string>;
-            padding: Record<DeviceType, string>;
-        };
-    };
-    select: {
-        padding: Record<DeviceType, string>;
-    };
-    button: {
-        fontSize: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
-        iconSize: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
-        height: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
-        padding: Record<Exclude<DeviceType, "desktop"> | ButtonSize, {
-            text: string;
-            icon: string;
-            textAndIcon: string;
-        }>;
-    };
-};
-export type DefaultThemeType = {
-    colors: Colors;
-    shadows: {
-        lighter: string;
-        light: string;
-        default: string;
-        dark: string;
-        darker: string;
-    };
-    typography: Typography;
-    spacing: Spacing;
-    radius: Radius;
-    components: Components;
-    device: DeviceType;
-};
-export type ColorType = keyof DefaultThemeType["colors"];
-export declare const LABEL_POSITIONS: {
-    top: string;
-    bottom: string;
-    left: string;
-    right: string;
-};
-export declare const MENU_OBJECT: MenuObjectProps;
-export declare const MENU_CONSTANTS: {
-    readonly TOOLTIPS: {
-        readonly CLOSE_MENU: "Fechar menu";
-        readonly OPEN_MENU: "Abrir menu";
-    };
-    readonly SEARCH: {
-        readonly PLACEHOLDER: "Buscar";
-        readonly NO_RESULTS: "Nenhum resultado encontrado";
-    };
-};
-export declare const MENU_ITEMS: {
-    id: string;
-    text: string;
-    path: string;
-}[];