colibri-ui 0.7.61 → 0.7.63

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/Theme/colors/index.d.ts

@@ -1,19 +1,19 @@
 declare const _default: {
-    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;
+    TRETIARY_DEFAULT_1: string;
+    TRETIARY_DEFAULT_2: string;
+    TRETIARY_DEFAULT_3: string;
+    TRETIARY_DEFAULT_4: string;
+    TRETIARY_DEFAULT_5: string;
+    SECONDARY_DEFAULT_1: string;
+    SECONDARY_DEFAULT_2: string;
+    SECONDARY_DEFAULT_3: string;
+    SECONDARY_DEFAULT_4: string;
+    SECONDARY_DEFAULT_5: string;
+    PRIMARY_DEFAULT_1: string;
+    PRIMARY_DEFAULT_2: string;
+    PRIMARY_DEFAULT_3: string;
+    PRIMARY_DEFAULT_4: string;
+    PRIMARY_DEFAULT_5: string;
     BRAND_DEFAULT_1: string;
     BRAND_DEFAULT_2: string;
     BRAND_DEFAULT_3: string;
@@ -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/colors/theme_default.d.ts

@@ -1,23 +1,23 @@
 export declare const Primary: {
-    PRIMARY_1: string;
-    PRIMARY_2: string;
-    PRIMARY_3: string;
-    PRIMARY_4: string;
-    PRIMARY_5: string;
+    PRIMARY_DEFAULT_1: string;
+    PRIMARY_DEFAULT_2: string;
+    PRIMARY_DEFAULT_3: string;
+    PRIMARY_DEFAULT_4: string;
+    PRIMARY_DEFAULT_5: string;
 };
 export declare const Secondary: {
-    SECONDARY_1: string;
-    SECONDARY_2: string;
-    SECONDARY_3: string;
-    SECONDARY_4: string;
-    SECONDARY_5: string;
+    SECONDARY_DEFAULT_1: string;
+    SECONDARY_DEFAULT_2: string;
+    SECONDARY_DEFAULT_3: string;
+    SECONDARY_DEFAULT_4: string;
+    SECONDARY_DEFAULT_5: string;
 };
 export declare const Tretiary: {
-    TRETIARY_1: string;
-    TRETIARY_2: string;
-    TRETIARY_3: string;
-    TRETIARY_4: string;
-    TRETIARY_5: string;
+    TRETIARY_DEFAULT_1: string;
+    TRETIARY_DEFAULT_2: string;
+    TRETIARY_DEFAULT_3: string;
+    TRETIARY_DEFAULT_4: string;
+    TRETIARY_DEFAULT_5: string;
 };
 export declare const Brand: {
     BRAND_DEFAULT_1: string;
@@ -25,21 +25,21 @@ export declare const Brand: {
     BRAND_DEFAULT_3: string;
 };
 export declare const Color: {
-    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;
+    TRETIARY_DEFAULT_1: string;
+    TRETIARY_DEFAULT_2: string;
+    TRETIARY_DEFAULT_3: string;
+    TRETIARY_DEFAULT_4: string;
+    TRETIARY_DEFAULT_5: string;
+    SECONDARY_DEFAULT_1: string;
+    SECONDARY_DEFAULT_2: string;
+    SECONDARY_DEFAULT_3: string;
+    SECONDARY_DEFAULT_4: string;
+    SECONDARY_DEFAULT_5: string;
+    PRIMARY_DEFAULT_1: string;
+    PRIMARY_DEFAULT_2: string;
+    PRIMARY_DEFAULT_3: string;
+    PRIMARY_DEFAULT_4: string;
+    PRIMARY_DEFAULT_5: string;
     BRAND_DEFAULT_1: string;
     BRAND_DEFAULT_2: string;
     BRAND_DEFAULT_3: string;

package/Theme/colors/theme_default.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 
 var Primary = {
-  PRIMARY_1: "#E8F0FE",
-  PRIMARY_2: "#B8D2FF",
-  PRIMARY_3: "#73ABF8",
-  PRIMARY_4: "#067AFF",
-  PRIMARY_5: "#0066DC"
+  PRIMARY_DEFAULT_1: "#E8F0FE",
+  PRIMARY_DEFAULT_2: "#B8D2FF",
+  PRIMARY_DEFAULT_3: "#73ABF8",
+  PRIMARY_DEFAULT_4: "#067AFF",
+  PRIMARY_DEFAULT_5: "#0066DC"
 };
 var Secondary = {
-  SECONDARY_1: "#fff1db",
-  SECONDARY_2: "#ffdaa3",
-  SECONDARY_3: "#ffca79",
-  SECONDARY_4: "#f4b968",
-  SECONDARY_5: "#ffab0f"
+  SECONDARY_DEFAULT_1: "#fff1db",
+  SECONDARY_DEFAULT_2: "#ffdaa3",
+  SECONDARY_DEFAULT_3: "#ffca79",
+  SECONDARY_DEFAULT_4: "#f4b968",
+  SECONDARY_DEFAULT_5: "#ffab0f"
 };
 var Tretiary = {
-  TRETIARY_1: "#FFF5F0",
-  TRETIARY_2: "#FFEAE2",
-  TRETIARY_3: "#FFD8CA",
-  TRETIARY_4: "#FFA384 ",
-  TRETIARY_5: "#fc5200"
+  TRETIARY_DEFAULT_1: "#FFF5F0",
+  TRETIARY_DEFAULT_2: "#FFEAE2",
+  TRETIARY_DEFAULT_3: "#FFD8CA",
+  TRETIARY_DEFAULT_4: "#FFA384 ",
+  TRETIARY_DEFAULT_5: "#fc5200"
 };
 var Brand = {
   BRAND_DEFAULT_1: "#F393D2",

package/Theme/index.d.ts

@@ -76,8 +76,14 @@ 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;
+        "input-primary-border-color-error": string;
+        "input-primary-background-color-error": string;
+        "input-primary-box-shadow-color-error": string;
         "checkbox-primary-background-color-checked": string;
         "checkbox-primary-background-color-hovered": string;
         "checkbox-primary-box-shadow-focused": string;
@@ -96,11 +102,102 @@ export declare const THEMES: {
         "switch-primary-border-color-checked": string;
     };
     BA: {
-        "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;
+        "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;
+        "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-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;
     };
 };

package/Theme/themes/buenos_aires.d.ts

@@ -1,9 +1,100 @@
 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;
+    "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;
+    "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-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;
 };
 export default _default;

package/Theme/themes/buenos_aires.js

@@ -5,12 +5,103 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('../colors/index.js');
 
 var THEME_BA = {
-  "palette-bg-3": index.default.BG_3,
   "palette-black": index.default.BLACK,
   "palette-white": index.default.WHITE,
-  "palette-brand-ba-1": index.default.BRAND_BA_1,
-  "palette-brand-ba-2": index.default.BRAND_BA_2,
-  "palette-brand-ba-3": index.default.BRAND_BA_3
+  "palette-bg-1": index.default.BG_1,
+  "palette-bg-2": index.default.BG_2,
+  "palette-bg-3": index.default.BG_3,
+  "palette-bg-4": index.default.BG_4,
+  "palette-bg-5": index.default.BG_5,
+  "palette-brand-default-1": index.default.BRAND_BA_1,
+  "palette-brand-default-2": index.default.BRAND_BA_2,
+  "palette-brand-default-3": index.default.BRAND_BA_3,
+  "palette-primary-1": index.default.PRIMARY_BA_1,
+  "palette-primary-2": index.default.PRIMARY_BA_2,
+  "palette-primary-3": index.default.PRIMARY_BA_3,
+  "palette-primary-4": index.default.PRIMARY_BA_4,
+  "palette-primary-5": index.default.PRIMARY_BA_5,
+  "palette-tretiary-1": index.default.TRETIARY_BA_1,
+  "palette-tretiary-2": index.default.TRETIARY_BA_2,
+  "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,
+  "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-primary-background-color-checked": index.default.PRIMARY_BA_4,
+  "checkbox-primary-background-color-hovered": index.default.PRIMARY_BA_4,
+  "checkbox-primary-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "checkbox-primary-background-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-primary-border-color-active": index.default.PRIMARY_BA_4,
+  "checkbox-primary-box-shadow-active": index.default.PRIMARY_BA_4,
+  "checkbox-primary-background-color-disabled": index.default.PRIMARY_BA_1,
+  "inputradio-primary-background-color-checked": index.default.PRIMARY_BA_4,
+  "inputradio-primary-background-color-hovered": index.default.PRIMARY_BA_4,
+  "inputradio-primary-box-shadow-focused": index.default.PRIMARY_BA_1,
+  "inputradio-primary-background-color-focused": index.default.PRIMARY_BA_1,
+  "inputradio-primary-border-color-focused": index.default.PRIMARY_BA_1,
+  "switch-primary-background-color": index.default.BG_2,
+  "switch-primary-border-color": index.default.BG_2,
+  "switch-primary-background-color-checked": index.default.PRIMARY_BA_5,
+  "switch-primary-border-color-checked": index.default.PRIMARY_BA_5
 };
 
 exports.default = THEME_BA;