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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/assets/CounterBadge.css +1 -0
  2. package/dist/assets/theme.css +1 -1
  3. package/dist/components/CounterBadge/CounterBadge.d.ts +4 -0
  4. package/dist/components/CounterBadge/CounterBadge.d.ts.map +1 -0
  5. package/dist/components/CounterBadge/CounterBadge.js +22 -0
  6. package/dist/components/CounterBadge/CounterBadge.props.d.ts +13 -0
  7. package/dist/components/CounterBadge/CounterBadge.props.d.ts.map +1 -0
  8. package/dist/components/CounterBadge/CounterBadge.props.js +1 -0
  9. package/dist/components/CounterBadge/CounterBadge.themes.d.ts +7 -0
  10. package/dist/components/CounterBadge/CounterBadge.themes.d.ts.map +1 -0
  11. package/dist/components/CounterBadge/CounterBadge.themes.js +14 -0
  12. package/dist/components/CounterBadge/index.d.ts +4 -0
  13. package/dist/components/CounterBadge/index.d.ts.map +1 -0
  14. package/dist/components/CounterBadge/index.js +6 -0
  15. package/package.json +6 -1
package/dist/assets/CounterBadge.css ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1 +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)}
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-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/CounterBadge/CounterBadge.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { CounterBadgeProps } from './CounterBadge.props';
3
+ export declare const CounterBadge: React.ForwardRefExoticComponent<CounterBadgeProps & React.RefAttributes<HTMLSpanElement>>;
4
+ //# sourceMappingURL=CounterBadge.d.ts.map
package/dist/components/CounterBadge/CounterBadge.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,22 @@
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import { forwardRef as n } from "react";
3
+ import { c as d } from "../../index-L8X2o7IH.mjs";
4
+ import { useThemeClassName as i } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
+ import '../../assets/CounterBadge.css';const f = "_badge_i2i5f_1", p = {
6
+ badge: f
7
+ }, g = n((e, s) => {
8
+ const { children: a, className: o, theme: r, ...m } = e, t = i(r);
9
+ return /* @__PURE__ */ c(
10
+ "span",
11
+ {
12
+ ref: s,
13
+ className: d(p.badge, t, o),
14
+ ...m,
15
+ children: a
16
+ }
17
+ );
18
+ });
19
+ g.displayName = "CounterBadge";
20
+ export {
21
+ g as CounterBadge
22
+ };
package/dist/components/CounterBadge/CounterBadge.props.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { CounterBadgeTheme } from './CounterBadge.themes';
3
+ export interface CounterBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
4
+ /**
5
+ * Object with CSS properties of the theme.
6
+ */
7
+ theme: CounterBadgeTheme;
8
+ /**
9
+ * Badge content.
10
+ */
11
+ children: ReactNode;
12
+ }
13
+ //# sourceMappingURL=CounterBadge.props.d.ts.map
package/dist/components/CounterBadge/CounterBadge.props.d.ts.map ADDED
@@ -0,0 +1 @@
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.themes.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ 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';
2
+ export type CounterBadgeTheme = {
3
+ [K in CounterBadgeThemeKey]: string;
4
+ };
5
+ export declare const CounterBadgePrimaryTheme: CounterBadgeTheme;
6
+ export {};
7
+ //# sourceMappingURL=CounterBadge.themes.d.ts.map
package/dist/components/CounterBadge/CounterBadge.themes.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,14 @@
1
+ const r = {
2
+ "--crm-ui-kit-counter-badge-min-width": "16px",
3
+ "--crm-ui-kit-counter-badge-min-height": "16px",
4
+ "--crm-ui-kit-counter-badge-padding": "0 4px",
5
+ "--crm-ui-kit-counter-badge-font-size": "13px",
6
+ "--crm-ui-kit-counter-badge-line-height": "12px",
7
+ "--crm-ui-kit-counter-badge-font-weight": "700",
8
+ "--crm-ui-kit-counter-badge-color": "var(--crm-ui-kit-color-white)",
9
+ "--crm-ui-kit-counter-badge-border-radius": "8px",
10
+ "--crm-ui-kit-counter-badge-background-color": "var(--crm-ui-kit-palette-counter-badge-background)"
11
+ };
12
+ export {
13
+ r as CounterBadgePrimaryTheme
14
+ };
package/dist/components/CounterBadge/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export { CounterBadge } from './CounterBadge';
2
+ export { type CounterBadgeTheme, CounterBadgePrimaryTheme, } from './CounterBadge.themes';
3
+ export { type CounterBadgeProps } from './CounterBadge.props';
4
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/CounterBadge/index.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,6 @@
1
+ import { CounterBadge as o } from "./CounterBadge.js";
2
+ import { CounterBadgePrimaryTheme as t } from "./CounterBadge.themes.js";
3
+ export {
4
+ o as CounterBadge,
5
+ t as CounterBadgePrimaryTheme
6
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kommo-crm/crm-react-ui-kit",
3
3
  "description": "Ready-to-use React components which implements Kommo design",
4
- "version": "1.10.0",
4
+ "version": "1.11.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "engines": {
@@ -32,6 +32,7 @@
32
32
  "./Callout": "./dist/components/Callout/index.js",
33
33
  "./Accordion": "./dist/components/Accordion/index.js",
34
34
  "./ContextMenu": "./dist/components/ContextMenu/index.js",
35
+ "./CounterBadge": "./dist/components/CounterBadge/index.js",
35
36
  "./Badge": "./dist/components/Badge/index.js",
36
37
  "./assets/Switcher.css": "./dist/assets/Switcher.css",
37
38
  "./assets/Select.css": "./dist/assets/Select.css",
@@ -49,6 +50,7 @@
49
50
  "./assets/CheckboxGroup.css": "./dist/assets/CheckboxGroup.css",
50
51
  "./assets/FilterTabs.css": "./dist/assets/FilterTabs.css",
51
52
  "./assets/Button.css": "./dist/assets/Button.css",
53
+ "./assets/CounterBadge.css": "./dist/assets/CounterBadge.css",
52
54
  "./assets/Badge.css": "./dist/assets/Badge.css",
53
55
  "./assets/theme.css": "./dist/assets/theme.css",
54
56
  "./assets/icons.css": "./dist/assets/icons.css"
@@ -115,6 +117,9 @@
115
117
  "ContextMenu": [
116
118
  "./dist/components/ContextMenu/index.d.ts"
117
119
  ],
120
+ "CounterBadge": [
121
+ "./dist/components/CounterBadge/index.d.ts"
122
+ ],
118
123
  "Badge": [
119
124
  "./dist/components/Badge/index.d.ts"
120
125
  ]