@kommo-crm/crm-react-ui-kit 1.7.0 → 1.9.0

package/dist/assets/Badge.css

@@ -0,0 +1 @@
+._badge_zi01b_1{display:inline-flex;align-items:center;justify-content:center;height:var(--crm-ui-kit-badge-height);padding:var(--crm-ui-kit-badge-padding);border-radius:var(--crm-ui-kit-badge-border-radius);font-weight:var(--crm-ui-kit-badge-font-weight);color:var(--crm-ui-kit-badge-color);background-color:var(--crm-ui-kit-badge-background-color)}

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/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-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)}: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)}
+: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)}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.props';
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAOhD,eAAO,MAAM,KAAK,oFAgBhB,CAAC"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as l } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as d } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { Text as n } from "../Text/Text.js";
+import { TextInheritColorTheme as p } from "../Text/Text.themes.js";
+import '../../assets/Badge.css';const f = "_badge_zi01b_1", h = {
+  badge: f
+}, g = c((s, m) => {
+  const { theme: r, title: t, className: o, ...a } = s, i = d(r);
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      ref: m,
+      className: l(h.badge, i, o),
+      ...a,
+      children: /* @__PURE__ */ e(n, { size: "ms", isEllipsis: !0, theme: p, children: t })
+    }
+  );
+});
+g.displayName = "Badge";
+export {
+  g as Badge
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+import { BadgeThemeType } from './Badge.themes';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: BadgeThemeType;
+    /**
+     * Badge text.
+     */
+    title: string;
+}
+//# sourceMappingURL=Badge.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.props.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/Badge/Badge.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,12 @@
+type BadgeThemeKey = '--crm-ui-kit-badge-height' | '--crm-ui-kit-badge-border-radius' | '--crm-ui-kit-badge-padding' | '--crm-ui-kit-badge-font-weight' | '--crm-ui-kit-badge-color' | '--crm-ui-kit-badge-background-color';
+export type BadgeThemeType = {
+    [K in BadgeThemeKey]: string;
+};
+export declare const BadgeNeutralTheme: BadgeThemeType;
+export declare const BadgePromoTheme: BadgeThemeType;
+export declare const BadgeInfoTheme: BadgeThemeType;
+export declare const BadgeSafetyTheme: BadgeThemeType;
+export declare const BadgeWarningTheme: BadgeThemeType;
+export declare const BadgeDangerTheme: BadgeThemeType;
+export {};
+//# sourceMappingURL=Badge.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.themes.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GACd,2BAA2B,GAC3B,kCAAkC,GAClC,4BAA4B,GAC5B,gCAAgC,GAChC,0BAA0B,GAC1B,qCAAqC,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG;KAC1B,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AASF,eAAO,MAAM,iBAAiB,EAAE,cAK/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAK7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAK5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAK/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC"}

package/dist/components/Badge/Badge.themes.js

@@ -0,0 +1,38 @@
+const r = {
+  "--crm-ui-kit-badge-height": "20px",
+  "--crm-ui-kit-badge-border-radius": "var(--crm-ui-kit-border-radius-default)",
+  "--crm-ui-kit-badge-padding": "0 8px",
+  "--crm-ui-kit-badge-font-weight": "700"
+}, e = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-neutral)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-neutral)"
+}, a = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-purple)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-purple)"
+}, o = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-blue)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-blue)"
+}, c = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-green)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-green)"
+}, t = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-orange)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-orange)"
+}, i = {
+  ...r,
+  "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-red)",
+  "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-red)"
+};
+export {
+  i as BadgeDangerTheme,
+  o as BadgeInfoTheme,
+  e as BadgeNeutralTheme,
+  a as BadgePromoTheme,
+  c as BadgeSafetyTheme,
+  t as BadgeWarningTheme
+};

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

@@ -0,0 +1,4 @@
+export { Badge } from './Badge';
+export { type BadgeThemeType, BadgeNeutralTheme, BadgePromoTheme, BadgeInfoTheme, BadgeSafetyTheme, BadgeWarningTheme, BadgeDangerTheme, } from './Badge.themes';
+export { type BadgeProps } from './Badge.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,KAAK,cAAc,EACnB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Badge/index.js

@@ -0,0 +1,11 @@
+import { Badge as g } from "./Badge.js";
+import { BadgeDangerTheme as r, BadgeInfoTheme as d, BadgeNeutralTheme as o, BadgePromoTheme as B, BadgeSafetyTheme as h, BadgeWarningTheme as T } from "./Badge.themes.js";
+export {
+  g as Badge,
+  r as BadgeDangerTheme,
+  d as BadgeInfoTheme,
+  o as BadgeNeutralTheme,
+  B as BadgePromoTheme,
+  h as BadgeSafetyTheme,
+  T as BadgeWarningTheme
+};

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/Text/Text.themes.d.ts

@@ -8,5 +8,6 @@ export declare const TextPrimaryTheme: TextTheme;
 export declare const TextSecondaryLightTheme: TextTheme;
 export declare const TextSecondaryDarkTheme: TextTheme;
 export declare const TextErrorTheme: TextTheme;
+export declare const TextInheritColorTheme: TextTheme;
 export {};
 //# sourceMappingURL=Text.themes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.themes.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GACb,yBAAyB,GACzB,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,GACvC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG;KACrB,CAAC,IAAI,YAAY,GAAG,MAAM;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAChC,SAAS,EACT,yBAAyB,GAAG,wBAAwB,CACrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,sBAWhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAI9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,SAIrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,SAIpC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC"}
+{"version":3,"file":"Text.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.themes.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GACb,yBAAyB,GACzB,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,GACvC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG;KACrB,CAAC,IAAI,YAAY,GAAG,MAAM;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAChC,SAAS,EACT,yBAAyB,GAAG,wBAAwB,CACrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,sBAWhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAI9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,SAIrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,SAIpC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAInC,CAAC"}

package/dist/components/Text/Text.themes.js

@@ -25,10 +25,15 @@ const t = {
   ...t,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-text-font": "PT Sans"
+}, c = {
+  ...t,
+  "--crm-ui-kit-text-color": "inherit",
+  "--crm-ui-kit-text-font": "PT Sans"
 };
 export {
   t as TextBaseSizesTheme,
   x as TextErrorTheme,
+  c as TextInheritColorTheme,
   e as TextPrimaryTheme,
   r as TextSecondaryDarkTheme,
   i as TextSecondaryLightTheme

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

@@ -1,4 +1,4 @@
 export { Text } from './Text';
 export { type TextProps, type TextSizes } from './Text.props';
-export { type TextTheme, TextPrimaryTheme, TextSecondaryDarkTheme, TextSecondaryLightTheme, TextErrorTheme, } from './Text.themes';
+export { type TextTheme, TextPrimaryTheme, TextSecondaryDarkTheme, TextSecondaryLightTheme, TextErrorTheme, TextInheritColorTheme, } from './Text.themes';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,KAAK,SAAS,EACd,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,GACf,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,KAAK,SAAS,EACd,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EACd,qBAAqB,GACtB,MAAM,eAAe,CAAC"}

package/dist/components/Text/index.js

@@ -1,9 +1,10 @@
 import { Text as T } from "./Text.js";
-import { TextErrorTheme as m, TextPrimaryTheme as o, TextSecondaryDarkTheme as x, TextSecondaryLightTheme as h } from "./Text.themes.js";
+import { TextErrorTheme as o, TextInheritColorTheme as m, TextPrimaryTheme as x, TextSecondaryDarkTheme as h, TextSecondaryLightTheme as a } from "./Text.themes.js";
 export {
   T as Text,
-  m as TextErrorTheme,
-  o as TextPrimaryTheme,
-  x as TextSecondaryDarkTheme,
-  h as TextSecondaryLightTheme
+  o as TextErrorTheme,
+  m as TextInheritColorTheme,
+  x as TextPrimaryTheme,
+  h as TextSecondaryDarkTheme,
+  a as TextSecondaryLightTheme
 };

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.7.0",
+  "version": "1.9.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -32,6 +32,7 @@
     "./Callout": "./dist/components/Callout/index.js",
     "./Accordion": "./dist/components/Accordion/index.js",
     "./ContextMenu": "./dist/components/ContextMenu/index.js",
+    "./Badge": "./dist/components/Badge/index.js",
     "./assets/Switcher.css": "./dist/assets/Switcher.css",
     "./assets/Select.css": "./dist/assets/Select.css",
     "./assets/Spinner.css": "./dist/assets/Spinner.css",
@@ -48,6 +49,7 @@
     "./assets/CheckboxGroup.css": "./dist/assets/CheckboxGroup.css",
     "./assets/FilterTabs.css": "./dist/assets/FilterTabs.css",
     "./assets/Button.css": "./dist/assets/Button.css",
+    "./assets/Badge.css": "./dist/assets/Badge.css",
     "./assets/theme.css": "./dist/assets/theme.css",
     "./assets/icons.css": "./dist/assets/icons.css"
   },
@@ -112,6 +114,9 @@
       ],
       "ContextMenu": [
         "./dist/components/ContextMenu/index.d.ts"
+      ],
+      "Badge": [
+        "./dist/components/Badge/index.d.ts"
       ]
     }
   },