colibri-ui 0.7.35 → 0.7.37

package/Theme/themes/buenos_aires.js

@@ -1,235 +1,16 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var color = require('../color.js');
-var breakpoints = require('../breakpoints.js');
 
-var ButtonThemeBA = {
-  base: {
-    color: color.Color.WHITE,
-    borderRadius: "26px",
-    border: "none"
-  },
-  primary: {
-    normal: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.PRIMARY_BA_4,
-      borderColor: color.Color.PRIMARY_BA_4
-    },
-    hovered: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.PRIMARY_BA_5,
-      borderColor: color.Color.PRIMARY_BA_5
-    },
-    focused: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.PRIMARY_BA_5,
-      borderColor: color.Color.PRIMARY_BA_5
-    },
-    active: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.PRIMARY_BA_5,
-      borderColor: color.Color.PRIMARY_BA_5
-    },
-    disabled: {
-      color: color.Color.PRIMARY_BA_2,
-      backgroundColor: color.Color.PRIMARY_BA_1,
-      borderColor: color.Color.PRIMARY_BA_1
-    }
-  },
-  secondary: {
-    normal: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.SECONDARY_BA_4,
-      borderColor: color.Color.SECONDARY_BA_4
-    },
-    hovered: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.SECONDARY_BA_5,
-      borderColor: color.Color.SECONDARY_BA_5
-    },
-    focused: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.SECONDARY_BA_5,
-      borderColor: color.Color.SECONDARY_BA_5
-    },
-    active: {
-      color: color.Color.WHITE,
-      backgroundColor: color.Color.SECONDARY_BA_5,
-      borderColor: color.Color.SECONDARY_BA_5
-    },
-    disabled: {
-      color: color.Color.SECONDARY_BA_2,
-      backgroundColor: color.Color.SECONDARY_BA_1,
-      borderColor: color.Color.SECONDARY_BA_1
-    }
-  },
-  pseudo: {
-    normal: {
-      color: color.Color.TRETIARY_BA_5,
-      backgroundColor: color.Color.WHITE,
-      borderColor: color.Color.WHITE
-    },
-    hovered: {
-      color: color.Color.TRETIARY_BA_5,
-      backgroundColor: color.Color.TRETIARY_BA_2,
-      borderColor: color.Color.TRETIARY_BA_2
-    },
-    active: {
-      color: color.Color.TRETIARY_BA_5,
-      backgroundColor: color.Color.TRETIARY_BA_2,
-      borderColor: color.Color.TRETIARY_BA_2
-    },
-    disabled: {
-      color: color.Color.TRETIARY_BA_3,
-      backgroundColor: color.Color.TRETIARY_BA_1,
-      borderColor: color.Color.TRETIARY_BA_1
-    }
-  },
-  clear: {
-    normal: {
-      color: color.Color.PRIMARY_BA_4,
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    },
-    hovered: {
-      color: color.Color.PRIMARY_BA_5,
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    },
-    active: {
-      color: color.Color.PRIMARY_BA_5,
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    },
-    disabled: {
-      color: color.Color.BG_3,
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    }
-  }
-};
-var InputThemeBA = {
-  placeholder: {
-    color: color.Color.BG_2
-  },
-  primary: {
-    normal: {
-      borderColor: color.Color.BG_3
-    },
-    hovered: {
-      borderColor: color.Color.PRIMARY_BA_3,
-      boxShadow: "0px 0px 0px 2px ".concat(color.Color.PRIMARY_BA_2)
-    },
-    focused: {
-      borderColor: color.Color.PRIMARY_BA_4
-    },
-    disabled: {
-      color: color.Color.BG_3,
-      backgroundColor: color.Color.BG_1,
-      borderColor: color.Color.BG_3
-    },
-    error: {
-      normal: {
-        backgroundColor: color.Color.TRETIARY_2,
-        borderColor: color.Color.ALERT
-      },
-      hovered: {
-        backgroundColor: color.Color.WHITE,
-        borderColor: color.Color.ALERT,
-        boxShadow: "0px 0px 0px 2px ".concat(color.Color.TRETIARY_2)
-      },
-      focused: {
-        backgroundColor: color.Color.WHITE,
-        borderColor: color.Color.ALERT
-      }
-    }
-  }
-};
-var CheckboxThemeBA = {
-  primary: {
-    normal: {
-      backgroundColor: color.Color.PRIMARY_BA_4
-    },
-    hovered: {
-      backgroundColor: color.Color.PRIMARY_BA_4
-    },
-    focused: {
-      boxShadow: "0 0 0 2px ".concat(color.Color.PRIMARY_BA_1)
-    },
-    checked: {
-      backgroundColor: color.Color.PRIMARY_BA_4
-    },
-    active: {
-      backgroundColor: color.Color.PRIMARY_BA_4,
-      borderColor: color.Color.PRIMARY_BA_4,
-      boxShadow: color.Color.PRIMARY_BA_4
-    },
-    disabled: {
-      backgroundColor: color.Color.BG_1
-    }
-  }
-};
-var TypographyThemeBA = {
-  alert: {
-    color: color.Color.ALERT
-  },
-  success: {
-    color: color.Color.SUCCESS
-  },
-  secondary: {
-    color: color.Color.BG_3
-  }
-};
-var SwitchThemeBA = {
-  circle: {
-    backgroundColor: color.Color.WHITE
-  },
-  state: {
-    normal: {
-      backgroundColor: color.Color.BG_2,
-      borderColor: color.Color.BG_2
-    },
-    checked: {
-      backgroundColor: color.Color.PRIMARY_BA_5,
-      borderColor: color.Color.PRIMARY_BA_5
-    }
-  }
-};
-var MenuThemeBA = {
-  primary: {
-    normal: {
-      backgroundColor: color.Color.WHITE
-    },
-    hovered: {
-      backgroundColor: color.Color.PRIMARY_BA_2
-    },
-    focused: {
-      backgroundColor: color.Color.PRIMARY_BA_2
-    },
-    selected: {
-      backgroundColor: color.Color.PRIMARY_BA_2
-    },
-    disabled: {
-      color: color.Color.BG_2,
-      backgroundColor: color.Color.WHITE
-    }
-  }
-};
 var THEME_BA = {
-  breakpoints: breakpoints.default,
-  button: ButtonThemeBA,
-  menu: MenuThemeBA,
-  input: InputThemeBA,
-  checkbox: CheckboxThemeBA,
-  typography: TypographyThemeBA,
-  "switch": SwitchThemeBA,
-  palette: color.Color
+  "palette-bg-3": color.Color.BG_3,
+  "palette-black": color.Color.BLACK,
+  "palette-white": color.Color.WHITE,
+  "palette-brand-ba-1": color.Color.BRAND_BA_1,
+  "palette-brand-ba-2": color.Color.BRAND_BA_2,
+  "palette-brand-ba-3": color.Color.BRAND_BA_3
 };
 
-exports.ButtonThemeBA = ButtonThemeBA;
-exports.CheckboxThemeBA = CheckboxThemeBA;
-exports.InputThemeBA = InputThemeBA;
-exports.MenuThemeBA = MenuThemeBA;
-exports.SwitchThemeBA = SwitchThemeBA;
-exports.THEME_BA = THEME_BA;
-exports.TypographyThemeBA = TypographyThemeBA;
+exports.default = THEME_BA;

package/Theme/themes/default.d.ts

@@ -1,185 +1,80 @@
-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 ButtonThemeDefault: ButtonVariant & ButtonBase;
-export declare const InputThemeDefault: {
-    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 CheckboxThemeDefault: CheckboxVariant;
-export declare const TypographyThemeDefault: {
-    alert: {
-        color: string;
-    };
-    success: {
-        color: string;
-    };
-    secondary: {
-        color: string;
-    };
-};
-export declare const SwitchThemeDefault: {
-    circle: {
-        backgroundColor: string;
-    };
-    state: {
-        normal: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        checked: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-};
-export declare const MenuThemeDefault: MenuVariant;
-export declare const THEME_DEFAULT: {
-    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-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;
 };
+export default _default;