@granto-umbrella/umbrella-components 3.0.76 → 3.0.78

package/dist/types/styles/tokens/colors.d.ts

@@ -0,0 +1,599 @@
+export declare const primitiveColors: {
+    base: {
+        white: string;
+        black: string;
+    };
+    gray: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    purple: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    green: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    red: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    blue: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    orange: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    yellow: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    coral: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    tangerine: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    amber: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    gold: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    lime: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    mint: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    emerald: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    teal: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    cyan: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    aqua: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    crimson: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    forest: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    navy: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    rust: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    olive: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    grape: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    magenta: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    ruby: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+    ocean: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        1100: string;
+        1200: string;
+        1300: string;
+    };
+};
+export declare const semanticColors: {
+    base: {
+        background: string;
+        text: string;
+    };
+    neutral: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    branding: {
+        surface: {
+            disabled: string;
+            enabled: string;
+            hover: string;
+            pressed: string;
+        };
+        border: {
+            disabled: string;
+            enabled: string;
+            hover: string;
+            pressed: string;
+        };
+        text: {
+            accent: {
+                disabled: string;
+                enabled: string;
+                hover: string;
+                pressed: string;
+            };
+            onSurfaceAccent: {
+                enabled: string;
+            };
+        };
+    };
+    success: {
+        surface: {
+            feedback: string;
+        };
+        text: {
+            feedback: {
+                strong: string;
+                accent: string;
+            };
+        };
+    };
+    danger: {
+        surface: {
+            enabled: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+        };
+        text: {
+            enabled: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+            onSurface: string;
+            feedback: {
+                strong: string;
+                accent: string;
+            };
+        };
+        border: {
+            enabled: string;
+            hover: string;
+            pressed: string;
+            disabled: string;
+        };
+    };
+    warning: {
+        surface: {
+            feedback: string;
+            pills: {
+                supply: string;
+            };
+        };
+        text: {
+            feedback: {
+                strong: string;
+            };
+            pills: {
+                supply: string;
+            };
+        };
+    };
+    border: {
+        feedback: string;
+    };
+    info: {
+        surface: {
+            feedback: string;
+            pills: {
+                tradicional: string;
+            };
+        };
+        text: {
+            feedback: {
+                strong: string;
+            };
+            pills: {
+                tradicional: string;
+            };
+        };
+        border: {
+            feedback: string;
+        };
+    };
+    global: {
+        foreground: {
+            default: string;
+        };
+        surface: {
+            default: string;
+            overlay: string;
+            disabled: string;
+            danger: {
+                enabled: string;
+                hover: string;
+                pressed: string;
+                disabled: string;
+            };
+            status: {
+                online: string;
+                notification: string;
+                offline: string;
+            };
+        };
+        status: {
+            online: string;
+            notification: string;
+            offline: string;
+        };
+        text: {
+            default: {
+                enabled: string;
+            };
+            onSurface: {
+                subtitle: string;
+                enabled: string;
+            };
+            subtitle: {
+                enabled: string;
+            };
+            feedback: {
+                error: string;
+                info: string;
+                success: string;
+                warning: string;
+                strong: {
+                    error: string;
+                    info: string;
+                    success: string;
+                    warning: string;
+                };
+            };
+        };
+        border: {
+            default: string;
+            medium: string;
+            strong: string;
+            disabled: string;
+            feedback: {
+                error: string;
+                info: string;
+                success: string;
+                warning: string;
+            };
+            danger: {
+                enabled: string;
+                hover: string;
+                pressed: string;
+                disabled: string;
+            };
+        };
+    };
+    category: {
+        coral: string;
+        tangerine: string;
+        amber: string;
+        gold: string;
+        lime: string;
+        mint: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        aqua: string;
+        crimson: string;
+        forest: string;
+        navy: string;
+        rust: string;
+        olive: string;
+        grape: string;
+        magenta: string;
+        ruby: string;
+        ocean: string;
+    };
+};

package/dist/types/styles/tokens/radius.d.ts

@@ -0,0 +1,21 @@
+export declare const primitiveRadius: {
+    radius: {
+        half: string;
+        x1: string;
+        x2: string;
+        x3: string;
+        x4: string;
+        x1000: string;
+    };
+};
+export declare const semanticRadius: {
+    global: {
+        radius: {
+            sm: string;
+            md: string;
+            md2: string;
+            lg: string;
+            full: string;
+        };
+    };
+};

package/dist/types/styles/tokens/shadows.d.ts

@@ -0,0 +1,18 @@
+export declare const primitiveShadows: {
+    shadow: {
+        primary: string;
+        danger: string;
+        none: string;
+        default: string;
+        md: string;
+        lg: string;
+    };
+};
+export declare const semanticShadows: {
+    shadow: {
+        none: string;
+        default: string;
+        md: string;
+        lg: string;
+    };
+};

package/dist/types/styles/tokens/sizes.d.ts

@@ -0,0 +1,59 @@
+export declare const primitiveSizes: {
+    size: {
+        quarter: string;
+        half: string;
+        x1: string;
+        x2: string;
+        x3: string;
+        x4: string;
+        x5: string;
+        x6: string;
+        x7: string;
+        x8: string;
+        x9: string;
+        x10: string;
+        x11: string;
+        x12: string;
+        x13: string;
+        x14: string;
+        x15: string;
+        x16: string;
+        x28: string;
+        x44: string;
+    };
+};
+export declare const semanticSizes: {
+    readonly global: {
+        readonly gap: {
+            readonly xs: string;
+            readonly sm: string;
+            readonly md: string;
+            readonly lg: string;
+            readonly xl: string;
+            readonly '2xl': string;
+            readonly '3xl': string;
+            readonly '4xl': string;
+            readonly '5xl': string;
+            readonly '6xl': string;
+        };
+        readonly padding: {
+            readonly '2xs': string;
+            readonly xs: string;
+            readonly sm: string;
+            readonly md: string;
+            readonly lg: string;
+            readonly xl: string;
+            readonly '2xl': string;
+            readonly '3xl': string;
+            readonly '4xl': string;
+            readonly '5xl': string;
+            readonly '6xl': string;
+        };
+        readonly spacings: {
+            readonly sm: string;
+            readonly md: string;
+            readonly lg: string;
+        };
+        readonly full: "100%";
+    };
+};