colibri-ui 0.7.0 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/Button/index.props.d.ts +1 -0
  2. package/Button/styles.js +6 -2
  3. package/Theme/color.d.ts +18 -12
  4. package/Theme/color.js +18 -12
  5. package/Theme/themes/buenos_aires.js +39 -12
  6. package/Theme/themes/default.js +28 -1
  7. package/esm/Button/index.props.d.ts +1 -0
  8. package/esm/Theme/color.d.ts +18 -12
  9. package/esm/Theme/color.js +18 -12
  10. package/esm/Theme/themes/buenos_aires.js +39 -12
  11. package/esm/Theme/themes/default.js +28 -1
  12. package/package.json +1 -1
package/Button/index.props.d.ts CHANGED
@@ -25,6 +25,7 @@ export type ButtonBase = {
25
25
  base: BaseStyles;
26
26
  };
27
27
  export type ButtonVariant = {
28
+ default: VariantStates;
28
29
  primary: VariantStates;
29
30
  };
30
31
  export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
package/Button/styles.js CHANGED
@@ -4,7 +4,11 @@ var _styled = require('@emotion/styled/base');
4
4
  var tslib = require('tslib');
5
5
  var react = require('@emotion/react');
6
6
 
7
- var StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
7
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
+
9
+ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
10
+
11
+ var StyledButton = /*#__PURE__*/_styled__default.default("button", process.env.NODE_ENV === "production" ? {
8
12
  target: "e1mby3z51"
9
13
  } : {
10
14
  target: "e1mby3z51",
@@ -32,7 +36,7 @@ var StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "prod
32
36
  size = _a.size;
33
37
  return /*#__PURE__*/react.css(templateObject_9 || (templateObject_9 = tslib.__makeTemplateObject(["\n ", "\n " + (process.env.NODE_ENV === "production" ? "" : ";label:StyledButton;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgdmFyIFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b24odGVtcGxhdGVPYmplY3RfMTAgfHwgKHRlbXBsYXRlT2JqZWN0XzEwID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBwYWRkaW5nOiAwIDEycHg7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICBnYXA6IDhweDtcXG4gIGZsZXgtc2hyaW5rOiAwO1xcbiAgYm9yZGVyOiAxcHggc29saWQ7XFxuICBmb250LXN0eWxlOiBub3JtYWw7XFxuICBmb250LXdlaWdodDogNDAwO1xcbiAgaGVpZ2h0OiAzNnB4O1xcbiAgZm9udC1zaXplOiAxNXB4O1xcbiAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICB0cmFuc2l0aW9uOlxcbiAgICB0cmFuc2Zvcm0gMC4xcyBlYXNlLW91dCxcXG4gICAgY29sb3IgMC4xNXMgbGluZWFyO1xcbiAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiXFxuXFxuICBcIiwgXCJcXG5cIl0sIFtcIlxcbiAgcGFkZGluZzogMCAxMnB4O1xcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZ2FwOiA4cHg7XFxuICBmbGV4LXNocmluazogMDtcXG4gIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xcbiAgZm9udC13ZWlnaHQ6IDQwMDtcXG4gIGhlaWdodDogMzZweDtcXG4gIGZvbnQtc2l6ZTogMTVweDtcXG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgdHJhbnNpdGlvbjpcXG4gICAgdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsXFxuICAgIGNvbG9yIDAuMTVzIGxpbmVhcjtcXG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiXFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdKSksIGNzcyh0aGVtZS5idXR0b24uYmFzZSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcInNcIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogMzJweDtcXG4gICAgICBmb250LXNpemU6IDEzcHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiAzMnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMTNweDtcXG4gICAgICBsaW5lLWhlaWdodDogMzJweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcIm1cIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfMyB8fCAodGVtcGxhdGVPYmplY3RfMyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogMzZweDtcXG4gICAgICBmb250LXNpemU6IDE1cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiAzNnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMTVweDtcXG4gICAgICBsaW5lLWhlaWdodDogMzZweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcImxcIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogNDJweDtcXG4gICAgICBmb250LXNpemU6IDE4cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDQycHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiA0MnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcXG4gICAgICBsaW5lLWhlaWdodDogNDJweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHRoZW1lID0gX2EudGhlbWUsIHZhcmlhbnQgPSBfYS52YXJpYW50LCBmdWxsV2lkdGggPSBfYS5mdWxsV2lkdGgsIGRpc2FibGVkID0gX2EuZGlzYWJsZWQ7XG4gICAgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF83IHx8ICh0ZW1wbGF0ZU9iamVjdF83ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcblxcbiAgICBcIiwgXCJcXG5cXG4gICAgJjpob3ZlciB7XFxuICAgICAgXCIsIFwiXFxuICAgIH1cXG5cXG4gICAgJjphY3RpdmUge1xcbiAgICAgIFwiLCBcIlxcbiAgICAgIHRyYW5zaXRpb246IG5vbmU7XFxuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk2KTtcXG4gICAgfVxcblxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcblxcbiAgICBcIiwgXCJcXG5cXG4gICAgJjpob3ZlciB7XFxuICAgICAgXCIsIFwiXFxuICAgIH1cXG5cXG4gICAgJjphY3RpdmUge1xcbiAgICAgIFwiLCBcIlxcbiAgICAgIHRyYW5zaXRpb246IG5vbmU7XFxuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk2KTtcXG4gICAgfVxcblxcbiAgICBcIiwgXCJcXG4gIFwiXSkpLCBmdWxsV2lkdGggJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICB3aWR0aDogMTAwJTtcXG4gICAgXCJdLCBbXCJcXG4gICAgICB3aWR0aDogMTAwJTtcXG4gICAgXCJdKSkpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLm5vcm1hbCksIGNzcyh0aGVtZS5idXR0b25bdmFyaWFudF0uaG92ZXIpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLmFjdGl2ZSksIGRpc2FibGVkICYmIGNzcyh0ZW1wbGF0ZU9iamVjdF82IHx8ICh0ZW1wbGF0ZU9iamVjdF82ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcXG4gICAgICBcIiwgXCJcXG4gICAgXCJdLCBbXCJcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xcbiAgICAgIFwiLCBcIlxcbiAgICBcIl0pKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBpY29uID0gX2EuaWNvbiwgc2l6ZSA9IF9hLnNpemU7XG4gICAgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF85IHx8ICh0ZW1wbGF0ZU9iamVjdF85ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdLCBbXCJcXG4gICAgXCIsIFwiXFxuICBcIl0pKSwgaWNvbiAmJiBjc3ModGVtcGxhdGVPYmplY3RfOCB8fCAodGVtcGxhdGVPYmplY3RfOCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgbWFyZ2luOiAwO1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcXG4gICAgICB3aWR0aDogMzZweDtcXG4gICAgICBcIiwgXCI7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgXCJdLCBbXCJcXG4gICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIG1hcmdpbjogMDtcXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XFxuICAgICAgd2lkdGg6IDM2cHg7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgIFwiXSkpLCBzaXplID09PSBcInNcIiAmJiBcIndpZHRoOiAzMnB4XCIsIHNpemUgPT09IFwibVwiICYmIFwid2lkdGg6IDM2cHhcIiwgc2l6ZSA9PT0gXCJsXCIgJiYgXCJ3aWR0aDogNDJweFwiKSk7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkSWNvbiA9IHN0eWxlZC5zcGFuKHRlbXBsYXRlT2JqZWN0XzExIHx8ICh0ZW1wbGF0ZU9iamVjdF8xMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgZGlzcGxheTogZmxleDtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZmxleDtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMiwgdGVtcGxhdGVPYmplY3RfMywgdGVtcGxhdGVPYmplY3RfNCwgdGVtcGxhdGVPYmplY3RfNSwgdGVtcGxhdGVPYmplY3RfNiwgdGVtcGxhdGVPYmplY3RfNywgdGVtcGxhdGVPYmplY3RfOCwgdGVtcGxhdGVPYmplY3RfOSwgdGVtcGxhdGVPYmplY3RfMTAsIHRlbXBsYXRlT2JqZWN0XzExO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")], ["\n ", "\n " + (process.env.NODE_ENV === "production" ? "" : ";label:StyledButton;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5leHBvcnQgdmFyIFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b24odGVtcGxhdGVPYmplY3RfMTAgfHwgKHRlbXBsYXRlT2JqZWN0XzEwID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBwYWRkaW5nOiAwIDEycHg7XFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICBnYXA6IDhweDtcXG4gIGZsZXgtc2hyaW5rOiAwO1xcbiAgYm9yZGVyOiAxcHggc29saWQ7XFxuICBmb250LXN0eWxlOiBub3JtYWw7XFxuICBmb250LXdlaWdodDogNDAwO1xcbiAgaGVpZ2h0OiAzNnB4O1xcbiAgZm9udC1zaXplOiAxNXB4O1xcbiAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICB0cmFuc2l0aW9uOlxcbiAgICB0cmFuc2Zvcm0gMC4xcyBlYXNlLW91dCxcXG4gICAgY29sb3IgMC4xNXMgbGluZWFyO1xcbiAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiO1xcblxcbiAgXCIsIFwiXFxuXFxuICBcIiwgXCJcXG5cIl0sIFtcIlxcbiAgcGFkZGluZzogMCAxMnB4O1xcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZ2FwOiA4cHg7XFxuICBmbGV4LXNocmluazogMDtcXG4gIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xcbiAgZm9udC13ZWlnaHQ6IDQwMDtcXG4gIGhlaWdodDogMzZweDtcXG4gIGZvbnQtc2l6ZTogMTVweDtcXG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgdHJhbnNpdGlvbjpcXG4gICAgdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsXFxuICAgIGNvbG9yIDAuMTVzIGxpbmVhcjtcXG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiXFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdKSksIGNzcyh0aGVtZS5idXR0b24uYmFzZSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcInNcIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogMzJweDtcXG4gICAgICBmb250LXNpemU6IDEzcHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiAzMnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMTNweDtcXG4gICAgICBsaW5lLWhlaWdodDogMzJweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcIm1cIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfMyB8fCAodGVtcGxhdGVPYmplY3RfMyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogMzZweDtcXG4gICAgICBmb250LXNpemU6IDE1cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiAzNnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMTVweDtcXG4gICAgICBsaW5lLWhlaWdodDogMzZweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBzaXplID09PSBcImxcIiAmJiBjc3ModGVtcGxhdGVPYmplY3RfNCB8fCAodGVtcGxhdGVPYmplY3RfNCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGhlaWdodDogNDJweDtcXG4gICAgICBmb250LXNpemU6IDE4cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDQycHg7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgaGVpZ2h0OiA0MnB4O1xcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcXG4gICAgICBsaW5lLWhlaWdodDogNDJweDtcXG4gICAgXCJdKSkpO1xufSwgZnVuY3Rpb24gKF9hKSB7XG4gICAgdmFyIHRoZW1lID0gX2EudGhlbWUsIHZhcmlhbnQgPSBfYS52YXJpYW50LCBmdWxsV2lkdGggPSBfYS5mdWxsV2lkdGgsIGRpc2FibGVkID0gX2EuZGlzYWJsZWQ7XG4gICAgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF83IHx8ICh0ZW1wbGF0ZU9iamVjdF83ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcblxcbiAgICBcIiwgXCJcXG5cXG4gICAgJjpob3ZlciB7XFxuICAgICAgXCIsIFwiXFxuICAgIH1cXG5cXG4gICAgJjphY3RpdmUge1xcbiAgICAgIFwiLCBcIlxcbiAgICAgIHRyYW5zaXRpb246IG5vbmU7XFxuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk2KTtcXG4gICAgfVxcblxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcblxcbiAgICBcIiwgXCJcXG5cXG4gICAgJjpob3ZlciB7XFxuICAgICAgXCIsIFwiXFxuICAgIH1cXG5cXG4gICAgJjphY3RpdmUge1xcbiAgICAgIFwiLCBcIlxcbiAgICAgIHRyYW5zaXRpb246IG5vbmU7XFxuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk2KTtcXG4gICAgfVxcblxcbiAgICBcIiwgXCJcXG4gIFwiXSkpLCBmdWxsV2lkdGggJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzUgfHwgKHRlbXBsYXRlT2JqZWN0XzUgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICB3aWR0aDogMTAwJTtcXG4gICAgXCJdLCBbXCJcXG4gICAgICB3aWR0aDogMTAwJTtcXG4gICAgXCJdKSkpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLm5vcm1hbCksIGNzcyh0aGVtZS5idXR0b25bdmFyaWFudF0uaG92ZXIpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLmFjdGl2ZSksIGRpc2FibGVkICYmIGNzcyh0ZW1wbGF0ZU9iamVjdF82IHx8ICh0ZW1wbGF0ZU9iamVjdF82ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcXG4gICAgICBcIiwgXCJcXG4gICAgXCJdLCBbXCJcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xcbiAgICAgIFwiLCBcIlxcbiAgICBcIl0pKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5kaXNhYmxlZCkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBpY29uID0gX2EuaWNvbiwgc2l6ZSA9IF9hLnNpemU7XG4gICAgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF85IHx8ICh0ZW1wbGF0ZU9iamVjdF85ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdLCBbXCJcXG4gICAgXCIsIFwiXFxuICBcIl0pKSwgaWNvbiAmJiBjc3ModGVtcGxhdGVPYmplY3RfOCB8fCAodGVtcGxhdGVPYmplY3RfOCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIHBhZGRpbmc6IDA7XFxuICAgICAgbWFyZ2luOiAwO1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcXG4gICAgICB3aWR0aDogMzZweDtcXG4gICAgICBcIiwgXCI7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgXCJdLCBbXCJcXG4gICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIG1hcmdpbjogMDtcXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XFxuICAgICAgd2lkdGg6IDM2cHg7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgIFwiXSkpLCBzaXplID09PSBcInNcIiAmJiBcIndpZHRoOiAzMnB4XCIsIHNpemUgPT09IFwibVwiICYmIFwid2lkdGg6IDM2cHhcIiwgc2l6ZSA9PT0gXCJsXCIgJiYgXCJ3aWR0aDogNDJweFwiKSk7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkSWNvbiA9IHN0eWxlZC5zcGFuKHRlbXBsYXRlT2JqZWN0XzExIHx8ICh0ZW1wbGF0ZU9iamVjdF8xMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgZGlzcGxheTogZmxleDtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZmxleDtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMiwgdGVtcGxhdGVPYmplY3RfMywgdGVtcGxhdGVPYmplY3RfNCwgdGVtcGxhdGVPYmplY3RfNSwgdGVtcGxhdGVPYmplY3RfNiwgdGVtcGxhdGVPYmplY3RfNywgdGVtcGxhdGVPYmplY3RfOCwgdGVtcGxhdGVPYmplY3RfOSwgdGVtcGxhdGVPYmplY3RfMTAsIHRlbXBsYXRlT2JqZWN0XzExO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")])), icon && /*#__PURE__*/react.css(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n padding: 0;\n margin: 0;\n border-radius: 50%;\n width: 36px;\n ", ";\n ", ";\n ", ";\n " + (process.env.NODE_ENV === "production" ? "" : ";label:StyledButton;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhIIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuZXhwb3J0IHZhciBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uKHRlbXBsYXRlT2JqZWN0XzEwIHx8ICh0ZW1wbGF0ZU9iamVjdF8xMCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgcGFkZGluZzogMCAxMnB4O1xcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZ2FwOiA4cHg7XFxuICBmbGV4LXNocmluazogMDtcXG4gIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xcbiAgZm9udC13ZWlnaHQ6IDQwMDtcXG4gIGhlaWdodDogMzZweDtcXG4gIGZvbnQtc2l6ZTogMTVweDtcXG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgdHJhbnNpdGlvbjpcXG4gICAgdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsXFxuICAgIGNvbG9yIDAuMTVzIGxpbmVhcjtcXG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiXFxuXCJdLCBbXCJcXG4gIHBhZGRpbmc6IDAgMTJweDtcXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gIGN1cnNvcjogcG9pbnRlcjtcXG4gIGdhcDogOHB4O1xcbiAgZmxleC1zaHJpbms6IDA7XFxuICBib3JkZXI6IDFweCBzb2xpZDtcXG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XFxuICBoZWlnaHQ6IDM2cHg7XFxuICBmb250LXNpemU6IDE1cHg7XFxuICBsaW5lLWhlaWdodDogMzZweDtcXG4gIHRyYW5zaXRpb246XFxuICAgIHRyYW5zZm9ybSAwLjFzIGVhc2Utb3V0LFxcbiAgICBjb2xvciAwLjE1cyBsaW5lYXI7XFxuICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xcblxcbiAgXCIsIFwiXFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIlxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgXCIsIFwiXFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSkpLCBjc3ModGhlbWUuYnV0dG9uLmJhc2UpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJzXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDMycHg7XFxuICAgICAgZm9udC1zaXplOiAxM3B4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogMzJweDtcXG4gICAgICBmb250LXNpemU6IDEzcHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJtXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzMgfHwgKHRlbXBsYXRlT2JqZWN0XzMgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDM2cHg7XFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogMzZweDtcXG4gICAgICBmb250LXNpemU6IDE1cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJsXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzQgfHwgKHRlbXBsYXRlT2JqZWN0XzQgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDQycHg7XFxuICAgICAgZm9udC1zaXplOiAxOHB4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiA0MnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogNDJweDtcXG4gICAgICBmb250LXNpemU6IDE4cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDQycHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lLCB2YXJpYW50ID0gX2EudmFyaWFudCwgZnVsbFdpZHRoID0gX2EuZnVsbFdpZHRoLCBkaXNhYmxlZCA9IF9hLmRpc2FibGVkO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNyB8fCAodGVtcGxhdGVPYmplY3RfNyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG5cXG4gICAgXCIsIFwiXFxuXFxuICAgICY6aG92ZXIge1xcbiAgICAgIFwiLCBcIlxcbiAgICB9XFxuXFxuICAgICY6YWN0aXZlIHtcXG4gICAgICBcIiwgXCJcXG4gICAgICB0cmFuc2l0aW9uOiBub25lO1xcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Nik7XFxuICAgIH1cXG5cXG4gICAgXCIsIFwiXFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG5cXG4gICAgXCIsIFwiXFxuXFxuICAgICY6aG92ZXIge1xcbiAgICAgIFwiLCBcIlxcbiAgICB9XFxuXFxuICAgICY6YWN0aXZlIHtcXG4gICAgICBcIiwgXCJcXG4gICAgICB0cmFuc2l0aW9uOiBub25lO1xcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Nik7XFxuICAgIH1cXG5cXG4gICAgXCIsIFwiXFxuICBcIl0pKSwgZnVsbFdpZHRoICYmIGNzcyh0ZW1wbGF0ZU9iamVjdF81IHx8ICh0ZW1wbGF0ZU9iamVjdF81ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgd2lkdGg6IDEwMCU7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgd2lkdGg6IDEwMCU7XFxuICAgIFwiXSkpKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5ub3JtYWwpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5hY3RpdmUpLCBkaXNhYmxlZCAmJiBjc3ModGVtcGxhdGVPYmplY3RfNiB8fCAodGVtcGxhdGVPYmplY3RfNiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XFxuICAgICAgXCIsIFwiXFxuICAgIFwiXSwgW1wiXFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcXG4gICAgICBcIiwgXCJcXG4gICAgXCJdKSksIGNzcyh0aGVtZS5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQpKSk7XG59LCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgaWNvbiA9IF9hLmljb24sIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfOSB8fCAodGVtcGxhdGVPYmplY3RfOSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdKSksIGljb24gJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzggfHwgKHRlbXBsYXRlT2JqZWN0XzggPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIG1hcmdpbjogMDtcXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XFxuICAgICAgd2lkdGg6IDM2cHg7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgcGFkZGluZzogMDtcXG4gICAgICBtYXJnaW46IDA7XFxuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xcbiAgICAgIHdpZHRoOiAzNnB4O1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgICAgXCIsIFwiO1xcbiAgICBcIl0pKSwgc2l6ZSA9PT0gXCJzXCIgJiYgXCJ3aWR0aDogMzJweFwiLCBzaXplID09PSBcIm1cIiAmJiBcIndpZHRoOiAzNnB4XCIsIHNpemUgPT09IFwibFwiICYmIFwid2lkdGg6IDQycHhcIikpO1xufSk7XG5leHBvcnQgdmFyIFN0eWxlZEljb24gPSBzdHlsZWQuc3Bhbih0ZW1wbGF0ZU9iamVjdF8xMSB8fCAodGVtcGxhdGVPYmplY3RfMTEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIGRpc3BsYXk6IGZsZXg7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGZsZXg7XFxuXCJdKSkpO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzUsIHRlbXBsYXRlT2JqZWN0XzYsIHRlbXBsYXRlT2JqZWN0XzcsIHRlbXBsYXRlT2JqZWN0XzgsIHRlbXBsYXRlT2JqZWN0XzksIHRlbXBsYXRlT2JqZWN0XzEwLCB0ZW1wbGF0ZU9iamVjdF8xMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")], ["\n padding: 0;\n margin: 0;\n border-radius: 50%;\n width: 36px;\n ", ";\n ", ";\n ", ";\n " + (process.env.NODE_ENV === "production" ? "" : ";label:StyledButton;") + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhIIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuZXhwb3J0IHZhciBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uKHRlbXBsYXRlT2JqZWN0XzEwIHx8ICh0ZW1wbGF0ZU9iamVjdF8xMCA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgcGFkZGluZzogMCAxMnB4O1xcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZ2FwOiA4cHg7XFxuICBmbGV4LXNocmluazogMDtcXG4gIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xcbiAgZm9udC13ZWlnaHQ6IDQwMDtcXG4gIGhlaWdodDogMzZweDtcXG4gIGZvbnQtc2l6ZTogMTVweDtcXG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgdHJhbnNpdGlvbjpcXG4gICAgdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsXFxuICAgIGNvbG9yIDAuMTVzIGxpbmVhcjtcXG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIjtcXG5cXG4gIFwiLCBcIlxcblxcbiAgXCIsIFwiXFxuXCJdLCBbXCJcXG4gIHBhZGRpbmc6IDAgMTJweDtcXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gIGN1cnNvcjogcG9pbnRlcjtcXG4gIGdhcDogOHB4O1xcbiAgZmxleC1zaHJpbms6IDA7XFxuICBib3JkZXI6IDFweCBzb2xpZDtcXG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcXG4gIGZvbnQtd2VpZ2h0OiA0MDA7XFxuICBoZWlnaHQ6IDM2cHg7XFxuICBmb250LXNpemU6IDE1cHg7XFxuICBsaW5lLWhlaWdodDogMzZweDtcXG4gIHRyYW5zaXRpb246XFxuICAgIHRyYW5zZm9ybSAwLjFzIGVhc2Utb3V0LFxcbiAgICBjb2xvciAwLjE1cyBsaW5lYXI7XFxuICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xcblxcbiAgXCIsIFwiXFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCI7XFxuXFxuICBcIiwgXCJcXG5cXG4gIFwiLCBcIlxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgXCIsIFwiXFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSkpLCBjc3ModGhlbWUuYnV0dG9uLmJhc2UpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJzXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDMycHg7XFxuICAgICAgZm9udC1zaXplOiAxM3B4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogMzJweDtcXG4gICAgICBmb250LXNpemU6IDEzcHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJtXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzMgfHwgKHRlbXBsYXRlT2JqZWN0XzMgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDM2cHg7XFxuICAgICAgZm9udC1zaXplOiAxNXB4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogMzZweDtcXG4gICAgICBmb250LXNpemU6IDE1cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBzaXplID0gX2Euc2l6ZTtcbiAgICByZXR1cm4gc2l6ZSA9PT0gXCJsXCIgJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzQgfHwgKHRlbXBsYXRlT2JqZWN0XzQgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBoZWlnaHQ6IDQycHg7XFxuICAgICAgZm9udC1zaXplOiAxOHB4O1xcbiAgICAgIGxpbmUtaGVpZ2h0OiA0MnB4O1xcbiAgICBcIl0sIFtcIlxcbiAgICAgIGhlaWdodDogNDJweDtcXG4gICAgICBmb250LXNpemU6IDE4cHg7XFxuICAgICAgbGluZS1oZWlnaHQ6IDQycHg7XFxuICAgIFwiXSkpKTtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lLCB2YXJpYW50ID0gX2EudmFyaWFudCwgZnVsbFdpZHRoID0gX2EuZnVsbFdpZHRoLCBkaXNhYmxlZCA9IF9hLmRpc2FibGVkO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfNyB8fCAodGVtcGxhdGVPYmplY3RfNyA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG5cXG4gICAgXCIsIFwiXFxuXFxuICAgICY6aG92ZXIge1xcbiAgICAgIFwiLCBcIlxcbiAgICB9XFxuXFxuICAgICY6YWN0aXZlIHtcXG4gICAgICBcIiwgXCJcXG4gICAgICB0cmFuc2l0aW9uOiBub25lO1xcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Nik7XFxuICAgIH1cXG5cXG4gICAgXCIsIFwiXFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG5cXG4gICAgXCIsIFwiXFxuXFxuICAgICY6aG92ZXIge1xcbiAgICAgIFwiLCBcIlxcbiAgICB9XFxuXFxuICAgICY6YWN0aXZlIHtcXG4gICAgICBcIiwgXCJcXG4gICAgICB0cmFuc2l0aW9uOiBub25lO1xcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Nik7XFxuICAgIH1cXG5cXG4gICAgXCIsIFwiXFxuICBcIl0pKSwgZnVsbFdpZHRoICYmIGNzcyh0ZW1wbGF0ZU9iamVjdF81IHx8ICh0ZW1wbGF0ZU9iamVjdF81ID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgd2lkdGg6IDEwMCU7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgd2lkdGg6IDEwMCU7XFxuICAgIFwiXSkpKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5ub3JtYWwpLCBjc3ModGhlbWUuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyKSwgY3NzKHRoZW1lLmJ1dHRvblt2YXJpYW50XS5hY3RpdmUpLCBkaXNhYmxlZCAmJiBjc3ModGVtcGxhdGVPYmplY3RfNiB8fCAodGVtcGxhdGVPYmplY3RfNiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XFxuICAgICAgXCIsIFwiXFxuICAgIFwiXSwgW1wiXFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcXG4gICAgICBcIiwgXCJcXG4gICAgXCJdKSksIGNzcyh0aGVtZS5idXR0b25bdmFyaWFudF0uZGlzYWJsZWQpKSk7XG59LCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgaWNvbiA9IF9hLmljb24sIHNpemUgPSBfYS5zaXplO1xuICAgIHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfOSB8fCAodGVtcGxhdGVPYmplY3RfOSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG4gIFwiXSwgW1wiXFxuICAgIFwiLCBcIlxcbiAgXCJdKSksIGljb24gJiYgY3NzKHRlbXBsYXRlT2JqZWN0XzggfHwgKHRlbXBsYXRlT2JqZWN0XzggPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICBwYWRkaW5nOiAwO1xcbiAgICAgIG1hcmdpbjogMDtcXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XFxuICAgICAgd2lkdGg6IDM2cHg7XFxuICAgICAgXCIsIFwiO1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgIFwiXSwgW1wiXFxuICAgICAgcGFkZGluZzogMDtcXG4gICAgICBtYXJnaW46IDA7XFxuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xcbiAgICAgIHdpZHRoOiAzNnB4O1xcbiAgICAgIFwiLCBcIjtcXG4gICAgICBcIiwgXCI7XFxuICAgICAgXCIsIFwiO1xcbiAgICBcIl0pKSwgc2l6ZSA9PT0gXCJzXCIgJiYgXCJ3aWR0aDogMzJweFwiLCBzaXplID09PSBcIm1cIiAmJiBcIndpZHRoOiAzNnB4XCIsIHNpemUgPT09IFwibFwiICYmIFwid2lkdGg6IDQycHhcIikpO1xufSk7XG5leHBvcnQgdmFyIFN0eWxlZEljb24gPSBzdHlsZWQuc3Bhbih0ZW1wbGF0ZU9iamVjdF8xMSB8fCAodGVtcGxhdGVPYmplY3RfMTEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIGRpc3BsYXk6IGZsZXg7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGZsZXg7XFxuXCJdKSkpO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzIsIHRlbXBsYXRlT2JqZWN0XzMsIHRlbXBsYXRlT2JqZWN0XzQsIHRlbXBsYXRlT2JqZWN0XzUsIHRlbXBsYXRlT2JqZWN0XzYsIHRlbXBsYXRlT2JqZWN0XzcsIHRlbXBsYXRlT2JqZWN0XzgsIHRlbXBsYXRlT2JqZWN0XzksIHRlbXBsYXRlT2JqZWN0XzEwLCB0ZW1wbGF0ZU9iamVjdF8xMTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")])), size === "s" && "width: 32px", size === "m" && "width: 36px", size === "l" && "width: 42px"));
34
38
  });
35
- var StyledIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
39
+ var StyledIcon = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
36
40
  target: "e1mby3z50"
37
41
  } : {
38
42
  target: "e1mby3z50",
package/Theme/color.d.ts CHANGED
@@ -13,17 +13,23 @@ declare enum Color {
13
13
  BLUE_10 = "#0066DC",
14
14
  BLUE_11 = "#006DE3",
15
15
  BLUE_12 = "#093266",
16
- PURPLE_1 = "rgba(252, 253, 255, 1)",
17
- PURPLE_2 = "rgba(246, 249, 255, 1)",
18
- PURPLE_3 = "rgba(236, 242, 255, 1)",
19
- PURPLE_4 = "rgba(224, 233, 255, 1)",
20
- PURPLE_5 = "rgba(210, 222, 255, 1)",
21
- PURPLE_6 = "rgba(190, 207, 255, 1)",
22
- PURPLE_7 = "rgba(166, 188, 255, 1)",
23
- PURPLE_8 = "rgba(38, 49, 129, .07)",
24
- PURPLE_9 = "rgba(38, 49, 129, .15)",
25
- PURPLE_10 = "rgba(38, 49, 129, .3)",
26
- PURPLE_11 = "rgba(79, 98, 199, .15)",
27
- PURPLE_12 = "rgba(30, 38, 117, .15)"
16
+ GRAPHITE_1 = "#FCFDFE",
17
+ GRAPHITE_2 = "#F8FAFB",
18
+ GRAPHITE_3 = "#EDF0F4",
19
+ GRAPHITE_4 = "#E4E8ED",
20
+ GRAPHITE_5 = "#DBE1E6",
21
+ GRAPHITE_6 = "#D1D8DF",
22
+ GRAPHITE_7 = "#C4CDD6",
23
+ GRAPHITE_8 = "#AFB9C3",
24
+ GRAPHITE_9 = "#24292E",
25
+ GRAPHITE_10 = "#383D42",
26
+ GRAPHITE_11 = "#5E666F",
27
+ GRAPHITE_12 = "#22272B",
28
+ PURPLE_1 = "rgba(38, 49, 129, .07)",
29
+ PURPLE_2 = "rgba(38, 49, 129, .15)",
30
+ PURPLE_3 = "rgba(38, 49, 129, .3)",
31
+ NEUTRAL_1 = "rgba(22,51,0,.05)",
32
+ NEUTRAL_2 = "rgba(22,51,0,.078)",
33
+ NEUTRAL_3 = "rgba(22,51,0,.129)"
28
34
  }
29
35
  export default Color;
package/Theme/color.js CHANGED
@@ -18,18 +18,24 @@ var Color;
18
18
  Color["BLUE_10"] = "#0066DC";
19
19
  Color["BLUE_11"] = "#006DE3";
20
20
  Color["BLUE_12"] = "#093266";
21
- Color["PURPLE_1"] = "rgba(252, 253, 255, 1)";
22
- Color["PURPLE_2"] = "rgba(246, 249, 255, 1)";
23
- Color["PURPLE_3"] = "rgba(236, 242, 255, 1)";
24
- Color["PURPLE_4"] = "rgba(224, 233, 255, 1)";
25
- Color["PURPLE_5"] = "rgba(210, 222, 255, 1)";
26
- Color["PURPLE_6"] = "rgba(190, 207, 255, 1)";
27
- Color["PURPLE_7"] = "rgba(166, 188, 255, 1)";
28
- Color["PURPLE_8"] = "rgba(38, 49, 129, .07)";
29
- Color["PURPLE_9"] = "rgba(38, 49, 129, .15)";
30
- Color["PURPLE_10"] = "rgba(38, 49, 129, .3)";
31
- Color["PURPLE_11"] = "rgba(79, 98, 199, .15)";
32
- Color["PURPLE_12"] = "rgba(30, 38, 117, .15)";
21
+ Color["GRAPHITE_1"] = "#FCFDFE";
22
+ Color["GRAPHITE_2"] = "#F8FAFB";
23
+ Color["GRAPHITE_3"] = "#EDF0F4";
24
+ Color["GRAPHITE_4"] = "#E4E8ED";
25
+ Color["GRAPHITE_5"] = "#DBE1E6";
26
+ Color["GRAPHITE_6"] = "#D1D8DF";
27
+ Color["GRAPHITE_7"] = "#C4CDD6";
28
+ Color["GRAPHITE_8"] = "#AFB9C3";
29
+ Color["GRAPHITE_9"] = "#24292E";
30
+ Color["GRAPHITE_10"] = "#383D42";
31
+ Color["GRAPHITE_11"] = "#5E666F";
32
+ Color["GRAPHITE_12"] = "#22272B";
33
+ Color["PURPLE_1"] = "rgba(38, 49, 129, .07)";
34
+ Color["PURPLE_2"] = "rgba(38, 49, 129, .15)";
35
+ Color["PURPLE_3"] = "rgba(38, 49, 129, .3)";
36
+ Color["NEUTRAL_1"] = "rgba(22,51,0,.05)";
37
+ Color["NEUTRAL_2"] = "rgba(22,51,0,.078)";
38
+ Color["NEUTRAL_3"] = "rgba(22,51,0,.129)";
33
39
  })(Color || (Color = {}));
34
40
  var Color$1 = Color;
35
41
 
package/Theme/themes/buenos_aires.js CHANGED
@@ -5,31 +5,58 @@ var breakpoints = require('../breakpoints.js');
5
5
 
6
6
  var ButtonBA = {
7
7
  base: {
8
- color: color.default.BLACK,
8
+ color: color.default.WHITE,
9
9
  borderRadius: "26px",
10
10
  border: "none"
11
11
  },
12
+ "default": {
13
+ normal: {
14
+ backgroundColor: color.default.GRAPHITE_9,
15
+ borderColor: color.default.GRAPHITE_9
16
+ },
17
+ hover: {
18
+ backgroundColor: color.default.GRAPHITE_10,
19
+ borderColor: color.default.GRAPHITE_10
20
+ },
21
+ focus: {
22
+ backgroundColor: color.default.GRAPHITE_10,
23
+ borderColor: color.default.GRAPHITE_10
24
+ },
25
+ active: {
26
+ backgroundColor: color.default.GRAPHITE_10,
27
+ borderColor: color.default.GRAPHITE_10
28
+ },
29
+ disabled: {
30
+ color: color.default.GRAPHITE_7,
31
+ backgroundColor: color.default.GRAPHITE_5,
32
+ borderColor: color.default.GRAPHITE_5
33
+ }
34
+ },
12
35
  primary: {
13
36
  normal: {
14
- backgroundColor: color.default.PURPLE_9,
15
- borderColor: color.default.PURPLE_9
37
+ color: color.default.BLACK,
38
+ backgroundColor: color.default.PURPLE_2,
39
+ borderColor: color.default.PURPLE_2
16
40
  },
17
41
  hover: {
18
- backgroundColor: color.default.PURPLE_10,
19
- borderColor: color.default.PURPLE_10
42
+ color: color.default.BLACK,
43
+ backgroundColor: color.default.PURPLE_3,
44
+ borderColor: color.default.PURPLE_3
20
45
  },
21
46
  focus: {
22
- backgroundColor: color.default.PURPLE_10,
23
- borderColor: color.default.PURPLE_10
47
+ color: color.default.BLACK,
48
+ backgroundColor: color.default.PURPLE_3,
49
+ borderColor: color.default.PURPLE_3
24
50
  },
25
51
  active: {
26
- backgroundColor: color.default.PURPLE_10,
27
- borderColor: color.default.PURPLE_10
52
+ color: color.default.BLACK,
53
+ backgroundColor: color.default.PURPLE_3,
54
+ borderColor: color.default.PURPLE_3
28
55
  },
29
56
  disabled: {
30
- color: color.default.PURPLE_10,
31
- backgroundColor: color.default.PURPLE_8,
32
- borderColor: color.default.PURPLE_8
57
+ color: color.default.PURPLE_3,
58
+ backgroundColor: color.default.PURPLE_1,
59
+ borderColor: color.default.PURPLE_1
33
60
  }
34
61
  }
35
62
  };
package/Theme/themes/default.js CHANGED
@@ -5,23 +5,50 @@ var breakpoints = require('../breakpoints.js');
5
5
 
6
6
  var ButtonDefault = {
7
7
  base: {
8
- color: color.default.WHITE,
8
+ color: color.default.BLACK,
9
9
  borderRadius: "26px"
10
10
  },
11
+ "default": {
12
+ normal: {
13
+ backgroundColor: color.default.NEUTRAL_2,
14
+ borderColor: color.default.NEUTRAL_2
15
+ },
16
+ hover: {
17
+ backgroundColor: color.default.NEUTRAL_3,
18
+ borderColor: color.default.NEUTRAL_3
19
+ },
20
+ focus: {
21
+ backgroundColor: color.default.NEUTRAL_3,
22
+ borderColor: color.default.NEUTRAL_3
23
+ },
24
+ active: {
25
+ backgroundColor: color.default.NEUTRAL_3,
26
+ borderColor: color.default.NEUTRAL_3
27
+ },
28
+ disabled: {
29
+ color: color.default.NEUTRAL_3,
30
+ backgroundColor: color.default.NEUTRAL_1,
31
+ borderColor: color.default.NEUTRAL_1
32
+ }
33
+ },
11
34
  primary: {
12
35
  normal: {
36
+ color: color.default.WHITE,
13
37
  backgroundColor: color.default.BLUE_9,
14
38
  borderColor: color.default.BLUE_9
15
39
  },
16
40
  hover: {
41
+ color: color.default.WHITE,
17
42
  backgroundColor: color.default.BLUE_10,
18
43
  borderColor: color.default.BLUE_10
19
44
  },
20
45
  focus: {
46
+ color: color.default.WHITE,
21
47
  backgroundColor: color.default.BLUE_10,
22
48
  borderColor: color.default.BLUE_10
23
49
  },
24
50
  active: {
51
+ color: color.default.WHITE,
25
52
  backgroundColor: color.default.BLUE_10,
26
53
  borderColor: color.default.BLUE_10
27
54
  },
package/esm/Button/index.props.d.ts CHANGED
@@ -25,6 +25,7 @@ export type ButtonBase = {
25
25
  base: BaseStyles;
26
26
  };
27
27
  export type ButtonVariant = {
28
+ default: VariantStates;
28
29
  primary: VariantStates;
29
30
  };
30
31
  export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
package/esm/Theme/color.d.ts CHANGED
@@ -13,17 +13,23 @@ declare enum Color {
13
13
  BLUE_10 = "#0066DC",
14
14
  BLUE_11 = "#006DE3",
15
15
  BLUE_12 = "#093266",
16
- PURPLE_1 = "rgba(252, 253, 255, 1)",
17
- PURPLE_2 = "rgba(246, 249, 255, 1)",
18
- PURPLE_3 = "rgba(236, 242, 255, 1)",
19
- PURPLE_4 = "rgba(224, 233, 255, 1)",
20
- PURPLE_5 = "rgba(210, 222, 255, 1)",
21
- PURPLE_6 = "rgba(190, 207, 255, 1)",
22
- PURPLE_7 = "rgba(166, 188, 255, 1)",
23
- PURPLE_8 = "rgba(38, 49, 129, .07)",
24
- PURPLE_9 = "rgba(38, 49, 129, .15)",
25
- PURPLE_10 = "rgba(38, 49, 129, .3)",
26
- PURPLE_11 = "rgba(79, 98, 199, .15)",
27
- PURPLE_12 = "rgba(30, 38, 117, .15)"
16
+ GRAPHITE_1 = "#FCFDFE",
17
+ GRAPHITE_2 = "#F8FAFB",
18
+ GRAPHITE_3 = "#EDF0F4",
19
+ GRAPHITE_4 = "#E4E8ED",
20
+ GRAPHITE_5 = "#DBE1E6",
21
+ GRAPHITE_6 = "#D1D8DF",
22
+ GRAPHITE_7 = "#C4CDD6",
23
+ GRAPHITE_8 = "#AFB9C3",
24
+ GRAPHITE_9 = "#24292E",
25
+ GRAPHITE_10 = "#383D42",
26
+ GRAPHITE_11 = "#5E666F",
27
+ GRAPHITE_12 = "#22272B",
28
+ PURPLE_1 = "rgba(38, 49, 129, .07)",
29
+ PURPLE_2 = "rgba(38, 49, 129, .15)",
30
+ PURPLE_3 = "rgba(38, 49, 129, .3)",
31
+ NEUTRAL_1 = "rgba(22,51,0,.05)",
32
+ NEUTRAL_2 = "rgba(22,51,0,.078)",
33
+ NEUTRAL_3 = "rgba(22,51,0,.129)"
28
34
  }
29
35
  export default Color;
package/esm/Theme/color.js CHANGED
@@ -14,18 +14,24 @@ var Color;
14
14
  Color["BLUE_10"] = "#0066DC";
15
15
  Color["BLUE_11"] = "#006DE3";
16
16
  Color["BLUE_12"] = "#093266";
17
- Color["PURPLE_1"] = "rgba(252, 253, 255, 1)";
18
- Color["PURPLE_2"] = "rgba(246, 249, 255, 1)";
19
- Color["PURPLE_3"] = "rgba(236, 242, 255, 1)";
20
- Color["PURPLE_4"] = "rgba(224, 233, 255, 1)";
21
- Color["PURPLE_5"] = "rgba(210, 222, 255, 1)";
22
- Color["PURPLE_6"] = "rgba(190, 207, 255, 1)";
23
- Color["PURPLE_7"] = "rgba(166, 188, 255, 1)";
24
- Color["PURPLE_8"] = "rgba(38, 49, 129, .07)";
25
- Color["PURPLE_9"] = "rgba(38, 49, 129, .15)";
26
- Color["PURPLE_10"] = "rgba(38, 49, 129, .3)";
27
- Color["PURPLE_11"] = "rgba(79, 98, 199, .15)";
28
- Color["PURPLE_12"] = "rgba(30, 38, 117, .15)";
17
+ Color["GRAPHITE_1"] = "#FCFDFE";
18
+ Color["GRAPHITE_2"] = "#F8FAFB";
19
+ Color["GRAPHITE_3"] = "#EDF0F4";
20
+ Color["GRAPHITE_4"] = "#E4E8ED";
21
+ Color["GRAPHITE_5"] = "#DBE1E6";
22
+ Color["GRAPHITE_6"] = "#D1D8DF";
23
+ Color["GRAPHITE_7"] = "#C4CDD6";
24
+ Color["GRAPHITE_8"] = "#AFB9C3";
25
+ Color["GRAPHITE_9"] = "#24292E";
26
+ Color["GRAPHITE_10"] = "#383D42";
27
+ Color["GRAPHITE_11"] = "#5E666F";
28
+ Color["GRAPHITE_12"] = "#22272B";
29
+ Color["PURPLE_1"] = "rgba(38, 49, 129, .07)";
30
+ Color["PURPLE_2"] = "rgba(38, 49, 129, .15)";
31
+ Color["PURPLE_3"] = "rgba(38, 49, 129, .3)";
32
+ Color["NEUTRAL_1"] = "rgba(22,51,0,.05)";
33
+ Color["NEUTRAL_2"] = "rgba(22,51,0,.078)";
34
+ Color["NEUTRAL_3"] = "rgba(22,51,0,.129)";
29
35
  })(Color || (Color = {}));
30
36
  var Color$1 = Color;
31
37
 
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -3,31 +3,58 @@ import Breakpoints from '../breakpoints.js';
3
3
 
4
4
  var ButtonBA = {
5
5
  base: {
6
- color: Color.BLACK,
6
+ color: Color.WHITE,
7
7
  borderRadius: "26px",
8
8
  border: "none"
9
9
  },
10
+ "default": {
11
+ normal: {
12
+ backgroundColor: Color.GRAPHITE_9,
13
+ borderColor: Color.GRAPHITE_9
14
+ },
15
+ hover: {
16
+ backgroundColor: Color.GRAPHITE_10,
17
+ borderColor: Color.GRAPHITE_10
18
+ },
19
+ focus: {
20
+ backgroundColor: Color.GRAPHITE_10,
21
+ borderColor: Color.GRAPHITE_10
22
+ },
23
+ active: {
24
+ backgroundColor: Color.GRAPHITE_10,
25
+ borderColor: Color.GRAPHITE_10
26
+ },
27
+ disabled: {
28
+ color: Color.GRAPHITE_7,
29
+ backgroundColor: Color.GRAPHITE_5,
30
+ borderColor: Color.GRAPHITE_5
31
+ }
32
+ },
10
33
  primary: {
11
34
  normal: {
12
- backgroundColor: Color.PURPLE_9,
13
- borderColor: Color.PURPLE_9
35
+ color: Color.BLACK,
36
+ backgroundColor: Color.PURPLE_2,
37
+ borderColor: Color.PURPLE_2
14
38
  },
15
39
  hover: {
16
- backgroundColor: Color.PURPLE_10,
17
- borderColor: Color.PURPLE_10
40
+ color: Color.BLACK,
41
+ backgroundColor: Color.PURPLE_3,
42
+ borderColor: Color.PURPLE_3
18
43
  },
19
44
  focus: {
20
- backgroundColor: Color.PURPLE_10,
21
- borderColor: Color.PURPLE_10
45
+ color: Color.BLACK,
46
+ backgroundColor: Color.PURPLE_3,
47
+ borderColor: Color.PURPLE_3
22
48
  },
23
49
  active: {
24
- backgroundColor: Color.PURPLE_10,
25
- borderColor: Color.PURPLE_10
50
+ color: Color.BLACK,
51
+ backgroundColor: Color.PURPLE_3,
52
+ borderColor: Color.PURPLE_3
26
53
  },
27
54
  disabled: {
28
- color: Color.PURPLE_10,
29
- backgroundColor: Color.PURPLE_8,
30
- borderColor: Color.PURPLE_8
55
+ color: Color.PURPLE_3,
56
+ backgroundColor: Color.PURPLE_1,
57
+ borderColor: Color.PURPLE_1
31
58
  }
32
59
  }
33
60
  };
package/esm/Theme/themes/default.js CHANGED
@@ -3,23 +3,50 @@ import Breakpoints from '../breakpoints.js';
3
3
 
4
4
  var ButtonDefault = {
5
5
  base: {
6
- color: Color.WHITE,
6
+ color: Color.BLACK,
7
7
  borderRadius: "26px"
8
8
  },
9
+ "default": {
10
+ normal: {
11
+ backgroundColor: Color.NEUTRAL_2,
12
+ borderColor: Color.NEUTRAL_2
13
+ },
14
+ hover: {
15
+ backgroundColor: Color.NEUTRAL_3,
16
+ borderColor: Color.NEUTRAL_3
17
+ },
18
+ focus: {
19
+ backgroundColor: Color.NEUTRAL_3,
20
+ borderColor: Color.NEUTRAL_3
21
+ },
22
+ active: {
23
+ backgroundColor: Color.NEUTRAL_3,
24
+ borderColor: Color.NEUTRAL_3
25
+ },
26
+ disabled: {
27
+ color: Color.NEUTRAL_3,
28
+ backgroundColor: Color.NEUTRAL_1,
29
+ borderColor: Color.NEUTRAL_1
30
+ }
31
+ },
9
32
  primary: {
10
33
  normal: {
34
+ color: Color.WHITE,
11
35
  backgroundColor: Color.BLUE_9,
12
36
  borderColor: Color.BLUE_9
13
37
  },
14
38
  hover: {
39
+ color: Color.WHITE,
15
40
  backgroundColor: Color.BLUE_10,
16
41
  borderColor: Color.BLUE_10
17
42
  },
18
43
  focus: {
44
+ color: Color.WHITE,
19
45
  backgroundColor: Color.BLUE_10,
20
46
  borderColor: Color.BLUE_10
21
47
  },
22
48
  active: {
49
+ color: Color.WHITE,
23
50
  backgroundColor: Color.BLUE_10,
24
51
  borderColor: Color.BLUE_10
25
52
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.0",
3
+ "version": "0.7.2",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},