colibri-ui 0.7.78 → 0.7.80

package/index.js

@@ -1,34 +1,35 @@
 'use strict';
 
-var index = require('./Avatar/index.js');
-var index$1 = require('./Badge/index.js');
-var index$2 = require('./Button/index.js');
-var index$3 = require('./Calendar/index.js');
-var index$4 = require('./Checkbox/index.js');
-var index$5 = require('./Chip/index.js');
-var index$6 = require('./Counter/index.js');
-var index$7 = require('./DotsLoader/index.js');
-var index$8 = require('./Dropdown/index.js');
-var index$9 = require('./Grid/index.js');
-var index$a = require('./Grid/Item/index.js');
-var index$b = require('./Image/index.js');
-var index$c = require('./Input/index.js');
-var index$d = require('./Menu/index.js');
-var index$e = require('./Menu/components/MenuItem/index.js');
-var index$f = require('./Modal/index.js');
-var index$g = require('./Portal/index.js');
-var index$h = require('./RadioGroup/index.js');
-var index$i = require('./Select/index.js');
-var index$j = require('./Separator/index.js');
-var index$k = require('./Skeleton/index.js');
-var index$l = require('./Switch/index.js');
-var index$m = require('./Theme/index.js');
-var index$n = require('./Tooltip/index.js');
-var index$o = require('./TimeSelect/index.js');
-var index$p = require('./Typography/index.js');
-var index$q = require('./hooks/useMediaSizes/index.js');
-var index$r = require('./hooks/useOnClickOutside/index.js');
-var index$s = require('./hooks/useScrollLock/index.js');
+var index = require('./Accordion/index.js');
+var index$1 = require('./Avatar/index.js');
+var index$2 = require('./Badge/index.js');
+var index$3 = require('./Button/index.js');
+var index$4 = require('./Calendar/index.js');
+var index$5 = require('./Checkbox/index.js');
+var index$6 = require('./Chip/index.js');
+var index$7 = require('./Counter/index.js');
+var index$8 = require('./DotsLoader/index.js');
+var index$9 = require('./Dropdown/index.js');
+var index$a = require('./Grid/index.js');
+var index$b = require('./Grid/Item/index.js');
+var index$c = require('./Image/index.js');
+var index$d = require('./Input/index.js');
+var index$e = require('./Menu/index.js');
+var index$f = require('./Menu/components/MenuItem/index.js');
+var index$g = require('./Modal/index.js');
+var index$h = require('./Portal/index.js');
+var index$i = require('./RadioGroup/index.js');
+var index$j = require('./Select/index.js');
+var index$k = require('./Separator/index.js');
+var index$l = require('./Skeleton/index.js');
+var index$m = require('./Switch/index.js');
+var index$n = require('./Theme/index.js');
+var index$o = require('./Tooltip/index.js');
+var index$p = require('./TimeSelect/index.js');
+var index$q = require('./Typography/index.js');
+var index$r = require('./hooks/useMediaSizes/index.js');
+var index$s = require('./hooks/useOnClickOutside/index.js');
+var index$t = require('./hooks/useScrollLock/index.js');
 require('./Icons/index.js');
 var ArrowNext = require('./Icons/ArrowNext.js');
 var Cart = require('./Icons/Cart.js');
@@ -48,36 +49,37 @@ var User = require('./Icons/User.js');
 
 
 
-exports.Avatar = index.default;
-exports.Badge = index$1.default;
-exports.Button = index$2.default;
-exports.Calendar = index$3.default;
-exports.Checkbox = index$4.default;
-exports.Chip = index$5.default;
-exports.Counter = index$6.default;
-exports.DotsLoader = index$7.default;
-exports.Dropdown = index$8.default;
-exports.Grid = index$9.default;
-exports.GridItem = index$a.default;
-exports.Image = index$b.default;
-exports.Input = index$c.default;
-exports.Menu = index$d.default;
-exports.MenuItem = index$e.default;
-exports.Modal = index$f.default;
-exports.Portal = index$g.default;
-exports.RadioGroup = index$h.default;
-exports.Select = index$i.default;
-exports.Separator = index$j.default;
-exports.SkeletonRect = index$k.SkeletonRect;
-exports.SkeletonText = index$k.SkeletonText;
-exports.Switch = index$l.default;
-exports.THEMES = index$m.THEMES;
-exports.Tooltip = index$n.default;
-exports.TimeSelect = index$o.default;
-exports.Typography = index$p.default;
-exports.useMediaSizes = index$q.default;
-exports.useOnClickOutside = index$r.default;
-exports.useScrollLock = index$s.default;
+exports.Accordion = index.default;
+exports.Avatar = index$1.default;
+exports.Badge = index$2.default;
+exports.Button = index$3.default;
+exports.Calendar = index$4.default;
+exports.Checkbox = index$5.default;
+exports.Chip = index$6.default;
+exports.Counter = index$7.default;
+exports.DotsLoader = index$8.default;
+exports.Dropdown = index$9.default;
+exports.Grid = index$a.default;
+exports.GridItem = index$b.default;
+exports.Image = index$c.default;
+exports.Input = index$d.default;
+exports.Menu = index$e.default;
+exports.MenuItem = index$f.default;
+exports.Modal = index$g.default;
+exports.Portal = index$h.default;
+exports.RadioGroup = index$i.default;
+exports.Select = index$j.default;
+exports.Separator = index$k.default;
+exports.SkeletonRect = index$l.SkeletonRect;
+exports.SkeletonText = index$l.SkeletonText;
+exports.Switch = index$m.default;
+exports.THEMES = index$n.THEMES;
+exports.Tooltip = index$o.default;
+exports.TimeSelect = index$p.default;
+exports.Typography = index$q.default;
+exports.useMediaSizes = index$r.default;
+exports.useOnClickOutside = index$s.default;
+exports.useScrollLock = index$t.default;
 exports.ArrowNext = ArrowNext.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.7.78",
+  "version": "0.7.80",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},

package/theme_ba_variables.css

@@ -1,11 +1,11 @@
 .theme {
 --palette-black: #000;
 --palette-white: #fff;
---palette-bg-1: #f2f2f2;
---palette-bg-2: #e6e6e6;
---palette-bg-3: #dbdbdb;
---palette-bg-4: #b3b3b3;
---palette-bg-5: #999;
+--palette-bg-1: #ECEEF2;
+--palette-bg-2: #E4E6EA;
+--palette-bg-3: #D6D9E0;
+--palette-bg-4: #C9CDD6;
+--palette-bg-5: #BCC1CC;
 --palette-brand-default-1: #fcdfe2;
 --palette-brand-default-2: #facdd2;
 --palette-brand-default-3: #F59fa7;
@@ -23,7 +23,7 @@
 --palette-success: #28bc00;
 --typography-alert: #ff564e;
 --typography-success: #28bc00;
---typography-secondary: #dbdbdb;
+--typography-secondary: #D6D9E0;
 --button-border-radius: 18px;
 --button-primary-color: #000;
 --button-primary-background-color: #ffce31;
@@ -34,7 +34,7 @@
 --button-primary-color-active: #000;
 --button-primary-background-color-active: #ffc818;
 --button-primary-border-color-active: #ffc818;
---button-primary-color-disabled: #b3b3b3;
+--button-primary-color-disabled: #C9CDD6;
 --button-primary-background-color-disabled: #ffe695;
 --button-primary-border-color-disabled: #ffe695;
 --button-secondary-color: #fff;
@@ -46,21 +46,21 @@
 --button-secondary-color-active: #fff;
 --button-secondary-background-color-active: #000;
 --button-secondary-border-color-active: #000;
---button-secondary-color-disabled: #b3b3b3;
---button-secondary-background-color-disabled: #f2f2f2;
---button-secondary-border-color-disabled: #f2f2f2;
+--button-secondary-color-disabled: #C9CDD6;
+--button-secondary-background-color-disabled: #ECEEF2;
+--button-secondary-border-color-disabled: #ECEEF2;
 --button-outline-color: #000;
 --button-outline-background-color: #fff;
 --button-outline-border-color: #1f1f1f;
 --button-outline-color-hovered: #000;
---button-outline-background-color-hovered: #f2f2f2;
+--button-outline-background-color-hovered: #ECEEF2;
 --button-outline-border-color-hovered: #1f1f1f;
 --button-outline-color-active: #000;
---button-outline-background-color-active: #e6e6e6;
+--button-outline-background-color-active: #E4E6EA;
 --button-outline-border-color-active: #1f1f1f;
---button-outline-color-disabled: #b3b3b3;
+--button-outline-color-disabled: #C9CDD6;
 --button-outline-background-color-disabled: #fff;
---button-outline-border-color-disabled: #e6e6e6;
+--button-outline-border-color-disabled: #E4E6EA;
 --button-pseudo-color: #000;
 --button-pseudo-background-color: #DFE7FA;
 --button-pseudo-border-color: #DFE7FA;
@@ -70,17 +70,17 @@
 --button-pseudo-color-active: #000;
 --button-pseudo-background-color-active: #C0CFF8;
 --button-pseudo-border-color-active: #C0CFF8;
---button-pseudo-color-disabled: #b3b3b3;
+--button-pseudo-color-disabled: #C9CDD6;
 --button-pseudo-background-color-disabled: #DFE7FA;
 --button-pseudo-border-color-disabled: #DFE7FA;
 --button-clear-color: #1f1f1f;
 --button-clear-color-hovered: #1f1f1f;
 --button-clear-color-active: #000;
---button-clear-color-disabled: #b3b3b3;
+--button-clear-color-disabled: #C9CDD6;
 --button-clear-background-color-disabled: #fff;
 --button-clear-border-color-disabled: #fff;
---input-primary-border-color: #dbdbdb;
---input-primary-plaseholder-color: #e6e6e6;
+--input-primary-border-color: #D6D9E0;
+--input-primary-plaseholder-color: #E4E6EA;
 --input-primary-border-color-error: #ff564e;
 --input-primary-background-color-error: #FFEAE2;
 --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
 --input-radio-box-shadow-focused: #ffe695;
 --input-radio-background-color-focused: #ffe695;
 --input-radio-border-color-focused: #ffe695;
---switch-background-color: #e6e6e6;
---switch-border-color: #e6e6e6;
+--switch-background-color: #E4E6EA;
+--switch-border-color: #E4E6EA;
 --switch-background-color-checked: #ffc818;
 --switch-border-color-checked: #ffc818;
 --tooltip-background-color: #333;

package/theme_default_variables.css

@@ -1,11 +1,11 @@
 .theme {
 --palette-black: #000;
 --palette-white: #fff;
---palette-bg-1: #f2f2f2;
---palette-bg-2: #e6e6e6;
---palette-bg-3: #dbdbdb;
---palette-bg-4: #b3b3b3;
---palette-bg-5: #999;
+--palette-bg-1: #ECEEF2;
+--palette-bg-2: #E4E6EA;
+--palette-bg-3: #D6D9E0;
+--palette-bg-4: #C9CDD6;
+--palette-bg-5: #BCC1CC;
 --palette-brand-default-1: #F393D2;
 --palette-brand-default-2: #4BDCF8;
 --palette-brand-default-3: #D5D500;
@@ -23,7 +23,7 @@
 --palette-success: #28bc00;
 --typography-alert: #ff564e;
 --typography-success: #28bc00;
---typography-secondary: #dbdbdb;
+--typography-secondary: #D6D9E0;
 --button-border-radius: 18px;
 --button-primary-color: #fff;
 --button-primary-background-color: #067AFF;
@@ -34,7 +34,7 @@
 --button-primary-color-active: #fff;
 --button-primary-background-color-active: #0066DC;
 --button-primary-border-color-active: #0066DC;
---button-primary-color-disabled: #b3b3b3;
+--button-primary-color-disabled: #C9CDD6;
 --button-primary-background-color-disabled: #E8F0FE;
 --button-primary-border-color-disabled: #E8F0FE;
 --button-secondary-color: #fff;
@@ -46,7 +46,7 @@
 --button-secondary-color-active: #fff;
 --button-secondary-background-color-active: #ffab0f;
 --button-secondary-border-color-active: #ffab0f;
---button-secondary-color-disabled: #b3b3b3;
+--button-secondary-color-disabled: #C9CDD6;
 --button-secondary-background-color-disabled: #fff1db;
 --button-secondary-border-color-disabled: #fff1db;
 --button-pseudo-color: #000;
@@ -58,29 +58,29 @@
 --button-pseudo-color-active: #000;
 --button-pseudo-background-color-active: #FFEAE2;
 --button-pseudo-border-color-active: #FFEAE2;
---button-pseudo-color-disabled: #b3b3b3;
+--button-pseudo-color-disabled: #C9CDD6;
 --button-pseudo-background-color-disabled: #FFF5F0;
 --button-pseudo-border-color-disabled: #FFF5F0;
 --button-outline-color: #000;
 --button-outline-background-color: #fff;
---button-outline-border-color: #dbdbdb;
+--button-outline-border-color: #D6D9E0;
 --button-outline-color-hovered: #000;
---button-outline-background-color-hovered: #f2f2f2;
---button-outline-border-color-hovered: #dbdbdb;
+--button-outline-background-color-hovered: #ECEEF2;
+--button-outline-border-color-hovered: #D6D9E0;
 --button-outline-color-active: #000;
---button-outline-background-color-active: #e6e6e6;
---button-outline-border-color-active: #dbdbdb;
---button-outline-color-disabled: #b3b3b3;
+--button-outline-background-color-active: #E4E6EA;
+--button-outline-border-color-active: #D6D9E0;
+--button-outline-color-disabled: #C9CDD6;
 --button-outline-background-color-disabled: #fff;
---button-outline-border-color-disabled: #e6e6e6;
+--button-outline-border-color-disabled: #E4E6EA;
 --button-clear-color: #067AFF;
 --button-clear-color-hovered: #067AFF;
 --button-clear-color-active: #0066DC;
---button-clear-color-disabled: #b3b3b3;
+--button-clear-color-disabled: #C9CDD6;
 --button-clear-background-color-disabled: #fff;
 --button-clear-border-color-disabled: #fff;
---input-primary-border-color: #dbdbdb;
---input-primary-plaseholder-color: #e6e6e6;
+--input-primary-border-color: #D6D9E0;
+--input-primary-plaseholder-color: #E4E6EA;
 --input-primary-border-color-error: #ff564e;
 --input-primary-background-color-error: #FFEAE2;
 --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
 --input-radio-box-shadow-focused: #E8F0FE;
 --input-radio-background-color-focused: #E8F0FE;
 --input-radio-border-color-focused: #E8F0FE;
---switch-background-color: #e6e6e6;
---switch-border-color: #e6e6e6;
+--switch-background-color: #E4E6EA;
+--switch-border-color: #E4E6EA;
 --switch-background-color-checked: #0066DC;
 --switch-border-color-checked: #0066DC;
 --tooltip-background-color: #000;