colibri-ui 0.7.7 → 0.7.8

package/esm/Theme/index.d.ts

@@ -64,9 +64,12 @@ export declare const THEMES: {
             BG_3: string;
             BG_4: string;
             BG_5: string;
-            TEXT_BA_PRIMARY: string;
-            TEXT_BA_SECONDARY: string;
-            TEXT_BA_TRETIARY: string;
+            BRAND_BA_1: string;
+            BRAND_BA_2: string;
+            BRAND_BA_3: string;
+            BRAND_DEFAULT_1: string;
+            BRAND_DEFAULT_2: string;
+            BRAND_DEFAULT_3: string;
             ALERT: string;
             SUCCESS: string;
             WHITE: string;
@@ -136,9 +139,12 @@ export declare const THEMES: {
             BG_3: string;
             BG_4: string;
             BG_5: string;
-            TEXT_BA_PRIMARY: string;
-            TEXT_BA_SECONDARY: string;
-            TEXT_BA_TRETIARY: string;
+            BRAND_BA_1: string;
+            BRAND_BA_2: string;
+            BRAND_BA_3: string;
+            BRAND_DEFAULT_1: string;
+            BRAND_DEFAULT_2: string;
+            BRAND_DEFAULT_3: string;
             ALERT: string;
             SUCCESS: string;
             WHITE: string;

package/esm/Theme/themes/buenos_aires.d.ts

@@ -88,9 +88,12 @@ export declare const THEME_BA: {
         BG_3: string;
         BG_4: string;
         BG_5: string;
-        TEXT_BA_PRIMARY: string;
-        TEXT_BA_SECONDARY: string;
-        TEXT_BA_TRETIARY: string;
+        BRAND_BA_1: string;
+        BRAND_BA_2: string;
+        BRAND_BA_3: string;
+        BRAND_DEFAULT_1: string;
+        BRAND_DEFAULT_2: string;
+        BRAND_DEFAULT_3: string;
         ALERT: string;
         SUCCESS: string;
         WHITE: string;

package/esm/Theme/themes/buenos_aires.js

@@ -29,9 +29,9 @@ var ButtonThemeBA = {
       borderColor: Color.PRIMARY_BA_5
     },
     disabled: {
-      color: Color.PRIMARY_BA_3,
-      backgroundColor: Color.PRIMARY_BA_2,
-      borderColor: Color.PRIMARY_BA_2
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   },
   secondary: {
@@ -56,9 +56,9 @@ var ButtonThemeBA = {
       borderColor: Color.SECONDARY_BA_5
     },
     disabled: {
-      color: Color.SECONDARY_BA_3,
-      backgroundColor: Color.SECONDARY_BA_2,
-      borderColor: Color.SECONDARY_BA_2
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   },
   clear: {
@@ -78,9 +78,9 @@ var ButtonThemeBA = {
       borderColor: Color.TRETIARY_BA_2
     },
     disabled: {
-      color: Color.TRETIARY_BA_3,
-      backgroundColor: Color.TRETIARY_BA_1,
-      borderColor: Color.TRETIARY_BA_1
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   }
 };
@@ -122,8 +122,8 @@ var SwitchThemeDefault = {
   },
   state: {
     normal: {
-      backgroundColor: Color.BG_1,
-      borderColor: Color.BG_1
+      backgroundColor: Color.BG_2,
+      borderColor: Color.BG_2
     },
     checked: {
       backgroundColor: Color.PRIMARY_BA_5,

package/esm/Theme/themes/default.d.ts

@@ -88,9 +88,12 @@ export declare const THEME_DEFAULT: {
         BG_3: string;
         BG_4: string;
         BG_5: string;
-        TEXT_BA_PRIMARY: string;
-        TEXT_BA_SECONDARY: string;
-        TEXT_BA_TRETIARY: string;
+        BRAND_BA_1: string;
+        BRAND_BA_2: string;
+        BRAND_BA_3: string;
+        BRAND_DEFAULT_1: string;
+        BRAND_DEFAULT_2: string;
+        BRAND_DEFAULT_3: string;
         ALERT: string;
         SUCCESS: string;
         WHITE: string;

package/esm/Theme/themes/default.js

@@ -28,9 +28,9 @@ var ButtonThemeDefault = {
       borderColor: Color.PRIMARY_5
     },
     disabled: {
-      color: Color.PRIMARY_3,
-      backgroundColor: Color.PRIMARY_2,
-      borderColor: Color.PRIMARY_2
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   },
   secondary: {
@@ -55,9 +55,9 @@ var ButtonThemeDefault = {
       borderColor: Color.SECONDARY_5
     },
     disabled: {
-      color: Color.SECONDARY_3,
-      backgroundColor: Color.SECONDARY_2,
-      borderColor: Color.SECONDARY_2
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   },
   clear: {
@@ -77,9 +77,9 @@ var ButtonThemeDefault = {
       borderColor: Color.TRETIARY_2
     },
     disabled: {
-      color: Color.TRETIARY_3,
-      backgroundColor: Color.TRETIARY_1,
-      borderColor: Color.TRETIARY_1
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_1
     }
   }
 };
@@ -121,8 +121,8 @@ var SwitchThemeDefault = {
   },
   state: {
     normal: {
-      backgroundColor: Color.BG_1,
-      borderColor: Color.BG_1
+      backgroundColor: Color.BG_2,
+      borderColor: Color.BG_2
     },
     checked: {
       backgroundColor: Color.PRIMARY_5,

package/esm/index.d.ts

@@ -1,5 +1,7 @@
 export { default as Button } from "./Button";
+export { default as Checkbox } from "./Checkbox";
 export { default as DotsLoader } from "./DotsLoader";
+export { default as Grid } from "./Grid";
 export { default as Switch } from "./Switch";
 export { THEMES, ThemeProvider } from "./Theme";
 export { default as Typography } from "./Typography";

package/esm/index.js

@@ -1,5 +1,7 @@
 export { default as Button } from './Button/index.js';
+export { default as Checkbox } from './Checkbox/index.js';
 export { default as DotsLoader } from './DotsLoader/index.js';
+export { default as Grid } from './Grid/index.js';
 export { default as Switch } from './Switch/index.js';
 export { THEMES, ThemeProvider } from './Theme/index.js';
 export { default as Typography } from './Typography/index.js';

package/index.d.ts

@@ -1,5 +1,7 @@
 export { default as Button } from "./Button";
+export { default as Checkbox } from "./Checkbox";
 export { default as DotsLoader } from "./DotsLoader";
+export { default as Grid } from "./Grid";
 export { default as Switch } from "./Switch";
 export { THEMES, ThemeProvider } from "./Theme";
 export { default as Typography } from "./Typography";

package/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
 var index = require('./Button/index.js');
-var index$1 = require('./DotsLoader/index.js');
-var index$2 = require('./Switch/index.js');
-var index$3 = require('./Theme/index.js');
-var index$4 = require('./Typography/index.js');
+var index$1 = require('./Checkbox/index.js');
+var index$2 = require('./DotsLoader/index.js');
+var index$3 = require('./Grid/index.js');
+var index$4 = require('./Switch/index.js');
+var index$5 = require('./Theme/index.js');
+var index$6 = require('./Typography/index.js');
 require('./Icons/index.js');
 var Burger = require('./Icons/Burger.js');
 var Check = require('./Icons/Check.js');
@@ -20,11 +22,13 @@ var User = require('./Icons/User.js');
 
 
 exports.Button = index.default;
-exports.DotsLoader = index$1.default;
-exports.Switch = index$2.default;
-exports.THEMES = index$3.THEMES;
-exports.ThemeProvider = index$3.ThemeProvider;
-exports.Typography = index$4.default;
+exports.Checkbox = index$1.default;
+exports.DotsLoader = index$2.default;
+exports.Grid = index$3.default;
+exports.Switch = index$4.default;
+exports.THEMES = index$5.THEMES;
+exports.ThemeProvider = index$5.ThemeProvider;
+exports.Typography = index$6.default;
 exports.Burger = Burger.default;
 exports.Check = Check.default;
 exports.Chevron = Chevron.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},
@@ -33,7 +33,6 @@
     "@babel/preset-env": "7.24.5",
     "@babel/preset-react": "7.24.1",
     "@babel/preset-typescript": "7.24.1",
-    "@chromatic-com/storybook": "1.3.5",
     "@emotion/babel-plugin": "11.11.0",
     "@eslint/js": "9.2.0",
     "@rollup/plugin-babel": "6.0.4",
@@ -54,7 +53,6 @@
     "@svgr/rollup": "8.1.0",
     "@swc/plugin-emotion": "^3.0.4",
     "@types/react": "18.3.1",
-    "chromatic": "^11.3.5",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "^2.29.1",