colibri-ui 0.8.73 → 0.8.75

package/esm/Theme/themes/buenos_aires.js

@@ -385,6 +385,91 @@ var THEME_BA = {
   "component-chip-icon-hover": Color.BRAND_BA_FOREST,
   "component-chip-icon-active": Color.NEUTRAL_BA_500,
   "component-chip-icon-active-hover": Color.BRAND_BA_LIME,
+  "component-chip-content-max-width": "12.5rem",
+  "component-chip-primary-bg": Color.NEUTRAL_BA_0,
+  "component-chip-primary-bg-hover": Color.NEUTRAL_BA_100,
+  "component-chip-primary-bg-pressed": Color.NEUTRAL_BA_200,
+  "component-chip-primary-bg-active": Color.BRAND_BA_FOREST,
+  "component-chip-primary-text": Color.BRAND_BA_FOREST,
+  "component-chip-primary-text-hover": Color.BRAND_BA_FOREST,
+  "component-chip-primary-text-pressed": Color.BRAND_BA_FOREST,
+  "component-chip-primary-text-active": Color.BRAND_BA_LIME,
+  "component-chip-primary-icon": Color.NEUTRAL_BA_500,
+  "component-chip-primary-icon-hover": Color.BRAND_BA_FOREST,
+  "component-chip-primary-icon-active": Color.NEUTRAL_BA_500,
+  "component-chip-primary-icon-active-hover": Color.BRAND_BA_LIME,
+  "component-chip-secondary-bg": Color.NEUTRAL_BA_200,
+  "component-chip-secondary-bg-hover": Color.NEUTRAL_BA_300,
+  "component-chip-secondary-bg-pressed": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-bg-active": Color.NEUTRAL_BA_200,
+  "component-chip-secondary-text": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-text-hover": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-text-pressed": Color.BRAND_BA_LIME,
+  "component-chip-secondary-text-active": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-icon": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-icon-hover": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-icon-active": Color.BRAND_BA_FOREST,
+  "component-chip-secondary-icon-active-hover": Color.BRAND_BA_FOREST,
+  "component-chip-outline-bg": Color.NEUTRAL_BA_0,
+  "component-chip-outline-bg-hover": Color.NEUTRAL_BA_100,
+  "component-chip-outline-bg-pressed": Color.NEUTRAL_BA_200,
+  "component-chip-outline-bg-active": Color.NEUTRAL_BA_0,
+  "component-chip-outline-text": Color.BRAND_BA_FOREST,
+  "component-chip-outline-text-hover": Color.BRAND_BA_FOREST,
+  "component-chip-outline-text-pressed": Color.BRAND_BA_INK,
+  "component-chip-outline-text-active": Color.BRAND_BA_FOREST,
+  "component-chip-outline-icon": Color.BRAND_BA_FOREST,
+  "component-chip-outline-icon-hover": Color.BRAND_BA_FOREST,
+  "component-chip-outline-icon-active": Color.BRAND_BA_FOREST,
+  "component-chip-outline-icon-active-hover": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-bg": Color.NEUTRAL_BA_50,
+  "component-chip-pseudo-bg-hover": Color.NEUTRAL_BA_100,
+  "component-chip-pseudo-bg-pressed": Color.NEUTRAL_BA_200,
+  "component-chip-pseudo-bg-active": Color.NEUTRAL_BA_50,
+  "component-chip-pseudo-text": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-text-hover": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-text-pressed": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-text-active": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-icon": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-icon-hover": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-icon-active": Color.BRAND_BA_FOREST,
+  "component-chip-pseudo-icon-active-hover": Color.BRAND_BA_FOREST,
+  "component-chip-clear-bg": "transparent",
+  "component-chip-clear-bg-hover": "transparent",
+  "component-chip-clear-bg-pressed": "transparent",
+  "component-chip-clear-bg-active": "transparent",
+  "component-chip-clear-text": Color.BRAND_BA_FOREST,
+  "component-chip-clear-text-hover": Color.LIME_BA_800,
+  "component-chip-clear-text-pressed": Color.BRAND_BA_INK,
+  "component-chip-clear-text-active": Color.BRAND_BA_FOREST,
+  "component-chip-clear-icon": Color.BRAND_BA_FOREST,
+  "component-chip-clear-icon-hover": Color.LIME_BA_800,
+  "component-chip-clear-icon-active": Color.BRAND_BA_FOREST,
+  "component-chip-clear-icon-active-hover": Color.LIME_BA_800,
+  "component-chip-alert-bg": Color.STATUS_BA_ERROR,
+  "component-chip-alert-bg-hover": "#5F1519",
+  "component-chip-alert-bg-pressed": Color.STATUS_BA_ERROR_ACCENT,
+  "component-chip-alert-bg-active": Color.STATUS_BA_ERROR,
+  "component-chip-alert-text": Color.BRAND_BA_WHITE,
+  "component-chip-alert-text-hover": Color.BRAND_BA_WHITE,
+  "component-chip-alert-text-pressed": Color.BRAND_BA_WHITE,
+  "component-chip-alert-text-active": Color.BRAND_BA_WHITE,
+  "component-chip-alert-icon": Color.BRAND_BA_WHITE,
+  "component-chip-alert-icon-hover": Color.BRAND_BA_WHITE,
+  "component-chip-alert-icon-active": Color.BRAND_BA_WHITE,
+  "component-chip-alert-icon-active-hover": Color.BRAND_BA_WHITE,
+  "component-chip-success-bg": Color.STATUS_BA_SUCCESS_BG,
+  "component-chip-success-bg-hover": Color.LIME_BA_200,
+  "component-chip-success-bg-pressed": Color.STATUS_BA_SUCCESS,
+  "component-chip-success-bg-active": Color.STATUS_BA_SUCCESS_BG,
+  "component-chip-success-text": Color.BRAND_BA_FOREST,
+  "component-chip-success-text-hover": Color.BRAND_BA_FOREST,
+  "component-chip-success-text-pressed": Color.BRAND_BA_WHITE,
+  "component-chip-success-text-active": Color.BRAND_BA_FOREST,
+  "component-chip-success-icon": Color.BRAND_BA_FOREST,
+  "component-chip-success-icon-hover": Color.BRAND_BA_FOREST,
+  "component-chip-success-icon-active": Color.BRAND_BA_FOREST,
+  "component-chip-success-icon-active-hover": Color.BRAND_BA_FOREST,
   "component-chip-radius": "var(--radius-full)",
   "component-chip-font-size-s": "0.875rem",
   "component-chip-font-size-m": "1rem",
@@ -466,6 +551,8 @@ var THEME_BA = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": Color.NEUTRAL_BA_0,
+  "component-calendar-item-bg-hover": Color.NEUTRAL_BA_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

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

@@ -383,6 +383,91 @@ declare const _default: {
     "component-chip-icon-hover": string;
     "component-chip-icon-active": string;
     "component-chip-icon-active-hover": string;
+    "component-chip-content-max-width": string;
+    "component-chip-primary-bg": string;
+    "component-chip-primary-bg-hover": string;
+    "component-chip-primary-bg-pressed": string;
+    "component-chip-primary-bg-active": string;
+    "component-chip-primary-text": string;
+    "component-chip-primary-text-hover": string;
+    "component-chip-primary-text-pressed": string;
+    "component-chip-primary-text-active": string;
+    "component-chip-primary-icon": string;
+    "component-chip-primary-icon-hover": string;
+    "component-chip-primary-icon-active": string;
+    "component-chip-primary-icon-active-hover": string;
+    "component-chip-secondary-bg": string;
+    "component-chip-secondary-bg-hover": string;
+    "component-chip-secondary-bg-pressed": string;
+    "component-chip-secondary-bg-active": string;
+    "component-chip-secondary-text": string;
+    "component-chip-secondary-text-hover": string;
+    "component-chip-secondary-text-pressed": string;
+    "component-chip-secondary-text-active": string;
+    "component-chip-secondary-icon": string;
+    "component-chip-secondary-icon-hover": string;
+    "component-chip-secondary-icon-active": string;
+    "component-chip-secondary-icon-active-hover": string;
+    "component-chip-outline-bg": string;
+    "component-chip-outline-bg-hover": string;
+    "component-chip-outline-bg-pressed": string;
+    "component-chip-outline-bg-active": string;
+    "component-chip-outline-text": string;
+    "component-chip-outline-text-hover": string;
+    "component-chip-outline-text-pressed": string;
+    "component-chip-outline-text-active": string;
+    "component-chip-outline-icon": string;
+    "component-chip-outline-icon-hover": string;
+    "component-chip-outline-icon-active": string;
+    "component-chip-outline-icon-active-hover": string;
+    "component-chip-pseudo-bg": string;
+    "component-chip-pseudo-bg-hover": string;
+    "component-chip-pseudo-bg-pressed": string;
+    "component-chip-pseudo-bg-active": string;
+    "component-chip-pseudo-text": string;
+    "component-chip-pseudo-text-hover": string;
+    "component-chip-pseudo-text-pressed": string;
+    "component-chip-pseudo-text-active": string;
+    "component-chip-pseudo-icon": string;
+    "component-chip-pseudo-icon-hover": string;
+    "component-chip-pseudo-icon-active": string;
+    "component-chip-pseudo-icon-active-hover": string;
+    "component-chip-clear-bg": string;
+    "component-chip-clear-bg-hover": string;
+    "component-chip-clear-bg-pressed": string;
+    "component-chip-clear-bg-active": string;
+    "component-chip-clear-text": string;
+    "component-chip-clear-text-hover": string;
+    "component-chip-clear-text-pressed": string;
+    "component-chip-clear-text-active": string;
+    "component-chip-clear-icon": string;
+    "component-chip-clear-icon-hover": string;
+    "component-chip-clear-icon-active": string;
+    "component-chip-clear-icon-active-hover": string;
+    "component-chip-alert-bg": string;
+    "component-chip-alert-bg-hover": string;
+    "component-chip-alert-bg-pressed": string;
+    "component-chip-alert-bg-active": string;
+    "component-chip-alert-text": string;
+    "component-chip-alert-text-hover": string;
+    "component-chip-alert-text-pressed": string;
+    "component-chip-alert-text-active": string;
+    "component-chip-alert-icon": string;
+    "component-chip-alert-icon-hover": string;
+    "component-chip-alert-icon-active": string;
+    "component-chip-alert-icon-active-hover": string;
+    "component-chip-success-bg": string;
+    "component-chip-success-bg-hover": string;
+    "component-chip-success-bg-pressed": string;
+    "component-chip-success-bg-active": string;
+    "component-chip-success-text": string;
+    "component-chip-success-text-hover": string;
+    "component-chip-success-text-pressed": string;
+    "component-chip-success-text-active": string;
+    "component-chip-success-icon": string;
+    "component-chip-success-icon-hover": string;
+    "component-chip-success-icon-active": string;
+    "component-chip-success-icon-active-hover": string;
     "component-chip-radius": string;
     "component-chip-font-size-s": string;
     "component-chip-font-size-m": string;
@@ -464,6 +549,8 @@ declare const _default: {
     "component-grid-item-flex-basis": string;
     "component-select-menu-max-height": string;
     "component-date-picker-calendar-max-width": string;
+    "component-calendar-item-bg": string;
+    "component-calendar-item-bg-hover": string;
     "component-calendar-min-block-size": string;
     "component-calendar-min-inline-size": string;
     "component-calendar-months-min-block-size": string;

package/esm/Theme/themes/jaipur.js

@@ -385,6 +385,91 @@ var theme_jaipur = {
   "component-chip-icon-hover": Color.BRAND_JP_EGGPLANT,
   "component-chip-icon-active": Color.NEUTRAL_JP_500,
   "component-chip-icon-active-hover": Color.BRAND_JP_PINK,
+  "component-chip-content-max-width": "12.5rem",
+  "component-chip-primary-bg": Color.NEUTRAL_JP_0,
+  "component-chip-primary-bg-hover": Color.NEUTRAL_JP_100,
+  "component-chip-primary-bg-pressed": Color.NEUTRAL_JP_200,
+  "component-chip-primary-bg-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-primary-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-primary-text-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-primary-text-pressed": Color.BRAND_JP_EGGPLANT,
+  "component-chip-primary-text-active": Color.BRAND_JP_PINK,
+  "component-chip-primary-icon": Color.NEUTRAL_JP_500,
+  "component-chip-primary-icon-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-primary-icon-active": Color.NEUTRAL_JP_500,
+  "component-chip-primary-icon-active-hover": Color.BRAND_JP_PINK,
+  "component-chip-secondary-bg": Color.NEUTRAL_JP_200,
+  "component-chip-secondary-bg-hover": Color.NEUTRAL_JP_300,
+  "component-chip-secondary-bg-pressed": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-bg-active": Color.NEUTRAL_JP_200,
+  "component-chip-secondary-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-text-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-text-pressed": Color.BRAND_JP_PINK,
+  "component-chip-secondary-text-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-icon": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-icon-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-icon-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-secondary-icon-active-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-bg": Color.NEUTRAL_JP_0,
+  "component-chip-outline-bg-hover": Color.NEUTRAL_JP_100,
+  "component-chip-outline-bg-pressed": Color.NEUTRAL_JP_200,
+  "component-chip-outline-bg-active": Color.NEUTRAL_JP_0,
+  "component-chip-outline-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-text-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-text-pressed": Color.BRAND_JP_INK,
+  "component-chip-outline-text-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-icon": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-icon-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-icon-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-outline-icon-active-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-bg": Color.NEUTRAL_JP_50,
+  "component-chip-pseudo-bg-hover": Color.NEUTRAL_JP_100,
+  "component-chip-pseudo-bg-pressed": Color.NEUTRAL_JP_200,
+  "component-chip-pseudo-bg-active": Color.NEUTRAL_JP_50,
+  "component-chip-pseudo-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-text-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-text-pressed": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-text-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-icon": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-icon-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-icon-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-pseudo-icon-active-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-clear-bg": "transparent",
+  "component-chip-clear-bg-hover": "transparent",
+  "component-chip-clear-bg-pressed": "transparent",
+  "component-chip-clear-bg-active": "transparent",
+  "component-chip-clear-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-clear-text-hover": Color.PINK_JP_800,
+  "component-chip-clear-text-pressed": Color.BRAND_JP_INK,
+  "component-chip-clear-text-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-clear-icon": Color.BRAND_JP_EGGPLANT,
+  "component-chip-clear-icon-hover": Color.PINK_JP_800,
+  "component-chip-clear-icon-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-clear-icon-active-hover": Color.PINK_JP_800,
+  "component-chip-alert-bg": Color.STATUS_JP_ERROR,
+  "component-chip-alert-bg-hover": Color.PINK_JP_600,
+  "component-chip-alert-bg-pressed": Color.STATUS_JP_ERROR_ACCENT,
+  "component-chip-alert-bg-active": Color.STATUS_JP_ERROR,
+  "component-chip-alert-text": Color.BRAND_JP_WHITE,
+  "component-chip-alert-text-hover": Color.BRAND_JP_WHITE,
+  "component-chip-alert-text-pressed": Color.BRAND_JP_WHITE,
+  "component-chip-alert-text-active": Color.BRAND_JP_WHITE,
+  "component-chip-alert-icon": Color.BRAND_JP_WHITE,
+  "component-chip-alert-icon-hover": Color.BRAND_JP_WHITE,
+  "component-chip-alert-icon-active": Color.BRAND_JP_WHITE,
+  "component-chip-alert-icon-active-hover": Color.BRAND_JP_WHITE,
+  "component-chip-success-bg": Color.STATUS_JP_SUCCESS_BG,
+  "component-chip-success-bg-hover": Color.LIME_JP_200,
+  "component-chip-success-bg-pressed": Color.STATUS_JP_SUCCESS,
+  "component-chip-success-bg-active": Color.STATUS_JP_SUCCESS_BG,
+  "component-chip-success-text": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-text-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-text-pressed": Color.BRAND_JP_WHITE,
+  "component-chip-success-text-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-icon": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-icon-hover": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-icon-active": Color.BRAND_JP_EGGPLANT,
+  "component-chip-success-icon-active-hover": Color.BRAND_JP_EGGPLANT,
   "component-chip-radius": "var(--radius-full)",
   "component-chip-font-size-s": "0.875rem",
   "component-chip-font-size-m": "1rem",
@@ -466,6 +551,8 @@ var theme_jaipur = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": Color.NEUTRAL_JP_0,
+  "component-calendar-item-bg-hover": Color.NEUTRAL_JP_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

package/esm/index.d.ts

@@ -13,7 +13,7 @@ export type { CardBackgroundType, CardContentProps, CardInnerContentProps, CardO
 export { Checkbox } from "./Checkbox";
 export type { CheckboxProps } from "./Checkbox/index.props";
 export { Chip } from "./Chip";
-export type { ChipProps } from "./Chip/index.props";
+export type { ChipProps, ChipSize, ChipVariant } from "./Chip/index.props";
 export { CodeField, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, } from "./CodeField";
 export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, } from "./CodeField";
 export { Counter } from "./Counter";

package/esm/index.js

@@ -47,6 +47,7 @@ export { Cart } from './Icons/Cart.js';
 export { Check } from './Icons/Check.js';
 export { Chevron } from './Icons/Chevron.js';
 export { Close } from './Icons/Close.js';
+export { Copy } from './Icons/Copy.js';
 export { Cross } from './Icons/Cross.js';
 export { CrossFill } from './Icons/CrossFill.js';
 export { Edit } from './Icons/Edit.js';

package/esm/theme_ba_variables.css

@@ -383,6 +383,91 @@
 --component-chip-icon-hover: #163300;
 --component-chip-icon-active: #879285;
 --component-chip-icon-active-hover: #9FE870;
+--component-chip-content-max-width: 12.5rem;
+--component-chip-primary-bg: #FFFFFF;
+--component-chip-primary-bg-hover: #EDF0EA;
+--component-chip-primary-bg-pressed: #E2E7DF;
+--component-chip-primary-bg-active: #163300;
+--component-chip-primary-text: #163300;
+--component-chip-primary-text-hover: #163300;
+--component-chip-primary-text-pressed: #163300;
+--component-chip-primary-text-active: #9FE870;
+--component-chip-primary-icon: #879285;
+--component-chip-primary-icon-hover: #163300;
+--component-chip-primary-icon-active: #879285;
+--component-chip-primary-icon-active-hover: #9FE870;
+--component-chip-secondary-bg: #E2E7DF;
+--component-chip-secondary-bg-hover: #CBD2C8;
+--component-chip-secondary-bg-pressed: #163300;
+--component-chip-secondary-bg-active: #E2E7DF;
+--component-chip-secondary-text: #163300;
+--component-chip-secondary-text-hover: #163300;
+--component-chip-secondary-text-pressed: #9FE870;
+--component-chip-secondary-text-active: #163300;
+--component-chip-secondary-icon: #163300;
+--component-chip-secondary-icon-hover: #163300;
+--component-chip-secondary-icon-active: #163300;
+--component-chip-secondary-icon-active-hover: #163300;
+--component-chip-outline-bg: #FFFFFF;
+--component-chip-outline-bg-hover: #EDF0EA;
+--component-chip-outline-bg-pressed: #E2E7DF;
+--component-chip-outline-bg-active: #FFFFFF;
+--component-chip-outline-text: #163300;
+--component-chip-outline-text-hover: #163300;
+--component-chip-outline-text-pressed: #0D1F12;
+--component-chip-outline-text-active: #163300;
+--component-chip-outline-icon: #163300;
+--component-chip-outline-icon-hover: #163300;
+--component-chip-outline-icon-active: #163300;
+--component-chip-outline-icon-active-hover: #163300;
+--component-chip-pseudo-bg: #F5F7F2;
+--component-chip-pseudo-bg-hover: #EDF0EA;
+--component-chip-pseudo-bg-pressed: #E2E7DF;
+--component-chip-pseudo-bg-active: #F5F7F2;
+--component-chip-pseudo-text: #163300;
+--component-chip-pseudo-text-hover: #163300;
+--component-chip-pseudo-text-pressed: #163300;
+--component-chip-pseudo-text-active: #163300;
+--component-chip-pseudo-icon: #163300;
+--component-chip-pseudo-icon-hover: #163300;
+--component-chip-pseudo-icon-active: #163300;
+--component-chip-pseudo-icon-active-hover: #163300;
+--component-chip-clear-bg: transparent;
+--component-chip-clear-bg-hover: transparent;
+--component-chip-clear-bg-pressed: transparent;
+--component-chip-clear-bg-active: transparent;
+--component-chip-clear-text: #163300;
+--component-chip-clear-text-hover: #2D681A;
+--component-chip-clear-text-pressed: #0D1F12;
+--component-chip-clear-text-active: #163300;
+--component-chip-clear-icon: #163300;
+--component-chip-clear-icon-hover: #2D681A;
+--component-chip-clear-icon-active: #163300;
+--component-chip-clear-icon-active-hover: #2D681A;
+--component-chip-alert-bg: #7A1D21;
+--component-chip-alert-bg-hover: #5F1519;
+--component-chip-alert-bg-pressed: #E5484D;
+--component-chip-alert-bg-active: #7A1D21;
+--component-chip-alert-text: #FFFFFF;
+--component-chip-alert-text-hover: #FFFFFF;
+--component-chip-alert-text-pressed: #FFFFFF;
+--component-chip-alert-text-active: #FFFFFF;
+--component-chip-alert-icon: #FFFFFF;
+--component-chip-alert-icon-hover: #FFFFFF;
+--component-chip-alert-icon-active: #FFFFFF;
+--component-chip-alert-icon-active-hover: #FFFFFF;
+--component-chip-success-bg: #E4FFD2;
+--component-chip-success-bg-hover: #D0FBAF;
+--component-chip-success-bg-pressed: #244F18;
+--component-chip-success-bg-active: #E4FFD2;
+--component-chip-success-text: #163300;
+--component-chip-success-text-hover: #163300;
+--component-chip-success-text-pressed: #FFFFFF;
+--component-chip-success-text-active: #163300;
+--component-chip-success-icon: #163300;
+--component-chip-success-icon-hover: #163300;
+--component-chip-success-icon-active: #163300;
+--component-chip-success-icon-active-hover: #163300;
 --component-chip-radius: var(--radius-full);
 --component-chip-font-size-s: 0.875rem;
 --component-chip-font-size-m: 1rem;
@@ -464,6 +549,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #EDF0EA;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;

package/esm/theme_jaipur_variables.css

@@ -383,6 +383,91 @@
 --component-chip-icon-hover: #2C2242;
 --component-chip-icon-active: #858087;
 --component-chip-icon-active-hover: #FFA8CD;
+--component-chip-content-max-width: 12.5rem;
+--component-chip-primary-bg: #FFFFFF;
+--component-chip-primary-bg-hover: #F2F1EE;
+--component-chip-primary-bg-pressed: #E4E3DF;
+--component-chip-primary-bg-active: #2C2242;
+--component-chip-primary-text: #2C2242;
+--component-chip-primary-text-hover: #2C2242;
+--component-chip-primary-text-pressed: #2C2242;
+--component-chip-primary-text-active: #FFA8CD;
+--component-chip-primary-icon: #858087;
+--component-chip-primary-icon-hover: #2C2242;
+--component-chip-primary-icon-active: #858087;
+--component-chip-primary-icon-active-hover: #FFA8CD;
+--component-chip-secondary-bg: #E4E3DF;
+--component-chip-secondary-bg-hover: #D0CECC;
+--component-chip-secondary-bg-pressed: #2C2242;
+--component-chip-secondary-bg-active: #E4E3DF;
+--component-chip-secondary-text: #2C2242;
+--component-chip-secondary-text-hover: #2C2242;
+--component-chip-secondary-text-pressed: #FFA8CD;
+--component-chip-secondary-text-active: #2C2242;
+--component-chip-secondary-icon: #2C2242;
+--component-chip-secondary-icon-hover: #2C2242;
+--component-chip-secondary-icon-active: #2C2242;
+--component-chip-secondary-icon-active-hover: #2C2242;
+--component-chip-outline-bg: #FFFFFF;
+--component-chip-outline-bg-hover: #F2F1EE;
+--component-chip-outline-bg-pressed: #E4E3DF;
+--component-chip-outline-bg-active: #FFFFFF;
+--component-chip-outline-text: #2C2242;
+--component-chip-outline-text-hover: #2C2242;
+--component-chip-outline-text-pressed: #0B051D;
+--component-chip-outline-text-active: #2C2242;
+--component-chip-outline-icon: #2C2242;
+--component-chip-outline-icon-hover: #2C2242;
+--component-chip-outline-icon-active: #2C2242;
+--component-chip-outline-icon-active-hover: #2C2242;
+--component-chip-pseudo-bg: #F9F8F5;
+--component-chip-pseudo-bg-hover: #F2F1EE;
+--component-chip-pseudo-bg-pressed: #E4E3DF;
+--component-chip-pseudo-bg-active: #F9F8F5;
+--component-chip-pseudo-text: #2C2242;
+--component-chip-pseudo-text-hover: #2C2242;
+--component-chip-pseudo-text-pressed: #2C2242;
+--component-chip-pseudo-text-active: #2C2242;
+--component-chip-pseudo-icon: #2C2242;
+--component-chip-pseudo-icon-hover: #2C2242;
+--component-chip-pseudo-icon-active: #2C2242;
+--component-chip-pseudo-icon-active-hover: #2C2242;
+--component-chip-clear-bg: transparent;
+--component-chip-clear-bg-hover: transparent;
+--component-chip-clear-bg-pressed: transparent;
+--component-chip-clear-bg-active: transparent;
+--component-chip-clear-text: #2C2242;
+--component-chip-clear-text-hover: #87305F;
+--component-chip-clear-text-pressed: #0B051D;
+--component-chip-clear-text-active: #2C2242;
+--component-chip-clear-icon: #2C2242;
+--component-chip-clear-icon-hover: #87305F;
+--component-chip-clear-icon-active: #2C2242;
+--component-chip-clear-icon-active-hover: #87305F;
+--component-chip-alert-bg: #7A263C;
+--component-chip-alert-bg-hover: #D9639A;
+--component-chip-alert-bg-pressed: #D94B69;
+--component-chip-alert-bg-active: #7A263C;
+--component-chip-alert-text: #FFFFFF;
+--component-chip-alert-text-hover: #FFFFFF;
+--component-chip-alert-text-pressed: #FFFFFF;
+--component-chip-alert-text-active: #FFFFFF;
+--component-chip-alert-icon: #FFFFFF;
+--component-chip-alert-icon-hover: #FFFFFF;
+--component-chip-alert-icon-active: #FFFFFF;
+--component-chip-alert-icon-active-hover: #FFFFFF;
+--component-chip-success-bg: #E6FFA9;
+--component-chip-success-bg-hover: #EEFFC6;
+--component-chip-success-bg-pressed: #46591B;
+--component-chip-success-bg-active: #E6FFA9;
+--component-chip-success-text: #2C2242;
+--component-chip-success-text-hover: #2C2242;
+--component-chip-success-text-pressed: #FFFFFF;
+--component-chip-success-text-active: #2C2242;
+--component-chip-success-icon: #2C2242;
+--component-chip-success-icon-hover: #2C2242;
+--component-chip-success-icon-active: #2C2242;
+--component-chip-success-icon-active-hover: #2C2242;
 --component-chip-radius: var(--radius-full);
 --component-chip-font-size-s: 0.875rem;
 --component-chip-font-size-m: 1rem;
@@ -464,6 +549,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #F2F1EE;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;

package/index.d.ts

@@ -13,7 +13,7 @@ export type { CardBackgroundType, CardContentProps, CardInnerContentProps, CardO
 export { Checkbox } from "./Checkbox";
 export type { CheckboxProps } from "./Checkbox/index.props";
 export { Chip } from "./Chip";
-export type { ChipProps } from "./Chip/index.props";
+export type { ChipProps, ChipSize, ChipVariant } from "./Chip/index.props";
 export { CodeField, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, } from "./CodeField";
 export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, } from "./CodeField";
 export { Counter } from "./Counter";

package/index.js

@@ -53,6 +53,7 @@ var Check = require('./Icons/Check.js');
 var Chevron = require('./Icons/Chevron.js');
 var Close = require('./Icons/Close.js');
 var CodeField = require('./CodeField/CodeField.js');
+var Copy = require('./Icons/Copy.js');
 var Cross = require('./Icons/Cross.js');
 var CrossFill = require('./Icons/CrossFill.js');
 var Drawer = require('./Drawer/Drawer.js');
@@ -126,6 +127,7 @@ exports.CodeField = CodeField.CodeField;
 exports.ONLY_CHARS_PATTERN = CodeField.ONLY_CHARS_PATTERN;
 exports.ONLY_DIGITS_AND_CHARS_PATTERN = CodeField.ONLY_DIGITS_AND_CHARS_PATTERN;
 exports.ONLY_DIGITS_PATTERN = CodeField.ONLY_DIGITS_PATTERN;
+exports.Copy = Copy.Copy;
 exports.Cross = Cross.Cross;
 exports.CrossFill = CrossFill.CrossFill;
 exports.Drawer = Drawer.Drawer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.73",
+  "version": "0.8.75",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",

package/theme_ba_variables.css

@@ -383,6 +383,91 @@
 --component-chip-icon-hover: #163300;
 --component-chip-icon-active: #879285;
 --component-chip-icon-active-hover: #9FE870;
+--component-chip-content-max-width: 12.5rem;
+--component-chip-primary-bg: #FFFFFF;
+--component-chip-primary-bg-hover: #EDF0EA;
+--component-chip-primary-bg-pressed: #E2E7DF;
+--component-chip-primary-bg-active: #163300;
+--component-chip-primary-text: #163300;
+--component-chip-primary-text-hover: #163300;
+--component-chip-primary-text-pressed: #163300;
+--component-chip-primary-text-active: #9FE870;
+--component-chip-primary-icon: #879285;
+--component-chip-primary-icon-hover: #163300;
+--component-chip-primary-icon-active: #879285;
+--component-chip-primary-icon-active-hover: #9FE870;
+--component-chip-secondary-bg: #E2E7DF;
+--component-chip-secondary-bg-hover: #CBD2C8;
+--component-chip-secondary-bg-pressed: #163300;
+--component-chip-secondary-bg-active: #E2E7DF;
+--component-chip-secondary-text: #163300;
+--component-chip-secondary-text-hover: #163300;
+--component-chip-secondary-text-pressed: #9FE870;
+--component-chip-secondary-text-active: #163300;
+--component-chip-secondary-icon: #163300;
+--component-chip-secondary-icon-hover: #163300;
+--component-chip-secondary-icon-active: #163300;
+--component-chip-secondary-icon-active-hover: #163300;
+--component-chip-outline-bg: #FFFFFF;
+--component-chip-outline-bg-hover: #EDF0EA;
+--component-chip-outline-bg-pressed: #E2E7DF;
+--component-chip-outline-bg-active: #FFFFFF;
+--component-chip-outline-text: #163300;
+--component-chip-outline-text-hover: #163300;
+--component-chip-outline-text-pressed: #0D1F12;
+--component-chip-outline-text-active: #163300;
+--component-chip-outline-icon: #163300;
+--component-chip-outline-icon-hover: #163300;
+--component-chip-outline-icon-active: #163300;
+--component-chip-outline-icon-active-hover: #163300;
+--component-chip-pseudo-bg: #F5F7F2;
+--component-chip-pseudo-bg-hover: #EDF0EA;
+--component-chip-pseudo-bg-pressed: #E2E7DF;
+--component-chip-pseudo-bg-active: #F5F7F2;
+--component-chip-pseudo-text: #163300;
+--component-chip-pseudo-text-hover: #163300;
+--component-chip-pseudo-text-pressed: #163300;
+--component-chip-pseudo-text-active: #163300;
+--component-chip-pseudo-icon: #163300;
+--component-chip-pseudo-icon-hover: #163300;
+--component-chip-pseudo-icon-active: #163300;
+--component-chip-pseudo-icon-active-hover: #163300;
+--component-chip-clear-bg: transparent;
+--component-chip-clear-bg-hover: transparent;
+--component-chip-clear-bg-pressed: transparent;
+--component-chip-clear-bg-active: transparent;
+--component-chip-clear-text: #163300;
+--component-chip-clear-text-hover: #2D681A;
+--component-chip-clear-text-pressed: #0D1F12;
+--component-chip-clear-text-active: #163300;
+--component-chip-clear-icon: #163300;
+--component-chip-clear-icon-hover: #2D681A;
+--component-chip-clear-icon-active: #163300;
+--component-chip-clear-icon-active-hover: #2D681A;
+--component-chip-alert-bg: #7A1D21;
+--component-chip-alert-bg-hover: #5F1519;
+--component-chip-alert-bg-pressed: #E5484D;
+--component-chip-alert-bg-active: #7A1D21;
+--component-chip-alert-text: #FFFFFF;
+--component-chip-alert-text-hover: #FFFFFF;
+--component-chip-alert-text-pressed: #FFFFFF;
+--component-chip-alert-text-active: #FFFFFF;
+--component-chip-alert-icon: #FFFFFF;
+--component-chip-alert-icon-hover: #FFFFFF;
+--component-chip-alert-icon-active: #FFFFFF;
+--component-chip-alert-icon-active-hover: #FFFFFF;
+--component-chip-success-bg: #E4FFD2;
+--component-chip-success-bg-hover: #D0FBAF;
+--component-chip-success-bg-pressed: #244F18;
+--component-chip-success-bg-active: #E4FFD2;
+--component-chip-success-text: #163300;
+--component-chip-success-text-hover: #163300;
+--component-chip-success-text-pressed: #FFFFFF;
+--component-chip-success-text-active: #163300;
+--component-chip-success-icon: #163300;
+--component-chip-success-icon-hover: #163300;
+--component-chip-success-icon-active: #163300;
+--component-chip-success-icon-active-hover: #163300;
 --component-chip-radius: var(--radius-full);
 --component-chip-font-size-s: 0.875rem;
 --component-chip-font-size-m: 1rem;
@@ -464,6 +549,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #EDF0EA;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;