colibri-ui 0.7.34 → 0.7.36

package/Theme/index.d.ts

@@ -1,240 +1,89 @@
-import { type FC, type ReactNode } from "react";
-import type { ThemeProps } from "./index.props";
 export declare const THEMES: {
     DEFAULT: {
-        breakpoints: import("./breakpoints").BreakpointsTheme;
-        button: import("../Button/index.props").ButtonVariant & import("../Button/index.props").ButtonBase;
-        menu: import("../Menu/index.props").MenuVariant;
-        input: {
-            placeholder: {
-                color: string;
-            };
-            primary: {
-                normal: {
-                    borderColor: string;
-                };
-                hovered: {
-                    borderColor: string;
-                    boxShadow: string;
-                };
-                focused: {
-                    borderColor: string;
-                };
-                disabled: {
-                    color: string;
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                error: {
-                    normal: {
-                        backgroundColor: string;
-                        borderColor: string;
-                    };
-                    hovered: {
-                        backgroundColor: string;
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                    focused: {
-                        backgroundColor: string;
-                        borderColor: string;
-                    };
-                };
-            };
-        };
-        checkbox: import("../Checkbox/index.props").CheckboxVariant;
-        typography: {
-            alert: {
-                color: string;
-            };
-            success: {
-                color: string;
-            };
-            secondary: {
-                color: string;
-            };
-        };
-        switch: {
-            circle: {
-                backgroundColor: string;
-            };
-            state: {
-                normal: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                checked: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-        };
-        palette: {
-            TRETIARY_BA_1: string;
-            TRETIARY_BA_2: string;
-            TRETIARY_BA_3: string;
-            TRETIARY_BA_4: string;
-            TRETIARY_BA_5: string;
-            SECONDARY_BA_1: string;
-            SECONDARY_BA_2: string;
-            SECONDARY_BA_3: string;
-            SECONDARY_BA_4: string;
-            SECONDARY_BA_5: string;
-            PRIMARY_BA_1: string;
-            PRIMARY_BA_2: string;
-            PRIMARY_BA_3: string;
-            PRIMARY_BA_4: string;
-            PRIMARY_BA_5: string;
-            TRETIARY_1: string;
-            TRETIARY_2: string;
-            TRETIARY_3: string;
-            TRETIARY_4: string;
-            TRETIARY_5: string;
-            SECONDARY_1: string;
-            SECONDARY_2: string;
-            SECONDARY_3: string;
-            SECONDARY_4: string;
-            SECONDARY_5: string;
-            PRIMARY_1: string;
-            PRIMARY_2: string;
-            PRIMARY_3: string;
-            PRIMARY_4: string;
-            PRIMARY_5: string;
-            BG_1: string;
-            BG_2: string;
-            BG_3: string;
-            BG_4: string;
-            BG_5: string;
-            BRAND_BA_1: string;
-            BRAND_BA_2: string;
-            BRAND_BA_3: string;
-            BRAND_DEFAULT_1: string;
-            BRAND_DEFAULT_2: string;
-            BRAND_DEFAULT_3: string;
-            ALERT: string;
-            SUCCESS: string;
-            WHITE: string;
-            BLACK: string;
-        };
+        "palette-black": string;
+        "palette-white": string;
+        "palette-bg-1": string;
+        "palette-bg-2": string;
+        "palette-bg-3": string;
+        "palette-bg-4": string;
+        "palette-bg-5": string;
+        "palette-brand-default-1": string;
+        "palette-brand-default-2": string;
+        "palette-brand-default-3": string;
+        "palette-primary-1": string;
+        "palette-primary-2": string;
+        "palette-primary-3": string;
+        "palette-primary-4": string;
+        "palette-primary-5": string;
+        "palette-tretiary-1": string;
+        "palette-tretiary-2": string;
+        "palette-tretiary-3": string;
+        "palette-tretiary-4": string;
+        "palette-tretiary-5": string;
+        "palette-alert": string;
+        "typography-alert": string;
+        "typography-success": string;
+        "typography-secondary": string;
+        "button-border-radius": string;
+        "button-primary-color": string;
+        "button-primary-background-color": string;
+        "button-primary-border-color": string;
+        "button-primary-color-hovered": string;
+        "button-primary-background-color-hovered": string;
+        "button-primary-border-color-hovered": string;
+        "button-primary-color-active": string;
+        "button-primary-background-color-active": string;
+        "button-primary-border-color-active": string;
+        "button-primary-color-disabled": string;
+        "button-primary-background-color-disabled": string;
+        "button-primary-border-color-disabled": string;
+        "button-secondary-color": string;
+        "button-secondary-background-color": string;
+        "button-secondary-border-color": string;
+        "button-secondary-color-hovered": string;
+        "button-secondary-background-color-hovered": string;
+        "button-secondary-border-color-hovered": string;
+        "button-secondary-color-active": string;
+        "button-secondary-background-color-active": string;
+        "button-secondary-border-color-active": string;
+        "button-secondary-color-disabled": string;
+        "button-secondary-background-color-disabled": string;
+        "button-secondary-border-color-disabled": string;
+        "button-pseudo-color": string;
+        "button-pseudo-background-color": string;
+        "button-pseudo-border-color": string;
+        "button-pseudo-color-hovered": string;
+        "button-pseudo-background-color-hovered": string;
+        "button-pseudo-border-color-hovered": string;
+        "button-pseudo-color-active": string;
+        "button-pseudo-background-color-active": string;
+        "button-pseudo-border-color-active": string;
+        "button-pseudo-color-disabled": string;
+        "button-pseudo-background-color-disabled": string;
+        "button-pseudo-border-color-disabled": string;
+        "button-clear-color": string;
+        "button-clear-color-hovered": string;
+        "button-clear-color-active": string;
+        "input-primary-border-color": string;
+        "input-primary-plaseholder-color": string;
+        "checkbox-primary-background-color-checked": string;
+        "checkbox-primary-background-color-hovered": string;
+        "checkbox-primary-box-shadow-focused": string;
+        "checkbox-primary-background-color-active": string;
+        "checkbox-primary-border-color-active": string;
+        "checkbox-primary-box-shadow-active": string;
+        "checkbox-primary-background-color-disabled": string;
+        "switch-primary-background-color": string;
+        "switch-primary-border-color": string;
+        "switch-primary-background-color-checked": string;
+        "switch-primary-border-color-checked": string;
     };
     BA: {
-        breakpoints: import("./breakpoints").BreakpointsTheme;
-        button: import("../Button/index.props").ButtonVariant & import("../Button/index.props").ButtonBase;
-        menu: import("../Menu/index.props").MenuVariant;
-        input: {
-            placeholder: {
-                color: string;
-            };
-            primary: {
-                normal: {
-                    borderColor: string;
-                };
-                hovered: {
-                    borderColor: string;
-                    boxShadow: string;
-                };
-                focused: {
-                    borderColor: string;
-                };
-                disabled: {
-                    color: string;
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                error: {
-                    normal: {
-                        backgroundColor: string;
-                        borderColor: string;
-                    };
-                    hovered: {
-                        backgroundColor: string;
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                    focused: {
-                        backgroundColor: string;
-                        borderColor: string;
-                    };
-                };
-            };
-        };
-        checkbox: import("../Checkbox/index.props").CheckboxVariant;
-        typography: {
-            alert: {
-                color: string;
-            };
-            success: {
-                color: string;
-            };
-            secondary: {
-                color: string;
-            };
-        };
-        switch: {
-            circle: {
-                backgroundColor: string;
-            };
-            state: {
-                normal: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                checked: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-        };
-        palette: {
-            TRETIARY_BA_1: string;
-            TRETIARY_BA_2: string;
-            TRETIARY_BA_3: string;
-            TRETIARY_BA_4: string;
-            TRETIARY_BA_5: string;
-            SECONDARY_BA_1: string;
-            SECONDARY_BA_2: string;
-            SECONDARY_BA_3: string;
-            SECONDARY_BA_4: string;
-            SECONDARY_BA_5: string;
-            PRIMARY_BA_1: string;
-            PRIMARY_BA_2: string;
-            PRIMARY_BA_3: string;
-            PRIMARY_BA_4: string;
-            PRIMARY_BA_5: string;
-            TRETIARY_1: string;
-            TRETIARY_2: string;
-            TRETIARY_3: string;
-            TRETIARY_4: string;
-            TRETIARY_5: string;
-            SECONDARY_1: string;
-            SECONDARY_2: string;
-            SECONDARY_3: string;
-            SECONDARY_4: string;
-            SECONDARY_5: string;
-            PRIMARY_1: string;
-            PRIMARY_2: string;
-            PRIMARY_3: string;
-            PRIMARY_4: string;
-            PRIMARY_5: string;
-            BG_1: string;
-            BG_2: string;
-            BG_3: string;
-            BG_4: string;
-            BG_5: string;
-            BRAND_BA_1: string;
-            BRAND_BA_2: string;
-            BRAND_BA_3: string;
-            BRAND_DEFAULT_1: string;
-            BRAND_DEFAULT_2: string;
-            BRAND_DEFAULT_3: string;
-            ALERT: string;
-            SUCCESS: string;
-            WHITE: string;
-            BLACK: string;
-        };
+        "palette-bg-3": string;
+        "palette-black": string;
+        "palette-white": string;
+        "palette-brand-ba-1": string;
+        "palette-brand-ba-2": string;
+        "palette-brand-ba-3": string;
     };
 };
-export declare const ThemeProvider: FC<{
-    children: ReactNode;
-    theme: ThemeProps;
-}>;

package/Theme/index.js

@@ -1,24 +1,11 @@
 'use strict';
 
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var global = require('./global.js');
 var _default = require('./themes/default.js');
 var buenos_aires = require('./themes/buenos_aires.js');
 
 var THEMES = {
-  DEFAULT: _default.THEME_DEFAULT,
-  BA: buenos_aires.THEME_BA
-};
-var ThemeProvider = function ThemeProvider(_a) {
-  var children = _a.children,
-    _b = _a.theme,
-    theme = _b === void 0 ? _default.THEME_DEFAULT : _b;
-  return jsxRuntime.jsxs(react.ThemeProvider, {
-    theme: theme,
-    children: [global.default, children]
-  });
+  DEFAULT: _default.default,
+  BA: buenos_aires.default
 };
 
 exports.THEMES = THEMES;
-exports.ThemeProvider = ThemeProvider;

package/Theme/themes/buenos_aires.d.ts

@@ -1,185 +1,9 @@
-import type { MenuVariant } from "../../Menu/index.props";
-import type { CheckboxVariant } from "../../Checkbox/index.props";
-import type { ButtonBase, ButtonVariant } from "../../Button/index.props";
-export declare const ButtonThemeBA: ButtonVariant & ButtonBase;
-export declare const InputThemeBA: {
-    placeholder: {
-        color: string;
-    };
-    primary: {
-        normal: {
-            borderColor: string;
-        };
-        hovered: {
-            borderColor: string;
-            boxShadow: string;
-        };
-        focused: {
-            borderColor: string;
-        };
-        disabled: {
-            color: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        error: {
-            normal: {
-                backgroundColor: string;
-                borderColor: string;
-            };
-            hovered: {
-                backgroundColor: string;
-                borderColor: string;
-                boxShadow: string;
-            };
-            focused: {
-                backgroundColor: string;
-                borderColor: string;
-            };
-        };
-    };
-};
-export declare const CheckboxThemeBA: CheckboxVariant;
-export declare const TypographyThemeBA: {
-    alert: {
-        color: string;
-    };
-    success: {
-        color: string;
-    };
-    secondary: {
-        color: string;
-    };
-};
-export declare const SwitchThemeBA: {
-    circle: {
-        backgroundColor: string;
-    };
-    state: {
-        normal: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        checked: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-};
-export declare const MenuThemeBA: MenuVariant;
-export declare const THEME_BA: {
-    breakpoints: import("../breakpoints").BreakpointsTheme;
-    button: ButtonVariant & ButtonBase;
-    menu: MenuVariant;
-    input: {
-        placeholder: {
-            color: string;
-        };
-        primary: {
-            normal: {
-                borderColor: string;
-            };
-            hovered: {
-                borderColor: string;
-                boxShadow: string;
-            };
-            focused: {
-                borderColor: string;
-            };
-            disabled: {
-                color: string;
-                backgroundColor: string;
-                borderColor: string;
-            };
-            error: {
-                normal: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                hovered: {
-                    backgroundColor: string;
-                    borderColor: string;
-                    boxShadow: string;
-                };
-                focused: {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-        };
-    };
-    checkbox: CheckboxVariant;
-    typography: {
-        alert: {
-            color: string;
-        };
-        success: {
-            color: string;
-        };
-        secondary: {
-            color: string;
-        };
-    };
-    switch: {
-        circle: {
-            backgroundColor: string;
-        };
-        state: {
-            normal: {
-                backgroundColor: string;
-                borderColor: string;
-            };
-            checked: {
-                backgroundColor: string;
-                borderColor: string;
-            };
-        };
-    };
-    palette: {
-        TRETIARY_BA_1: string;
-        TRETIARY_BA_2: string;
-        TRETIARY_BA_3: string;
-        TRETIARY_BA_4: string;
-        TRETIARY_BA_5: string;
-        SECONDARY_BA_1: string;
-        SECONDARY_BA_2: string;
-        SECONDARY_BA_3: string;
-        SECONDARY_BA_4: string;
-        SECONDARY_BA_5: string;
-        PRIMARY_BA_1: string;
-        PRIMARY_BA_2: string;
-        PRIMARY_BA_3: string;
-        PRIMARY_BA_4: string;
-        PRIMARY_BA_5: string;
-        TRETIARY_1: string;
-        TRETIARY_2: string;
-        TRETIARY_3: string;
-        TRETIARY_4: string;
-        TRETIARY_5: string;
-        SECONDARY_1: string;
-        SECONDARY_2: string;
-        SECONDARY_3: string;
-        SECONDARY_4: string;
-        SECONDARY_5: string;
-        PRIMARY_1: string;
-        PRIMARY_2: string;
-        PRIMARY_3: string;
-        PRIMARY_4: string;
-        PRIMARY_5: string;
-        BG_1: string;
-        BG_2: string;
-        BG_3: string;
-        BG_4: string;
-        BG_5: string;
-        BRAND_BA_1: string;
-        BRAND_BA_2: string;
-        BRAND_BA_3: string;
-        BRAND_DEFAULT_1: string;
-        BRAND_DEFAULT_2: string;
-        BRAND_DEFAULT_3: string;
-        ALERT: string;
-        SUCCESS: string;
-        WHITE: string;
-        BLACK: string;
-    };
-};
+declare const _default: {
+    "palette-bg-3": string;
+    "palette-black": string;
+    "palette-white": string;
+    "palette-brand-ba-1": string;
+    "palette-brand-ba-2": string;
+    "palette-brand-ba-3": string;
+};
+export default _default;