@kommo-crm/crm-react-ui-kit 1.8.0 → 1.10.0

package/dist/assets/Button.css

@@ -1 +1 @@
-@keyframes _buttonShakeAnimation_eu5ch_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_eu5ch_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_eu5ch_17+._button_eu5ch_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):active{transform:translateY(1px)}._button_eu5ch_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_eu5ch_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_eu5ch_73{display:flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_eu5ch_82{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_eu5ch_87{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_eu5ch_92{visibility:hidden}._invalid_eu5ch_96{animation:.3s _buttonShakeAnimation_eu5ch_1;animation-fill-mode:both}._loading_eu5ch_43{cursor:default}._loading_eu5ch_43 ._content_eu5ch_73,._success_eu5ch_106 ._content_eu5ch_73{display:inline-grid}._loading_eu5ch_43 ._content_eu5ch_73>*,._success_eu5ch_106 ._content_eu5ch_73>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_eu5ch_106{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_eu5ch_106:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}
+@keyframes _buttonShakeAnimation_jo6ym_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_jo6ym_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_jo6ym_17+._button_jo6ym_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_jo6ym_17:not(._disabled_jo6ym_43):not(._loading_jo6ym_43):active{transform:translateY(1px)}._button_jo6ym_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_jo6ym_17:not(._disabled_jo6ym_43):not(._loading_jo6ym_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_jo6ym_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_jo6ym_73{display:flex;position:relative;box-sizing:border-box;height:100%;align-items:center;justify-content:center;text-align:center}._before_jo6ym_83{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_jo6ym_88{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_jo6ym_93{visibility:hidden}._invalid_jo6ym_97{animation:.3s _buttonShakeAnimation_jo6ym_1;animation-fill-mode:both}._loading_jo6ym_43{cursor:default}._loading_jo6ym_43 ._content_jo6ym_73,._success_jo6ym_107 ._content_jo6ym_73{display:inline-grid}._loading_jo6ym_43 ._content_jo6ym_73>*,._success_jo6ym_107 ._content_jo6ym_73>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_jo6ym_107{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_jo6ym_107:not(._disabled_jo6ym_43):not(._loading_jo6ym_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}

package/dist/assets/Callout.css

@@ -1 +1 @@
-._wrapper_9bqqz_1{display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_9bqqz_8{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}
+._wrapper_myx5j_1{display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_myx5j_8{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}._closeButton_myx5j_14{flex-shrink:0;margin-left:8px}

package/dist/assets/theme.css

@@ -1 +1 @@
-:root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-froly: #f57d7d;--crm-ui-kit-color-deep-blush: #e67d7d;--crm-ui-kit-color-indian-red: #c55f62;--crm-ui-kit-color-light-gray: #eaeaea;--crm-ui-kit-color-dark-slate: #394e5f;--crm-ui-kit-color-dreams-violet: #a294da;--crm-ui-kit-color-tolopea: #0e0142;--crm-ui-kit-color-dark-slate-blue: #264154;--crm-ui-kit-color-grey: #b3b6bd;--crm-ui-kit-color-light-grey: #dfdfdf;--crm-ui-kit-color-ghost-white: #f5f7fc;--crm-ui-kit-color-lavender: #e5eeff;--crm-ui-kit-color-metallic-blue: #264b79;--crm-ui-kit-color-anti-flash-white: #f2f2f2;--crm-ui-kit-color-pure-white: #fcfcfc;--crm-ui-kit-color-cloud-white: #f8f8f9;--crm-ui-kit-color-deep-teal: #142f41;--crm-ui-kit-color-deep-blue: #142d3f;--crm-ui-kit-color-misty-rose: #fde1e1;--crm-ui-kit-color-panache: #edf7f1;--crm-ui-kit-color-zumthor: #e5eeff;--crm-ui-kit-color-orange-white: #fef7ec;--crm-ui-kit-color-japanese-indigo: #2b3d43;--crm-ui-kit-color-firefly: #102535;--crm-ui-kit-color-mercury: #e4e4e4;--crm-ui-kit-color-plantation: #29554e;--crm-ui-kit-color-padua: #c2ecc9;--crm-ui-kit-color-link-water: #d4e3f1;--crm-ui-kit-color-deep-sea: #02815a;--crm-ui-kit-color-petrol-blue: #224e6b;--crm-ui-kit-color-astronaut: #2a4d75;--crm-ui-kit-color-mariner: #326fd8;--crm-ui-kit-color-east-bay: #3f4775;--crm-ui-kit-color-fuscous-gray: #4b4c41;--crm-ui-kit-color-mortar: #514754;--crm-ui-kit-color-royal-blue: #7259eb;--crm-ui-kit-color-dove-gray: #737373;--crm-ui-kit-color-fiery-orange: #b75610;--crm-ui-kit-color-hibiscus: #cc2d73;--crm-ui-kit-color-flush-mahogany: #ce3942;--crm-ui-kit-color-ottoman: #e2f5eb;--crm-ui-kit-color-blue-chalk: #e8dcfd;--crm-ui-kit-color-solitude: #e9f1fe;--crm-ui-kit-color-selago: #eeeefe;--crm-ui-kit-color-classic-rose: #fbd9e2;--crm-ui-kit-color-cinderella: #fdd9d5;--crm-ui-kit-color-light-apricot: #fdddaf;--crm-ui-kit-color-wisp-pink: #fdebf0;--crm-ui-kit-color-beeswax: #fdf0c3;--crm-ui-kit-color-bridesmaid: #feebea;--crm-ui-kit-color-mulled-wine: #53455d;--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-spanish-gray );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-dark-silver);--crm-ui-kit-palette-active-element-900: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-silver-sand);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-platinum);--crm-ui-kit-palette-switcher-border-default: var( --crm-ui-kit-color-dusk-teal );--crm-ui-kit-palette-border-active: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-error: var(--crm-ui-kit-color-error);--crm-ui-kit-palette-background-default: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-white);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-white-smoke );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-mercury );--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-ghost-white );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-lavender );--crm-ui-kit-palette-surface-text-color: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-navy-blue);--crm-ui-kit-palette-focus-visible-color: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-placeholder-primary: var( --crm-ui-kit-color-philippine-silver );--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-dark-gray);--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-lotion );--crm-ui-kit-palette-focus-visible-outline-width: 2px;--crm-ui-kit-palette-focus-visible-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-focus-visible-outline-offset: 1px;--crm-ui-kit-palette-focus-visible-outline-style: solid;--crm-ui-kit-palette-scrollbar-width: 7px;--crm-ui-kit-palette-scrollbar-track-background: inherit;--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-very-light-gray );--crm-ui-kit-palette-scrollbar-track-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-scrollbar-thumb-border-radius: 30px;--crm-ui-kit-disabled-opacity: .6;--crm-ui-kit-palette-content-block-box-shadow: 0 2px 1px 0 var(--crm-ui-kit-color-bright-gray);--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-misty-rose );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-orange-white );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-zumthor );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-panache );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-border-radius-default: 4px;--crm-ui-kit-palette-context-menu-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);--crm-ui-kit-palette-spinner-border-color: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-deep-sea);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-ottoman);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-fiery-orange);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-beeswax);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-flush-mahogany);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-bridesmaid);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-royal-blue);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-selago);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-dove-gray);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-mariner);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-solitude)}:root[data-crm-ui-kit-theme=alternative]{--crm-ui-kit-palette-background-default: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-yankees-blue);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-nato-blue );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-firefly );--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-anti-flash-white);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-shadow-blue );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-weldon-blue);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-box-shadow-default: var(--crm-ui-kit-color-nato-blue);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-slate-blue);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-dark-slate-gray);--crm-ui-kit-palette-placeholder-primary: var(--crm-ui-kit-color-dusk-gray);--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-steel-blue);--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-surface-text-color: var( --crm-ui-kit-color-anti-flash-white );--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-cello );--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-deep-navy-blue );--crm-ui-kit-palette-content-block-box-shadow: none;--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-japanese-indigo );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-padua);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-plantation);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-light-apricot);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-fuscous-gray);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-cinderella);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-mortar);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-blue-chalk);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-east-bay);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-petrol-blue);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-astronaut)}
+:root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-froly: #f57d7d;--crm-ui-kit-color-deep-blush: #e67d7d;--crm-ui-kit-color-indian-red: #c55f62;--crm-ui-kit-color-light-gray: #eaeaea;--crm-ui-kit-color-dark-slate: #394e5f;--crm-ui-kit-color-dreams-violet: #a294da;--crm-ui-kit-color-tolopea: #0e0142;--crm-ui-kit-color-dark-slate-blue: #264154;--crm-ui-kit-color-grey: #b3b6bd;--crm-ui-kit-color-light-grey: #dfdfdf;--crm-ui-kit-color-ghost-white: #f5f7fc;--crm-ui-kit-color-lavender: #e5eeff;--crm-ui-kit-color-metallic-blue: #264b79;--crm-ui-kit-color-anti-flash-white: #f2f2f2;--crm-ui-kit-color-pure-white: #fcfcfc;--crm-ui-kit-color-cloud-white: #f8f8f9;--crm-ui-kit-color-deep-teal: #142f41;--crm-ui-kit-color-deep-blue: #142d3f;--crm-ui-kit-color-misty-rose: #fde1e1;--crm-ui-kit-color-panache: #edf7f1;--crm-ui-kit-color-zumthor: #e5eeff;--crm-ui-kit-color-orange-white: #fef7ec;--crm-ui-kit-color-japanese-indigo: #2b3d43;--crm-ui-kit-color-firefly: #102535;--crm-ui-kit-color-mercury: #e4e4e4;--crm-ui-kit-color-plantation: #29554e;--crm-ui-kit-color-padua: #c2ecc9;--crm-ui-kit-color-link-water: #d4e3f1;--crm-ui-kit-color-deep-sea: #02815a;--crm-ui-kit-color-petrol-blue: #224e6b;--crm-ui-kit-color-astronaut: #2a4d75;--crm-ui-kit-color-mariner: #326fd8;--crm-ui-kit-color-east-bay: #3f4775;--crm-ui-kit-color-fuscous-gray: #4b4c41;--crm-ui-kit-color-mortar: #514754;--crm-ui-kit-color-royal-blue: #7259eb;--crm-ui-kit-color-dove-gray: #737373;--crm-ui-kit-color-fiery-orange: #b75610;--crm-ui-kit-color-hibiscus: #cc2d73;--crm-ui-kit-color-flush-mahogany: #ce3942;--crm-ui-kit-color-ottoman: #e2f5eb;--crm-ui-kit-color-blue-chalk: #e8dcfd;--crm-ui-kit-color-solitude: #e9f1fe;--crm-ui-kit-color-selago: #eeeefe;--crm-ui-kit-color-classic-rose: #fbd9e2;--crm-ui-kit-color-cinderella: #fdd9d5;--crm-ui-kit-color-light-apricot: #fdddaf;--crm-ui-kit-color-wisp-pink: #fdebf0;--crm-ui-kit-color-beeswax: #fdf0c3;--crm-ui-kit-color-bridesmaid: #feebea;--crm-ui-kit-color-mulled-wine: #53455d;--crm-ui-kit-color-apple-green: #e3f3ed;--crm-ui-kit-color-big-stone: #182a39;--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-spanish-gray );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-dark-silver);--crm-ui-kit-palette-active-element-900: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-silver-sand);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-platinum);--crm-ui-kit-palette-switcher-border-default: var( --crm-ui-kit-color-dusk-teal );--crm-ui-kit-palette-border-active: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-error: var(--crm-ui-kit-color-error);--crm-ui-kit-palette-background-default: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-white);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-white-smoke );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-mercury );--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-ghost-white );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-lavender );--crm-ui-kit-palette-surface-text-color: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-navy-blue);--crm-ui-kit-palette-focus-visible-color: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-placeholder-primary: var( --crm-ui-kit-color-philippine-silver );--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-dark-gray);--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-lotion );--crm-ui-kit-palette-focus-visible-outline-width: 2px;--crm-ui-kit-palette-focus-visible-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-focus-visible-outline-offset: 1px;--crm-ui-kit-palette-focus-visible-outline-style: solid;--crm-ui-kit-palette-scrollbar-width: 7px;--crm-ui-kit-palette-scrollbar-track-background: inherit;--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-very-light-gray );--crm-ui-kit-palette-scrollbar-track-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-scrollbar-thumb-border-radius: 30px;--crm-ui-kit-disabled-opacity: .6;--crm-ui-kit-palette-content-block-box-shadow: 0 2px 1px 0 var(--crm-ui-kit-color-bright-gray);--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-zumthor );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-panache );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-orange-white );--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-misty-rose );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-border-radius-default: 4px;--crm-ui-kit-palette-context-menu-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);--crm-ui-kit-palette-spinner-border-color: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-deep-sea);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-ottoman);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-fiery-orange);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-beeswax);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-flush-mahogany);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-bridesmaid);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-royal-blue);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-selago);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-dove-gray);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-mariner);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-solitude)}:root[data-crm-ui-kit-theme=alternative]{--crm-ui-kit-palette-background-default: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-yankees-blue);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-nato-blue );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-firefly );--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-anti-flash-white);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-shadow-blue );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-weldon-blue);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-box-shadow-default: var(--crm-ui-kit-color-nato-blue);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-slate-blue);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-dark-slate-gray);--crm-ui-kit-palette-placeholder-primary: var(--crm-ui-kit-color-dusk-gray);--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-steel-blue);--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-surface-text-color: var( --crm-ui-kit-color-anti-flash-white );--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-cello );--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-deep-navy-blue );--crm-ui-kit-palette-content-block-box-shadow: none;--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-big-stone );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-japanese-indigo );--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-padua);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-plantation);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-light-apricot);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-fuscous-gray);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-cinderella);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-mortar);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-blue-chalk);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-east-bay);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-petrol-blue);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-astronaut)}

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import R, { forwardRef as T, useMemo as A } from "react";
-import { c as t } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as j } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import I, { forwardRef as R, useMemo as T } from "react";
+import { c as o } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as A } from "../../hooks/useThemeClassName/useThemeClassName.js";
 import { noop as z } from "../../utils/noop/noop.js";
 import { Spinner as B } from "../Spinner/Spinner.js";
 import { useShowInvalidAnimation as D } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
 import { useShowSuccessfulState as M } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
-import '../../assets/Button.css';const F = "_button_eu5ch_17", L = "_disabled_eu5ch_43", V = "_loading_eu5ch_43", W = "_content_eu5ch_73", q = "_before_eu5ch_82", E = "_after_eu5ch_87", G = "_invisible_eu5ch_92", H = "_invalid_eu5ch_96", J = "_success_eu5ch_106", e = {
+import '../../assets/Button.css';const F = "_button_jo6ym_17", L = "_disabled_jo6ym_43", V = "_loading_jo6ym_43", W = "_content_jo6ym_73", q = "_before_jo6ym_83", E = "_after_jo6ym_88", G = "_invisible_jo6ym_93", H = "_invalid_jo6ym_97", J = "_success_jo6ym_107", e = {
   button: F,
   disabled: L,
   loading: V,
@@ -17,66 +17,66 @@ import '../../assets/Button.css';const F = "_button_eu5ch_17", L = "_disabled_eu
   invalid: H,
   success: J
 }, K = (s) => {
-  const o = {
+  const t = {
     "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-border-color"],
     "--crm-ui-kit-spinner-border-width": s["--crm-ui-kit-button-spinner-border-width"],
     "--crm-ui-kit-spinner-circle-size": s["--crm-ui-kit-button-spinner-circle-size"],
     "--crm-ui-kit-spinner-border-style": s["--crm-ui-kit-button-spinner-border-style"]
   }, c = {
-    ...o,
+    ...t,
     "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-disabled-border-color"]
   };
-  return { defaultTheme: o, disabledTheme: c };
-}, O = T((s, o) => {
+  return { defaultTheme: t, disabledTheme: c };
+}, O = R((s, t) => {
   const {
     className: c = "",
-    type: p = "button",
-    onClick: f = z,
+    type: f = "button",
+    onClick: _ = z,
     theme: a,
     isLoading: i,
     isDisabled: l,
     before: d,
-    after: u,
-    children: _,
+    after: m,
+    children: h,
     showInvalidAnimationRef: k,
-    showSuccessfulStateRef: S,
-    successfulStateText: v,
-    isClickableWhileDisabled: w = !1,
-    ...N
-  } = s, C = j(a), m = A(() => K(a), [a]), g = D(
+    showSuccessfulStateRef: y,
+    successfulStateText: S,
+    isClickableWhileDisabled: j = !1,
+    ...v
+  } = s, w = A(a), u = T(() => K(a), [a]), N = D(
     k
   ), r = M(
-    S
-  ), x = (I) => {
-    i || f(I);
-  }, b = /* @__PURE__ */ h(R.Fragment, { children: [
-    d && /* @__PURE__ */ n("span", { className: t(e.before), children: d }),
-    /* @__PURE__ */ n("span", { children: _ }),
-    u && /* @__PURE__ */ n("span", { className: t(e.after), children: u })
-  ] }), y = !i && !r;
+    y
+  ), C = (x) => {
+    i || _(x);
+  }, b = /* @__PURE__ */ p(I.Fragment, { children: [
+    d && /* @__PURE__ */ n("span", { className: o(e.before), children: d }),
+    /* @__PURE__ */ n("span", { children: h }),
+    m && /* @__PURE__ */ n("span", { className: o(e.after), children: m })
+  ] }), g = !i && !r;
   return /* @__PURE__ */ n(
     "button",
     {
-      ...N,
-      ref: o,
-      type: p,
-      onClick: x,
-      className: t(e.button, C, c, {
-        [e.invalid]: g,
+      ...v,
+      ref: t,
+      type: f,
+      onClick: C,
+      className: o(e.button, w, c, {
+        [e.invalid]: N,
         [e.loading]: i,
         [e.success]: r,
         [e.disabled]: l
       }),
-      disabled: (l || i) && !w,
-      children: /* @__PURE__ */ h("span", { className: t(e.content), children: [
-        r && /* @__PURE__ */ n("span", { children: v }),
+      disabled: (l || i) && !j,
+      children: /* @__PURE__ */ p("span", { className: o(e.content), children: [
+        r && /* @__PURE__ */ n("span", { children: S }),
         i && !r && /* @__PURE__ */ n(
           B,
           {
-            theme: l ? m.disabledTheme : m.defaultTheme
+            theme: l ? u.disabledTheme : u.defaultTheme
           }
         ),
-        y ? b : /* @__PURE__ */ n("span", { className: t(e.invisible), children: b })
+        g ? b : /* @__PURE__ */ n("span", { className: o(e.invisible), children: b })
       ] })
     }
   );

package/dist/components/Button/Button.themes.d.ts

@@ -15,5 +15,7 @@ export declare const ButtonIconGhostTheme: ButtonThemeType;
 export declare const ButtonIconDangerGhostTheme: ButtonThemeType;
 export declare const ButtonIconSmallGhostTheme: ButtonThemeType;
 export declare const ButtonIconSmallDangerGhostTheme: ButtonThemeType;
+export declare const ButtonContextTheme: ButtonThemeType;
+export declare const ButtonIconContextTheme: ButtonThemeType;
 export {};
 //# sourceMappingURL=Button.themes.d.ts.map

package/dist/components/Button/Button.themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,KAAK,sBAAsB,GACvB,iDAAiD,GACjD,iDAAiD,GACjD,iDAAiD,GACjD,kDAAkD,GAClD,iDAAiD,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,GAAG;KACD,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,MAAM;CACvC,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eAwBhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAMvC,CAAC;AAiBF,eAAO,MAAM,wBAAwB,EAAE,eAGtC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAclC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAKvC,CAAC;AACF,eAAO,MAAM,+BAA+B,EAAE,eAK7C,CAAC"}
+{"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,KAAK,sBAAsB,GACvB,iDAAiD,GACjD,iDAAiD,GACjD,iDAAiD,GACjD,kDAAkD,GAClD,iDAAiD,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,GAAG;KACD,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,MAAM;CACvC,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eAwBhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAMvC,CAAC;AAiBF,eAAO,MAAM,wBAAwB,EAAE,eAGtC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAclC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAKvC,CAAC;AACF,eAAO,MAAM,+BAA+B,EAAE,eAK7C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,eASpC,CAAC"}

package/dist/components/Button/Button.themes.js

@@ -1,4 +1,4 @@
-const r = {
+const t = {
   "--crm-ui-kit-button-z-index": "1",
   "--crm-ui-kit-button-height": "36px",
   "--crm-ui-kit-button-elements-spacing": "4px",
@@ -28,8 +28,8 @@ const r = {
   "--crm-ui-kit-button-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
   "--crm-ui-kit-button-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
   "--crm-ui-kit-button-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
-}, c = {
-  ...r,
+}, i = {
+  ...t,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-palette-background-primary)",
@@ -39,8 +39,8 @@ const r = {
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-button-classic-hover-background)",
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, e = {
-  ...r,
+}, c = {
+  ...t,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
   "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -52,7 +52,7 @@ const r = {
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
   "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)"
 }, o = {
-  ...r,
+  ...t,
   "--crm-ui-kit-button-height": "30px",
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
   "--crm-ui-kit-button-padding": "0px 8px",
@@ -66,8 +66,8 @@ const r = {
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
   "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-text-secondary-light)",
   "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
-}, b = {
-  ...e,
+}, l = {
+  ...c,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-color-froly)",
@@ -80,21 +80,21 @@ const r = {
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-indian-red)",
   "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-color-error)"
-}, t = {
+}, r = {
   "--crm-ui-kit-button-height": "36px",
   "--crm-ui-kit-button-padding": "0 7px",
   "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
-}, i = {
+}, e = {
   "--crm-ui-kit-button-height": "24px",
   "--crm-ui-kit-button-padding": "0 3px",
   "--crm-ui-kit-button-spinner-circle-size": "12px",
   "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
-}, l = {
-  ...c,
-  ...t
+}, m = {
+  ...i,
+  ...r
 }, n = {
   ...o,
-  ...t,
+  ...r,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -103,27 +103,45 @@ const r = {
   "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-spinner-border-color)"
 }, a = {
   ...u,
-  ...t,
+  ...r,
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
-}, m = {
+}, k = {
   ...n,
-  ...i,
+  ...e,
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
-}, k = {
+}, d = {
   ...a,
-  ...i,
+  ...e,
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
+}, b = {
+  ...i,
+  "--crm-ui-kit-button-height": "24px",
+  "--crm-ui-kit-button-padding": "0 8px",
+  "--crm-ui-kit-button-font-size": "13px",
+  "--crm-ui-kit-button-line-height": "15px",
+  "--crm-ui-kit-button-font-weight": "400",
+  "--crm-ui-kit-button-spinner-circle-size": "12px",
+  "--crm-ui-kit-button-spinner-border-width": "1.4px",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
+}, s = {
+  ...b,
+  "--crm-ui-kit-button-padding": "0 3px",
+  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-secondary-light)"
 };
 export {
-  b as ButtonDangerPrimaryTheme,
+  b as ButtonContextTheme,
+  l as ButtonDangerPrimaryTheme,
   u as ButtonDangerTertiaryTheme,
+  s as ButtonIconContextTheme,
   a as ButtonIconDangerGhostTheme,
   n as ButtonIconGhostTheme,
-  l as ButtonIconSecondaryTheme,
-  k as ButtonIconSmallDangerGhostTheme,
-  m as ButtonIconSmallGhostTheme,
-  c as ButtonNeutralTheme,
-  e as ButtonPrimaryTheme,
+  m as ButtonIconSecondaryTheme,
+  d as ButtonIconSmallDangerGhostTheme,
+  k as ButtonIconSmallGhostTheme,
+  i as ButtonNeutralTheme,
+  c as ButtonPrimaryTheme,
   o as ButtonSecondaryTheme
 };

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
 export { Button } from './Button';
-export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, ButtonDangerPrimaryTheme, ButtonDangerTertiaryTheme, ButtonIconSecondaryTheme, ButtonIconGhostTheme, ButtonIconDangerGhostTheme, ButtonIconSmallGhostTheme, ButtonIconSmallDangerGhostTheme, type ButtonThemeType, } from './Button.themes';
+export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, ButtonDangerPrimaryTheme, ButtonDangerTertiaryTheme, ButtonIconSecondaryTheme, ButtonIconGhostTheme, ButtonIconDangerGhostTheme, ButtonIconSmallGhostTheme, ButtonIconSmallDangerGhostTheme, ButtonContextTheme, ButtonIconContextTheme, type ButtonThemeType, } from './Button.themes';
 export { type ButtonProps } from './Button.props';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,sBAAsB,EACtB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

@@ -1,15 +1,17 @@
 import { Button as o } from "./Button.js";
-import { ButtonDangerPrimaryTheme as r, ButtonDangerTertiaryTheme as m, ButtonIconDangerGhostTheme as h, ButtonIconGhostTheme as a, ButtonIconSecondaryTheme as u, ButtonIconSmallDangerGhostTheme as B, ButtonIconSmallGhostTheme as T, ButtonNeutralTheme as c, ButtonPrimaryTheme as l, ButtonSecondaryTheme as y } from "./Button.themes.js";
+import { ButtonContextTheme as m, ButtonDangerPrimaryTheme as r, ButtonDangerTertiaryTheme as h, ButtonIconContextTheme as u, ButtonIconDangerGhostTheme as B, ButtonIconGhostTheme as T, ButtonIconSecondaryTheme as a, ButtonIconSmallDangerGhostTheme as c, ButtonIconSmallGhostTheme as I, ButtonNeutralTheme as l, ButtonPrimaryTheme as y, ButtonSecondaryTheme as g } from "./Button.themes.js";
 export {
   o as Button,
+  m as ButtonContextTheme,
   r as ButtonDangerPrimaryTheme,
-  m as ButtonDangerTertiaryTheme,
-  h as ButtonIconDangerGhostTheme,
-  a as ButtonIconGhostTheme,
-  u as ButtonIconSecondaryTheme,
-  B as ButtonIconSmallDangerGhostTheme,
-  T as ButtonIconSmallGhostTheme,
-  c as ButtonNeutralTheme,
-  l as ButtonPrimaryTheme,
-  y as ButtonSecondaryTheme
+  h as ButtonDangerTertiaryTheme,
+  u as ButtonIconContextTheme,
+  B as ButtonIconDangerGhostTheme,
+  T as ButtonIconGhostTheme,
+  a as ButtonIconSecondaryTheme,
+  c as ButtonIconSmallDangerGhostTheme,
+  I as ButtonIconSmallGhostTheme,
+  l as ButtonNeutralTheme,
+  y as ButtonPrimaryTheme,
+  g as ButtonSecondaryTheme
 };

package/dist/components/Callout/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGA2BlB,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGAsClB,CAAC"}

package/dist/components/Callout/Callout.js

@@ -1,33 +1,47 @@
-import { jsxs as f, jsx as h } from "react/jsx-runtime";
-import { forwardRef as u, useMemo as N } from "react";
-import { c as e } from "../../index-L8X2o7IH.mjs";
+import { jsxs as w, jsx as t } from "react/jsx-runtime";
+import * as r from "react";
+import { forwardRef as d, useMemo as x } from "react";
+import { c } from "../../index-L8X2o7IH.mjs";
 import { useThemeClassName as _ } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { omit as d } from "../../utils/omit/omit.js";
-import '../../assets/Callout.css';const w = "_wrapper_9bqqz_1", q = "_icon_9bqqz_8", s = {
-  wrapper: w,
-  icon: q
-}, x = u((r, t) => {
+import { omit as B } from "../../utils/omit/omit.js";
+import { Button as C } from "../Button/Button.js";
+import { ButtonIconSmallGhostTheme as N } from "../Button/Button.themes.js";
+import '../../assets/Callout.css';const v = (o) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...o }, /* @__PURE__ */ r.createElement("path", { fill: "#6b6d72", d: "M11.935 2.935a.8.8 0 1 1 1.13 1.13L9.131 8l3.934 3.935a.8.8 0 1 1-1.13 1.13L8 9.132l-3.935 3.935a.8.8 0 1 1-1.13-1.131L6.869 8 2.935 4.066a.8.8 0 1 1 1.13-1.131L8 6.869z" })), g = "_wrapper_myx5j_1", j = "_icon_myx5j_8", y = "_closeButton_myx5j_14", s = {
+  wrapper: g,
+  icon: j,
+  closeButton: y
+}, I = d((o, l) => {
   const {
-    className: a = "",
-    isIconAvailable: c = !0,
-    theme: o,
-    children: m,
-    ...n
-  } = r, { Icon: i } = o, l = N(() => d(o, ["Icon"]), [o]), p = _(l);
-  return /* @__PURE__ */ f(
+    className: n = "",
+    isIconAvailable: a = !0,
+    theme: e,
+    children: i,
+    onClose: m,
+    ...p
+  } = o, { Icon: h } = e, f = x(() => B(e, ["Icon"]), [e]), u = _(f);
+  return /* @__PURE__ */ w(
     "div",
     {
-      ref: t,
-      className: e(s.wrapper, p, a),
-      ...n,
+      ref: l,
+      className: c(s.wrapper, u, n),
+      ...p,
       children: [
-        c && /* @__PURE__ */ h(i, { className: e(s.icon) }),
-        m
+        a && /* @__PURE__ */ t(h, { className: c(s.icon) }),
+        i,
+        m && /* @__PURE__ */ t(
+          C,
+          {
+            theme: N,
+            className: s.closeButton,
+            onClick: m,
+            children: /* @__PURE__ */ t(v, {})
+          }
+        )
       ]
     }
   );
 });
-x.displayName = "Callout";
+I.displayName = "Callout";
 export {
-  x as Callout
+  I as Callout
 };

package/dist/components/Callout/Callout.props.d.ts

@@ -1,4 +1,4 @@
-import { CalloutThemeType } from './themes/CalloutBase.theme';
+import { CalloutThemeType } from './Callout.themes';
 type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export interface CalloutProps extends DivProps {
     /**
@@ -13,6 +13,10 @@ export interface CalloutProps extends DivProps {
      * Flag determining whether an icon should be present.
      */
     isIconAvailable?: boolean;
+    /**
+     * Close handler. When provided, a close button is rendered.
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export {};
 //# sourceMappingURL=Callout.props.d.ts.map

package/dist/components/Callout/Callout.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"Callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE"}

package/dist/components/Callout/{themes/CalloutBase.theme.d.ts → Callout.themes.d.ts}

@@ -5,6 +5,9 @@ export type CalloutThemeType = {
 } & {
     [K in CalloutKey]: string;
 };
-export declare const CalloutBaseValues: Omit<CalloutThemeType, 'Icon' | '--crm-ui-kit-callout-background-color'>;
+export declare const CalloutInfoTheme: CalloutThemeType;
+export declare const CalloutSuccessTheme: CalloutThemeType;
+export declare const CalloutWarningTheme: CalloutThemeType;
+export declare const CalloutErrorTheme: CalloutThemeType;
 export {};
-//# sourceMappingURL=CalloutBase.theme.d.ts.map
+//# sourceMappingURL=Callout.themes.d.ts.map

package/dist/components/Callout/Callout.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,KAAK,UAAU,GACX,uCAAuC,GACvC,8BAA8B,GAC9B,oCAAoC,GACpC,iCAAiC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACzC,GAAG;KACD,CAAC,IAAI,UAAU,GAAG,MAAM;CAC1B,CAAC;AAYF,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAC"}

package/dist/components/Callout/Callout.themes.js

@@ -0,0 +1,28 @@
+import * as e from "react";
+const c = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.972 15.194H9.023V8.701h1.949zM10.003 4.806q.412 0 .69.283.279.285.279.696a.93.93 0 0 1-.284.69.96.96 0 0 1-.696.278.93.93 0 0 1-.69-.284.96.96 0 0 1-.279-.696q0-.41.285-.689a.96.96 0 0 1 .695-.278" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m0 1.299A8.701 8.701 0 1 0 10 18.7a8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), r = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "m14.865 7.515-6.234 6.233-.514.515-3.632-3.632 1.03-1.028 2.601 2.602 5.72-5.72z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m0 1.299A8.701 8.701 0 1 0 10 18.7a8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), a = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.09 14.175c.35 0 .623.097.817.272q.293.293.293.76 0 .468-.293.76-.292.292-.817.292c-.331 0-.585-.097-.799-.292Q9 15.675 9 15.207q0-.467.292-.76c.195-.194.468-.272.8-.272M11.025 11.019l-.351 2.22h-1.13l-.35-2.22v-4.5h1.83z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8.103 2.145c.844-1.46 2.953-1.461 3.797 0l7.803 13.517c.844 1.462-.21 3.288-1.898 3.288H2.197a2.185 2.185 0 0 1-1.899-3.288zm2.67.65a.892.892 0 0 0-1.544 0L1.424 16.313a.892.892 0 0 0 .773 1.338h15.608a.892.892 0 0 0 .772-1.338z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), o = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99 12.785c.35 0 .622.098.817.274q.292.292.293.76-.001.465-.293.76-.293.291-.818.291c-.33 0-.584-.097-.799-.292q-.29-.292-.292-.76 0-.467.292-.76c.195-.194.468-.273.8-.273M10.924 9.63l-.35 2.22h-1.13l-.351-2.22v-4.5h1.83z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.999 0c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m0 1.299a8.701 8.701 0 1 0 0 17.402 8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), t = {
+  "--crm-ui-kit-callout-padding": "12px",
+  "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-border-radius-default)",
+  "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary);"
+}, n = {
+  ...t,
+  Icon: c,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
+}, i = {
+  ...t,
+  Icon: r,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
+}, u = {
+  ...t,
+  Icon: a,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
+}, m = {
+  ...t,
+  Icon: o,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
+};
+export {
+  m as CalloutErrorTheme,
+  n as CalloutInfoTheme,
+  i as CalloutSuccessTheme,
+  u as CalloutWarningTheme
+};

package/dist/components/Callout/index.d.ts

@@ -1,8 +1,4 @@
 export { Callout } from './Callout';
-export { CalloutWarningTheme } from './themes/CalloutWarning.theme';
-export { CalloutErrorTheme } from './themes/CalloutError.theme';
-export { CalloutSuccessTheme } from './themes/CalloutSuccess.theme';
-export { CalloutInfoTheme } from './themes/CalloutInfo.theme';
-export { type CalloutThemeType } from './themes/CalloutBase.theme';
+export { CalloutInfoTheme, CalloutSuccessTheme, CalloutWarningTheme, CalloutErrorTheme, type CalloutThemeType, } from './Callout.themes';
 export { type CalloutProps } from './Callout.props';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Callout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Callout/index.js

@@ -1,12 +1,9 @@
-import { Callout as r } from "./Callout.js";
-import { CalloutWarningTheme as t } from "./themes/CalloutWarning.theme.js";
-import { CalloutErrorTheme as a } from "./themes/CalloutError.theme.js";
-import { CalloutSuccessTheme as u } from "./themes/CalloutSuccess.theme.js";
-import { CalloutInfoTheme as x } from "./themes/CalloutInfo.theme.js";
+import { Callout as l } from "./Callout.js";
+import { CalloutErrorTheme as t, CalloutInfoTheme as a, CalloutSuccessTheme as m, CalloutWarningTheme as u } from "./Callout.themes.js";
 export {
-  r as Callout,
-  a as CalloutErrorTheme,
-  x as CalloutInfoTheme,
-  u as CalloutSuccessTheme,
-  t as CalloutWarningTheme
+  l as Callout,
+  t as CalloutErrorTheme,
+  a as CalloutInfoTheme,
+  m as CalloutSuccessTheme,
+  u as CalloutWarningTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {

package/dist/components/Callout/themes/CalloutBase.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutBase.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutBase.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,KAAK,UAAU,GACX,uCAAuC,GACvC,8BAA8B,GAC9B,oCAAoC,GACpC,iCAAiC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACzC,GAAG;KACD,CAAC,IAAI,UAAU,GAAG,MAAM;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAClC,gBAAgB,EAChB,MAAM,GAAG,uCAAuC,CAMjD,CAAC"}

package/dist/components/Callout/themes/CalloutBase.theme.js

@@ -1,8 +0,0 @@
-const r = {
-  "--crm-ui-kit-callout-padding": "12px",
-  "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-border-radius-default)",
-  "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary);"
-};
-export {
-  r as CalloutBaseValues
-};

package/dist/components/Callout/themes/CalloutError.theme.d.ts

@@ -1,3 +0,0 @@
-import { CalloutThemeType } from './CalloutBase.theme';
-export declare const CalloutErrorTheme: CalloutThemeType;
-//# sourceMappingURL=CalloutError.theme.d.ts.map

package/dist/components/Callout/themes/CalloutError.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutError.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutError.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAC"}

package/dist/components/Callout/themes/CalloutError.theme.js

@@ -1,10 +0,0 @@
-import * as e from "react";
-import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
-const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.96 4.75h2.077v4.859l-.403 2.407H9.362L8.96 9.609V4.75Zm-.218 9.363c0-.345.114-.615.341-.812.228-.207.528-.31.9-.31.393 0 .703.103.93.31.227.197.341.467.341.812 0 .344-.114.62-.34.827-.228.207-.538.31-.931.31-.372 0-.672-.103-.9-.31-.227-.207-.34-.483-.34-.827Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.625a8.375 8.375 0 1 0 0 16.75 8.375 8.375 0 0 0 0-16.75ZM.375 10a9.625 9.625 0 1 1 19.25 0 9.625 9.625 0 0 1-19.25 0Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), o = {
-  ...l,
-  Icon: r,
-  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
-};
-export {
-  o as CalloutErrorTheme
-};

package/dist/components/Callout/themes/CalloutInfo.theme.d.ts

@@ -1,3 +0,0 @@
-import { CalloutThemeType } from './CalloutBase.theme';
-export declare const CalloutInfoTheme: CalloutThemeType;
-//# sourceMappingURL=CalloutInfo.theme.d.ts.map

package/dist/components/Callout/themes/CalloutInfo.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutInfo.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutInfo.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC"}

package/dist/components/Callout/themes/CalloutInfo.theme.js

@@ -1,10 +0,0 @@
-import * as e from "react";
-import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
-const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.972 15.195H9.023V8.7h1.949v6.494ZM10.687 6.475a.956.956 0 0 1-.695.278.927.927 0 0 1-.69-.284.956.956 0 0 1-.279-.695c0-.275.095-.505.285-.69a.956.956 0 0 1 .695-.279c.274 0 .505.095.69.284.186.19.279.422.279.696a.927.927 0 0 1-.285.69Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.299A8.701 8.701 0 1 0 10 18.7 8.701 8.701 0 0 0 10 1.3ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
-  ...l,
-  Icon: a,
-  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
-};
-export {
-  c as CalloutInfoTheme
-};

package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts

@@ -1,3 +0,0 @@
-import { CalloutThemeType } from './CalloutBase.theme';
-export declare const CalloutSuccessTheme: CalloutThemeType;
-//# sourceMappingURL=CalloutSuccess.theme.d.ts.map

package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutSuccess.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutSuccess.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}

package/dist/components/Callout/themes/CalloutSuccess.theme.js

@@ -1,10 +0,0 @@
-import * as e from "react";
-import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
-const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.455, d: "m5.328 10 3.117 3.117 6.234-6.234" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
-  ...l,
-  Icon: r,
-  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
-};
-export {
-  c as CalloutSuccessTheme
-};

package/dist/components/Callout/themes/CalloutWarning.theme.d.ts

@@ -1,3 +0,0 @@
-import { CalloutThemeType } from './CalloutBase.theme';
-export declare const CalloutWarningTheme: CalloutThemeType;
-//# sourceMappingURL=CalloutWarning.theme.d.ts.map

package/dist/components/Callout/themes/CalloutWarning.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalloutWarning.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutWarning.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}

package/dist/components/Callout/themes/CalloutWarning.theme.js

@@ -1,10 +0,0 @@
-import * as e from "react";
-import { CalloutBaseValues as t } from "./CalloutBase.theme.js";
-const r = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...l }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 15.207c0-.312.097-.565.292-.76.195-.194.468-.272.799-.272.35 0 .623.097.818.272.195.195.292.448.292.76s-.097.565-.292.76c-.195.195-.467.292-.818.292-.331 0-.585-.097-.799-.292-.195-.195-.292-.448-.292-.76Zm.195-8.688h1.831v4.5l-.35 2.22h-1.13l-.351-2.22v-4.5Z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.3, d: "M8.666 2.47a1.542 1.542 0 0 1 2.671 0l7.804 13.518a1.542 1.542 0 0 1-1.335 2.313H2.197a1.542 1.542 0 0 1-1.335-2.313L8.666 2.47Z" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), o = {
-  ...t,
-  Icon: r,
-  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
-};
-export {
-  o as CalloutWarningTheme
-};