colibri-ui 0.8.74 → 0.8.76

package/esm/Theme/themes/buenos_aires.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;

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",

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;

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",

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/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;

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;

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/package.json

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