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

package/dist/assets/ContentBlock.css

@@ -1 +1 @@
-._block_1efq7_1{box-sizing:var(--crm-ui-kit-content-block-box-sizing);padding:var(--crm-ui-kit-content-block-padding);border-radius:var(--crm-ui-kit-content-block-border-radius);box-shadow:var(--crm-ui-kit-content-block-box-shadow);background:var(--crm-ui-kit-content-block-background)}
+._block_13dmy_1{box-sizing:var(--crm-ui-kit-content-block-box-sizing);padding:var(--crm-ui-kit-content-block-padding);border-radius:var(--crm-ui-kit-content-block-border-radius);box-shadow:var(--crm-ui-kit-content-block-box-shadow);background:var(--crm-ui-kit-content-block-background);border:var(--crm-ui-kit-content-block-border)}

package/dist/assets/CounterBadge.css

@@ -0,0 +1 @@
+._badge_i2i5f_1{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;min-width:var(--crm-ui-kit-counter-badge-min-width);min-height:var(--crm-ui-kit-counter-badge-min-height);padding:var(--crm-ui-kit-counter-badge-padding);font-size:var(--crm-ui-kit-counter-badge-font-size);line-height:var(--crm-ui-kit-counter-badge-line-height);font-weight:var(--crm-ui-kit-counter-badge-font-weight);color:var(--crm-ui-kit-counter-badge-color);white-space:nowrap;border-radius:var(--crm-ui-kit-counter-badge-border-radius);background:var(--crm-ui-kit-counter-badge-background-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-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)}
+: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-medium-carmine: #aa3b3f;--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);--crm-ui-kit-palette-counter-badge-background: var(--crm-ui-kit-color-flush-mahogany)}: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);--crm-ui-kit-palette-counter-badge-background: var(--crm-ui-kit-color-medium-carmine)}

package/dist/components/ContentBlock/ContentBlock.js

@@ -1,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { c as n } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as f } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import '../../assets/ContentBlock.css';const i = "_block_1efq7_1", k = {
-  block: i
+import { useThemeClassName as i } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/ContentBlock.css';const f = "_block_13dmy_1", k = {
+  block: f
 }, p = l((o, e) => {
-  const { className: s = "", theme: t, children: c, ...m } = o, r = f(t);
-  return /* @__PURE__ */ a("div", { ref: e, className: n(k.block, r, s), ...m, children: c });
+  const { className: s = "", theme: t, children: m, ...c } = o, r = i(t);
+  return /* @__PURE__ */ a("div", { ref: e, className: n(k.block, r, s), ...c, children: m });
 });
 p.displayName = "ContentBlock";
 export {

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

@@ -1,7 +1,16 @@
 type ContentBlockKey = '--crm-ui-kit-content-block-box-shadow' | '--crm-ui-kit-content-block-background' | '--crm-ui-kit-content-block-box-sizing' | '--crm-ui-kit-content-block-padding' | '--crm-ui-kit-content-block-border-radius';
+type ContentBlockOptionalKey = '--crm-ui-kit-content-block-border';
 export type ContentBlockThemeType = {
     [K in ContentBlockKey]: string;
+} & {
+    [K in ContentBlockOptionalKey]?: string;
 };
+export declare const ContentBlockPrimaryTheme: ContentBlockThemeType;
+/**
+ * @deprecated This theme will be removed in a future major version.
+ * Use {@link ContentBlockPrimaryTheme} instead.
+ */
 export declare const ContentBlockTheme: ContentBlockThemeType;
+export declare const ContentBlockSecondaryTheme: ContentBlockThemeType;
 export {};
 //# sourceMappingURL=ContentBlock.themes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBlock.themes.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/ContentBlock.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,uCAAuC,GACvC,uCAAuC,GACvC,uCAAuC,GACvC,oCAAoC,GACpC,0CAA0C,CAAC;AAE/C,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,qBAS/B,CAAC"}
+{"version":3,"file":"ContentBlock.themes.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/ContentBlock.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,uCAAuC,GACvC,uCAAuC,GACvC,uCAAuC,GACvC,oCAAoC,GACpC,0CAA0C,CAAC;AAE/C,KAAK,uBAAuB,GAAG,mCAAmC,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,GAAG;KACD,CAAC,IAAI,uBAAuB,CAAC,CAAC,EAAE,MAAM;CACxC,CAAC;AAUF,eAAO,MAAM,wBAAwB,EAAE,qBAKtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,uBAA2B,CAAC;AAE1D,eAAO,MAAM,0BAA0B,EAAE,qBAMxC,CAAC"}

package/dist/components/ContentBlock/ContentBlock.themes.js

@@ -1,10 +1,19 @@
 const t = {
   "--crm-ui-kit-content-block-box-sizing": "border-box",
-  "--crm-ui-kit-content-block-padding": "18px 18px 29px",
   "--crm-ui-kit-content-block-border-radius": "var(--crm-ui-kit-border-radius-default)",
-  "--crm-ui-kit-content-block-box-shadow": "var(--crm-ui-kit-palette-content-block-box-shadow)",
   "--crm-ui-kit-content-block-background": "var(--crm-ui-kit-palette-background-primary)"
+}, o = {
+  ...t,
+  "--crm-ui-kit-content-block-padding": "18px 18px 29px",
+  "--crm-ui-kit-content-block-box-shadow": "var(--crm-ui-kit-palette-content-block-box-shadow)"
+}, c = o, e = {
+  ...t,
+  "--crm-ui-kit-content-block-padding": "16px",
+  "--crm-ui-kit-content-block-border": "1px solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-content-block-box-shadow": "none"
 };
 export {
-  t as ContentBlockTheme
+  o as ContentBlockPrimaryTheme,
+  e as ContentBlockSecondaryTheme,
+  c as ContentBlockTheme
 };

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

@@ -1,4 +1,4 @@
 export { ContentBlock } from './ContentBlock';
-export { type ContentBlockThemeType, ContentBlockTheme, } from './ContentBlock.themes';
+export { type ContentBlockThemeType, ContentBlockTheme, ContentBlockPrimaryTheme, ContentBlockSecondaryTheme, } from './ContentBlock.themes';
 export { type ContentBlockProps } from './ContentBlock.props';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,KAAK,qBAAqB,EAC1B,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/ContentBlock/index.js

@@ -1,6 +1,8 @@
 import { ContentBlock as t } from "./ContentBlock.js";
-import { ContentBlockTheme as r } from "./ContentBlock.themes.js";
+import { ContentBlockPrimaryTheme as r, ContentBlockSecondaryTheme as m, ContentBlockTheme as c } from "./ContentBlock.themes.js";
 export {
   t as ContentBlock,
-  r as ContentBlockTheme
+  r as ContentBlockPrimaryTheme,
+  m as ContentBlockSecondaryTheme,
+  c as ContentBlockTheme
 };

package/dist/components/CounterBadge/CounterBadge.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.d.ts","sourceRoot":"","sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,YAAY,2FAcvB,CAAC"}

package/dist/components/CounterBadge/CounterBadge.js

@@ -0,0 +1,22 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as d } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as i } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/CounterBadge.css';const f = "_badge_i2i5f_1", p = {
+  badge: f
+}, g = n((e, s) => {
+  const { children: a, className: o, theme: r, ...m } = e, t = i(r);
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      ref: s,
+      className: d(p.badge, t, o),
+      ...m,
+      children: a
+    }
+  );
+});
+g.displayName = "CounterBadge";
+export {
+  g as CounterBadge
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { CounterBadgeTheme } from './CounterBadge.themes';
+export interface CounterBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: CounterBadgeTheme;
+    /**
+     * Badge content.
+     */
+    children: ReactNode;
+}
+//# sourceMappingURL=CounterBadge.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.props.d.ts","sourceRoot":"","sources":["../../../src/components/CounterBadge/CounterBadge.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C;;OAEG;IACH,KAAK,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/CounterBadge/CounterBadge.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,7 @@
+type CounterBadgeThemeKey = '--crm-ui-kit-counter-badge-min-width' | '--crm-ui-kit-counter-badge-min-height' | '--crm-ui-kit-counter-badge-padding' | '--crm-ui-kit-counter-badge-font-size' | '--crm-ui-kit-counter-badge-line-height' | '--crm-ui-kit-counter-badge-font-weight' | '--crm-ui-kit-counter-badge-color' | '--crm-ui-kit-counter-badge-border-radius' | '--crm-ui-kit-counter-badge-background-color';
+export type CounterBadgeTheme = {
+    [K in CounterBadgeThemeKey]: string;
+};
+export declare const CounterBadgePrimaryTheme: CounterBadgeTheme;
+export {};
+//# sourceMappingURL=CounterBadge.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.themes.d.ts","sourceRoot":"","sources":["../../../src/components/CounterBadge/CounterBadge.themes.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GACrB,sCAAsC,GACtC,uCAAuC,GACvC,oCAAoC,GACpC,sCAAsC,GACtC,wCAAwC,GACxC,wCAAwC,GACxC,kCAAkC,GAClC,0CAA0C,GAC1C,6CAA6C,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;KAC7B,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,iBAWtC,CAAC"}

package/dist/components/CounterBadge/CounterBadge.themes.js

@@ -0,0 +1,14 @@
+const r = {
+  "--crm-ui-kit-counter-badge-min-width": "16px",
+  "--crm-ui-kit-counter-badge-min-height": "16px",
+  "--crm-ui-kit-counter-badge-padding": "0 4px",
+  "--crm-ui-kit-counter-badge-font-size": "13px",
+  "--crm-ui-kit-counter-badge-line-height": "12px",
+  "--crm-ui-kit-counter-badge-font-weight": "700",
+  "--crm-ui-kit-counter-badge-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-counter-badge-border-radius": "8px",
+  "--crm-ui-kit-counter-badge-background-color": "var(--crm-ui-kit-palette-counter-badge-background)"
+};
+export {
+  r as CounterBadgePrimaryTheme
+};

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

@@ -0,0 +1,4 @@
+export { CounterBadge } from './CounterBadge';
+export { type CounterBadgeTheme, CounterBadgePrimaryTheme, } from './CounterBadge.themes';
+export { type CounterBadgeProps } from './CounterBadge.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CounterBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,KAAK,iBAAiB,EACtB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/CounterBadge/index.js

@@ -0,0 +1,6 @@
+import { CounterBadge as o } from "./CounterBadge.js";
+import { CounterBadgePrimaryTheme as t } from "./CounterBadge.themes.js";
+export {
+  o as CounterBadge,
+  t as CounterBadgePrimaryTheme
+};

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.10.0",
+  "version": "1.12.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",
+    "./CounterBadge": "./dist/components/CounterBadge/index.js",
     "./Badge": "./dist/components/Badge/index.js",
     "./assets/Switcher.css": "./dist/assets/Switcher.css",
     "./assets/Select.css": "./dist/assets/Select.css",
@@ -49,6 +50,7 @@
     "./assets/CheckboxGroup.css": "./dist/assets/CheckboxGroup.css",
     "./assets/FilterTabs.css": "./dist/assets/FilterTabs.css",
     "./assets/Button.css": "./dist/assets/Button.css",
+    "./assets/CounterBadge.css": "./dist/assets/CounterBadge.css",
     "./assets/Badge.css": "./dist/assets/Badge.css",
     "./assets/theme.css": "./dist/assets/theme.css",
     "./assets/icons.css": "./dist/assets/icons.css"
@@ -115,6 +117,9 @@
       "ContextMenu": [
         "./dist/components/ContextMenu/index.d.ts"
       ],
+      "CounterBadge": [
+        "./dist/components/CounterBadge/index.d.ts"
+      ],
       "Badge": [
         "./dist/components/Badge/index.d.ts"
       ]