colibri-ui 0.7.62 → 0.7.64

package/Button/Button.module.css

@@ -41,13 +41,6 @@
 .root_fullWidth {
   width: 100%;
 }
-.root_disabled {
-  background-color: var(--button-primary-background-color-disabled);
-  border-color: var(--button-primary-border-color-disabled);
-  color: var(--button-primary-color-disabled);
-  cursor: not-allowed;
-  pointer-events: none;
-}
 
 .icon {
   display: flex;
@@ -89,6 +82,13 @@
   border-color: var(--button-primary-border-color-active);
   color: var(--button-primary-color-active);
 }
+.variant_primary_disabled {
+  background-color: var(--button-primary-background-color-disabled);
+  border-color: var(--button-primary-border-color-disabled);
+  color: var(--button-primary-color-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .variant_secondary {
   background-color: var(--button-secondary-background-color);
   border-color: var(--button-secondary-border-color);
@@ -104,6 +104,13 @@
   border-color: var(--button-secondary-border-color-active);
   color: var(--button-secondary-color-active);
 }
+.variant_secondary_disabled {
+  background-color: var(--button-secondary-background-color-disabled);
+  border-color: var(--button-secondary-border-color-disabled);
+  color: var(--button-secondary-color-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .variant_pseudo {
   background-color: var(--button-pseudo-background-color);
   border-color: var(--button-pseudo-border-color);
@@ -119,6 +126,13 @@
   border-color: var(--button-pseudo-border-color-active);
   color: var(--button-pseudo-color-active);
 }
+.variant_pseudo_disabled {
+  background-color: var(--button-pseudo-background-color-disabled);
+  border-color: var(--button-pseudo-border-color-disabled);
+  color: var(--button-pseudo-color-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .variant_outline {
   background-color: var(--button-outline-background-color);
   border-color: var(--button-outline-border-color);
@@ -134,6 +148,13 @@
   border-color: var(--button-outline-border-color-active);
   color: var(--button-outline-color-active);
 }
+.variant_outline_disabled {
+  background-color: var(--button-outline-background-color-disabled);
+  border-color: var(--button-outline-border-color-disabled);
+  color: var(--button-outline-color-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .variant_clear {
   background-color: transparent;
   border-color: transparent;
@@ -144,4 +165,11 @@
 }
 .variant_clear:active {
   color: var(--button-clear-color-active);
+}
+.variant_clear_disabled {
+  background-color: var(--button-clear-background-color-disabled);
+  border-color: var(--button-clear-border-color-disabled);
+  color: var(--button-clear-color-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
 }

package/Button/index.js

@@ -34,9 +34,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     ref: ref,
     className: clx(styles__default.default.root, (_b = {
       root_icon: !!icon,
-      root_disabled: disabled ? 1 : 0,
-      root_fullWidth: fullWidth ? 1 : 0
-    }, _b["size_".concat(size)] = !!size, _b["variant_".concat(variant)] = !!variant, _b), className),
+      root_fullWidth: !!fullWidth
+    }, _b["size_".concat(size)] = !!size, _b["variant_".concat(variant)] = !!variant, _b["variant_".concat(variant, "_disabled")] = !!disabled, _b), className),
     disabled: disabled,
     "data-cy": "button"
   }, props), icon && /*#__PURE__*/React__default.default.createElement("span", {

package/Checkbox/Checkbox.module.css

@@ -35,7 +35,7 @@
 }
 
 .checked {
-  background-color: var(--checkbox-primary-background-color-checked);
+  background-color: var(--checkbox-background-color-checked);
   border: 0;
 }
 .checked::after {
@@ -73,17 +73,17 @@
   border-color: var(--palette-bg-3);
 }
 .control_variant_primary:focus:not(:disabled) + .fake-checkbox {
-  box-shadow: 0 0 0 2px var(--checkbox-primary-box-shadow-focused);
+  box-shadow: 0 0 0 2px var(--checkbox-box-shadow-focused);
 }
 .control_variant_primary:hover:not(:disabled) + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-hovered);
+  background-color: var(--checkbox-background-color-hovered);
 }
 .control_variant_primary:active:not(:disabled) + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-active);
-  border-color: var(--checkbox-primary-border-color-active);
-  box-shadow: var(--checkbox-primary-box-shadow-active);
+  background-color: var(--checkbox-background-color-active);
+  border-color: var(--checkbox-border-color-active);
+  box-shadow: var(--checkbox-box-shadow-active);
 }
 .control_variant_primary:disabled + .fake-checkbox {
-  background-color: var(--checkbox-primary-background-color-disabled);
+  background-color: var(--checkbox-background-color-disabled);
   z-index: 1;
 }

package/Icons/Setting.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Setting = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = tslib.__rest(_a, ["fill", "width", "height"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height
+  }, props, {
+    ref: ref,
+    fill: "none"
+  }), /*#__PURE__*/React__default.default.createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "m8.428 3.287.88 1.198c.27.364.62.675 1.09.801a1.85 1.85 0 0 0 1.414-.188c.39-.226.667-.602.84-1.054l.542-1.385a.75.75 0 0 1 .894-.45l.5.134.5.133a.75.75 0 0 1 .548.84l-.226 1.467c-.072.482-.018.948.209 1.34.237.411.632.731 1.126.864.476.127.938.024 1.36-.158l1.343-.588a.75.75 0 0 1 .95.312l.26.447.26.451a.75.75 0 0 1-.206.98l-1.197.88c-.363.27-.674.619-.8 1.088a1.85 1.85 0 0 0 .188 1.413c.227.39.602.667 1.054.84l1.385.543a.75.75 0 0 1 .45.893l-.135.5-.133.5a.75.75 0 0 1-.837.55l-1.47-.224c-.48-.076-.947-.021-1.34.205-.41.238-.73.632-.863 1.127-.125.47-.03.928.15 1.344l.596 1.36a.75.75 0 0 1-.311.951l-.45.26-.45.26a.75.75 0 0 1-.98-.204l-.846-1.149c-.283-.38-.63-.72-1.12-.852a1.85 1.85 0 0 0-1.414.188c-.39.227-.668.603-.841 1.056l-.542 1.384a.75.75 0 0 1-.892.45l-.502-.134-.5-.134a.75.75 0 0 1-.548-.838l.225-1.467c.074-.483.02-.95-.208-1.344a1.85 1.85 0 0 0-1.126-.862c-.486-.13-.955-.014-1.386.173l-1.32.576a.75.75 0 0 1-.95-.314l-.258-.447-.26-.448a.75.75 0 0 1 .205-.982l1.198-.879v-.001c.363-.27.675-.62.8-1.09a1.85 1.85 0 0 0-.187-1.413c-.226-.39-.602-.667-1.054-.84l-1.385-.543a.75.75 0 0 1-.45-.894l.134-.498.133-.501a.75.75 0 0 1 .839-.549l1.468.225c.482.074.95.02 1.342-.208.41-.238.73-.632.862-1.126.127-.473.026-.933-.154-1.352L6.24 4.552a.75.75 0 0 1 .314-.952L7 3.343l.446-.26a.75.75 0 0 1 .98.204zM10.89 16.14a4.286 4.286 0 1 0 2.219-8.28 4.286 4.286 0 0 0-2.22 8.28"
+  })), /*#__PURE__*/React__default.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+});
+
+exports.default = Setting;

package/Icons/index.d.ts

@@ -9,5 +9,6 @@ export { default as Info } from "./Info";
 export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
+export { default as Setting } from "./Setting";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/Icons/index.js

@@ -11,6 +11,7 @@ var Info = require('./Info.js');
 var Minus = require('./Minus.js');
 var More = require('./More.js');
 var Plus = require('./Plus.js');
+var Setting = require('./Setting.js');
 var Trash = require('./Trash.js');
 var User = require('./User.js');
 
@@ -27,5 +28,6 @@ exports.Info = Info.default;
 exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
+exports.Setting = Setting.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/InputRadio/InputRadio.module.css

@@ -51,26 +51,26 @@
   position: absolute;
 }
 .input:not(.input_disabled, .input_error):hover + .icon {
-  border-color: var(--inputradio-primary-background-color-hovered);
+  border-color: var(--input-radio-background-color-hovered);
 }
 .input:not(.input_disabled, .input_error):focus + .icon {
-  box-shadow: 0 0 0 2px var(--inputradio-primary-box-shadow-focused);
+  box-shadow: 0 0 0 2px var(--input-radio-box-shadow-focused);
 }
 .input:not(.input_disabled, .input_error):active + .icon {
-  background-color: var(--inputradio-primary-background-color-focused);
-  border-color: var(--inputradio-primary-border-color-focused);
-  box-shadow: 0 0 0 2px var(--inputradio-primary-box-shadow-focused);
+  background-color: var(--input-radio-background-color-focused);
+  border-color: var(--input-radio-border-color-focused);
+  box-shadow: 0 0 0 2px var(--input-radio-box-shadow-focused);
 }
 .input:not(.input_disabled, .input_error) .input_checked:hover + .icon {
-  border-color: var(--inputradio-primary-background-color-hovered);
+  border-color: var(--input-radio-background-color-hovered);
 }
 .input:not(.input_disabled, .input_error) .input_checked:active + .icon {
   background-color: var(--palette-white);
-  border: 4px solid var(--inputradio-primary-background-color-checked);
+  border: 4px solid var(--input-radio-background-color-checked);
 }
 .input_checked + .icon {
   background-color: var(--palette-white);
-  border: 4px solid var(--inputradio-primary-background-color-checked);
+  border: 4px solid var(--input-radio-background-color-checked);
 }
 .input_disabled + .icon {
   border-radius: 50%;

package/Switch/Switch.module.css

@@ -18,8 +18,8 @@
   width: 40px;
 }
 .wrapper_variant_primary {
-  background-color: var(--switch-primary-background-color);
-  border-color: var(--switch-primary-border-color);
+  background-color: var(--switch-background-color);
+  border-color: var(--switch-border-color);
 }
 
 .base-switch {
@@ -48,8 +48,8 @@
   z-index: 1;
 }
 .checkbox:checked + .wrapper {
-  background-color: var(--switch-primary-background-color-checked);
-  border-color: var(--switch-primary-border-color-checked);
+  background-color: var(--switch-background-color-checked);
+  border-color: var(--switch-border-color-checked);
 }
 .checkbox:checked + .wrapper .base-switch {
   transform: translateX(18px);

package/Theme/colors/index.d.ts

@@ -35,6 +35,8 @@ declare const _default: {
     BRAND_BA_1: string;
     BRAND_BA_2: string;
     BRAND_BA_3: string;
+    BRAND_BA_4: string;
+    BRAND_BA_5: string;
     BG_1: string;
     BG_2: string;
     BG_3: string;

package/Theme/colors/theme_buenos_aires.d.ts

@@ -23,6 +23,8 @@ export declare const BrandBA: {
     BRAND_BA_1: string;
     BRAND_BA_2: string;
     BRAND_BA_3: string;
+    BRAND_BA_4: string;
+    BRAND_BA_5: string;
 };
 export declare const Color: {
     TRETIARY_BA_1: string;
@@ -43,5 +45,7 @@ export declare const Color: {
     BRAND_BA_1: string;
     BRAND_BA_2: string;
     BRAND_BA_3: string;
+    BRAND_BA_4: string;
+    BRAND_BA_5: string;
 };
 export default Color;

package/Theme/colors/theme_buenos_aires.js

@@ -5,30 +5,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 
 var PrimaryBA = {
-  PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
-  PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
-  PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
-  PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
-  PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
+  PRIMARY_BA_1: "#ffe695",
+  PRIMARY_BA_2: "#ffe07b",
+  PRIMARY_BA_3: "#ffd85a",
+  PRIMARY_BA_4: "#ffce31",
+  PRIMARY_BA_5: "#ffc818"
 };
 var SecondaryBA = {
-  SECONDARY_BA_1: "#d9d9d9",
-  SECONDARY_BA_2: "#bbb",
-  SECONDARY_BA_3: "#636363",
-  SECONDARY_BA_4: "#313131",
-  SECONDARY_BA_5: "#1a1a1a"
+  SECONDARY_BA_1: "#7d7d7d",
+  SECONDARY_BA_2: "#5c5c5c",
+  SECONDARY_BA_3: "#333",
+  SECONDARY_BA_4: "#1f1f1f",
+  SECONDARY_BA_5: "#000"
 };
 var TretiaryBA = {
-  TRETIARY_BA_1: "#EDF1F5",
-  TRETIARY_BA_2: "#d3dbe3",
-  TRETIARY_BA_3: "#c5cfda",
-  TRETIARY_BA_4: "#b1bcc8",
-  TRETIARY_BA_5: "#87929d"
+  TRETIARY_BA_1: "#DFE7FA",
+  TRETIARY_BA_2: "#C0CFF8",
+  TRETIARY_BA_3: "#AFC3F5",
+  TRETIARY_BA_4: "#80A0ED",
+  TRETIARY_BA_5: "#6088ea"
 };
 var BrandBA = {
-  BRAND_BA_1: "#B54141",
-  BRAND_BA_2: "#fffbe9",
-  BRAND_BA_3: "#D5D500"
+  BRAND_BA_1: "#fcdfe2",
+  BRAND_BA_2: "#facdd2",
+  BRAND_BA_3: "#F59fa7",
+  BRAND_BA_4: "#ef6975",
+  BRAND_BA_5: "#E61428"
 };
 var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, BrandBA), PrimaryBA), SecondaryBA), TretiaryBA);
 

package/Theme/index.d.ts

@@ -76,24 +76,33 @@ export declare const THEMES: {
         "button-clear-color": string;
         "button-clear-color-hovered": string;
         "button-clear-color-active": string;
+        "button-clear-color-disabled": string;
+        "button-clear-background-color-disabled": string;
+        "button-clear-border-color-disabled": 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;
-        "inputradio-primary-background-color-checked": string;
-        "inputradio-primary-background-color-hovered": string;
-        "inputradio-primary-box-shadow-focused": string;
-        "inputradio-primary-background-color-focused": string;
-        "inputradio-primary-border-color-focused": string;
-        "switch-primary-background-color": string;
-        "switch-primary-border-color": string;
-        "switch-primary-background-color-checked": string;
-        "switch-primary-border-color-checked": string;
+        "input-primary-border-color-error": string;
+        "input-primary-background-color-error": string;
+        "input-primary-box-shadow-color-error": string;
+        "checkbox-background-color-checked": string;
+        "checkbox-background-color-hovered": string;
+        "checkbox-box-shadow-focused": string;
+        "checkbox-background-color-active": string;
+        "checkbox-border-color-active": string;
+        "checkbox-box-shadow-active": string;
+        "checkbox-background-color-disabled": string;
+        "input-radio-background-color-checked": string;
+        "input-radio-background-color-hovered": string;
+        "input-radio-box-shadow-focused": string;
+        "input-radio-background-color-focused": string;
+        "input-radio-border-color-focused": string;
+        "switch-background-color": string;
+        "switch-border-color": string;
+        "switch-background-color-checked": string;
+        "switch-border-color-checked": string;
+        "tooltip-background-color": string;
+        "tooltip-color": string;
+        "tooltip-border-radius": string;
     };
     BA: {
         "palette-black": string;
@@ -117,5 +126,84 @@ export declare const THEMES: {
         "palette-tretiary-4": string;
         "palette-tretiary-5": string;
         "palette-alert": 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-outline-color": string;
+        "button-outline-background-color": string;
+        "button-outline-border-color": string;
+        "button-outline-color-hovered": string;
+        "button-outline-background-color-hovered": string;
+        "button-outline-border-color-hovered": string;
+        "button-outline-color-active": string;
+        "button-outline-background-color-active": string;
+        "button-outline-border-color-active": string;
+        "button-outline-color-disabled": string;
+        "button-outline-background-color-disabled": string;
+        "button-outline-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;
+        "button-clear-color-disabled": string;
+        "button-clear-background-color-disabled": string;
+        "button-clear-border-color-disabled": string;
+        "input-primary-border-color": string;
+        "input-primary-plaseholder-color": string;
+        "input-primary-border-color-error": string;
+        "input-primary-background-color-error": string;
+        "input-primary-box-shadow-color-error": string;
+        "checkbox-background-color-checked": string;
+        "checkbox-background-color-hovered": string;
+        "checkbox-box-shadow-focused": string;
+        "checkbox-background-color-active": string;
+        "checkbox-border-color-active": string;
+        "checkbox-box-shadow-active": string;
+        "checkbox-background-color-disabled": string;
+        "input-radio-background-color-checked": string;
+        "input-radio-background-color-hovered": string;
+        "input-radio-box-shadow-focused": string;
+        "input-radio-background-color-focused": string;
+        "input-radio-border-color-focused": string;
+        "switch-background-color": string;
+        "switch-border-color": string;
+        "switch-background-color-checked": string;
+        "switch-border-color-checked": string;
+        "tooltip-background-color": string;
+        "tooltip-color": string;
+        "tooltip-border-radius": string;
     };
 };

package/Theme/themes/buenos_aires.d.ts

@@ -20,5 +20,84 @@ declare const _default: {
     "palette-tretiary-4": string;
     "palette-tretiary-5": string;
     "palette-alert": 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-outline-color": string;
+    "button-outline-background-color": string;
+    "button-outline-border-color": string;
+    "button-outline-color-hovered": string;
+    "button-outline-background-color-hovered": string;
+    "button-outline-border-color-hovered": string;
+    "button-outline-color-active": string;
+    "button-outline-background-color-active": string;
+    "button-outline-border-color-active": string;
+    "button-outline-color-disabled": string;
+    "button-outline-background-color-disabled": string;
+    "button-outline-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;
+    "button-clear-color-disabled": string;
+    "button-clear-background-color-disabled": string;
+    "button-clear-border-color-disabled": string;
+    "input-primary-border-color": string;
+    "input-primary-plaseholder-color": string;
+    "input-primary-border-color-error": string;
+    "input-primary-background-color-error": string;
+    "input-primary-box-shadow-color-error": string;
+    "checkbox-background-color-checked": string;
+    "checkbox-background-color-hovered": string;
+    "checkbox-box-shadow-focused": string;
+    "checkbox-background-color-active": string;
+    "checkbox-border-color-active": string;
+    "checkbox-box-shadow-active": string;
+    "checkbox-background-color-disabled": string;
+    "input-radio-background-color-checked": string;
+    "input-radio-background-color-hovered": string;
+    "input-radio-box-shadow-focused": string;
+    "input-radio-background-color-focused": string;
+    "input-radio-border-color-focused": string;
+    "switch-background-color": string;
+    "switch-border-color": string;
+    "switch-background-color-checked": string;
+    "switch-border-color-checked": string;
+    "tooltip-background-color": string;
+    "tooltip-color": string;
+    "tooltip-border-radius": string;
 };
 export default _default;

package/Theme/themes/buenos_aires.js

@@ -25,7 +25,86 @@ var THEME_BA = {
   "palette-tretiary-3": index.default.TRETIARY_BA_3,
   "palette-tretiary-4": index.default.TRETIARY_BA_4,
   "palette-tretiary-5": index.default.TRETIARY_BA_5,
-  "palette-alert": index.default.ALERT
+  "palette-alert": index.default.ALERT,
+  "button-border-radius": "18px",
+  "button-primary-color": index.default.BLACK,
+  "button-primary-background-color": index.default.PRIMARY_BA_4,
+  "button-primary-border-color": index.default.PRIMARY_BA_4,
+  "button-primary-color-hovered": index.default.BLACK,
+  "button-primary-background-color-hovered": index.default.PRIMARY_BA_4,
+  "button-primary-border-color-hovered": index.default.PRIMARY_BA_4,
+  "button-primary-color-active": index.default.BLACK,
+  "button-primary-background-color-active": index.default.PRIMARY_BA_5,
+  "button-primary-border-color-active": index.default.PRIMARY_BA_5,
+  "button-primary-color-disabled": index.default.BG_4,
+  "button-primary-background-color-disabled": index.default.PRIMARY_BA_1,
+  "button-primary-border-color-disabled": index.default.PRIMARY_BA_1,
+  "button-secondary-color": index.default.WHITE,
+  "button-secondary-background-color": index.default.SECONDARY_BA_4,
+  "button-secondary-border-color": index.default.SECONDARY_BA_4,
+  "button-secondary-color-hovered": index.default.WHITE,
+  "button-secondary-background-color-hovered": index.default.SECONDARY_BA_4,
+  "button-secondary-border-color-hovered": index.default.SECONDARY_BA_4,
+  "button-secondary-color-active": index.default.WHITE,
+  "button-secondary-background-color-active": index.default.SECONDARY_BA_5,
+  "button-secondary-border-color-active": index.default.SECONDARY_BA_5,
+  "button-secondary-color-disabled": index.default.BG_4,
+  "button-secondary-background-color-disabled": index.default.BG_1,
+  "button-secondary-border-color-disabled": index.default.BG_1,
+  "button-outline-color": index.default.BLACK,
+  "button-outline-background-color": index.default.WHITE,
+  "button-outline-border-color": index.default.SECONDARY_BA_4,
+  "button-outline-color-hovered": index.default.BLACK,
+  "button-outline-background-color-hovered": index.default.BG_1,
+  "button-outline-border-color-hovered": index.default.SECONDARY_BA_4,
+  "button-outline-color-active": index.default.BLACK,
+  "button-outline-background-color-active": index.default.BG_2,
+  "button-outline-border-color-active": index.default.SECONDARY_BA_4,
+  "button-outline-color-disabled": index.default.BG_4,
+  "button-outline-background-color-disabled": index.default.WHITE,
+  "button-outline-border-color-disabled": index.default.BG_2,
+  "button-pseudo-color": index.default.BLACK,
+  "button-pseudo-background-color": index.default.TRETIARY_BA_1,
+  "button-pseudo-border-color": index.default.TRETIARY_BA_1,
+  "button-pseudo-color-hovered": index.default.BLACK,
+  "button-pseudo-background-color-hovered": index.default.TRETIARY_BA_1,
+  "button-pseudo-border-color-hovered": index.default.TRETIARY_BA_1,
+  "button-pseudo-color-active": index.default.BLACK,
+  "button-pseudo-background-color-active": index.default.TRETIARY_BA_2,
+  "button-pseudo-border-color-active": index.default.TRETIARY_BA_2,
+  "button-pseudo-color-disabled": index.default.BG_4,
+  "button-pseudo-background-color-disabled": index.default.TRETIARY_BA_1,
+  "button-pseudo-border-color-disabled": index.default.TRETIARY_BA_1,
+  "button-clear-color": index.default.SECONDARY_BA_4,
+  "button-clear-color-hovered": index.default.SECONDARY_BA_4,
+  "button-clear-color-active": index.default.SECONDARY_BA_5,
+  "button-clear-color-disabled": index.default.BG_4,
+  "button-clear-background-color-disabled": index.default.WHITE,
+  "button-clear-border-color-disabled": index.default.WHITE,
+  "input-primary-border-color": index.default.BG_3,
+  "input-primary-plaseholder-color": index.default.BG_2,
+  "input-primary-border-color-error": index.default.ALERT,
+  "input-primary-background-color-error": index.default.TRETIARY_DEFAULT_2,
+  "input-primary-box-shadow-color-error": index.default.TRETIARY_DEFAULT_2,
+  "checkbox-background-color-checked": index.default.PRIMARY_BA_4,
+  "checkbox-background-color-hovered": index.default.PRIMARY_BA_4,
+  "checkbox-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "checkbox-background-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-border-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-box-shadow-active": index.default.PRIMARY_BA_4,
+  "checkbox-background-color-disabled": index.default.PRIMARY_BA_1,
+  "input-radio-background-color-checked": index.default.PRIMARY_BA_4,
+  "input-radio-background-color-hovered": index.default.PRIMARY_BA_4,
+  "input-radio-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "input-radio-background-color-focused": index.default.PRIMARY_BA_1,
+  "input-radio-border-color-focused": index.default.PRIMARY_BA_1,
+  "switch-background-color": index.default.BG_2,
+  "switch-border-color": index.default.BG_2,
+  "switch-background-color-checked": index.default.PRIMARY_BA_5,
+  "switch-border-color-checked": index.default.PRIMARY_BA_5,
+  "tooltip-background-color": index.default.SECONDARY_BA_3,
+  "tooltip-color": index.default.WHITE,
+  "tooltip-border-radius": "4px"
 };
 
 exports.default = THEME_BA;