@kommo-crm/crm-react-ui-kit 1.6.0 → 1.8.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 (24) hide show
  1. package/dist/assets/Badge.css +1 -0
  2. package/dist/assets/theme.css +1 -1
  3. package/dist/components/Badge/Badge.d.ts +4 -0
  4. package/dist/components/Badge/Badge.d.ts.map +1 -0
  5. package/dist/components/Badge/Badge.js +24 -0
  6. package/dist/components/Badge/Badge.props.d.ts +13 -0
  7. package/dist/components/Badge/Badge.props.d.ts.map +1 -0
  8. package/dist/components/Badge/Badge.props.js +1 -0
  9. package/dist/components/Badge/Badge.themes.d.ts +12 -0
  10. package/dist/components/Badge/Badge.themes.d.ts.map +1 -0
  11. package/dist/components/Badge/Badge.themes.js +38 -0
  12. package/dist/components/Badge/index.d.ts +4 -0
  13. package/dist/components/Badge/index.d.ts.map +1 -0
  14. package/dist/components/Badge/index.js +11 -0
  15. package/dist/components/Button/Button.themes.js +21 -21
  16. package/dist/components/Spinner/Spinner.themes.d.ts.map +1 -1
  17. package/dist/components/Spinner/Spinner.themes.js +1 -1
  18. package/dist/components/Text/Text.themes.d.ts +1 -0
  19. package/dist/components/Text/Text.themes.d.ts.map +1 -1
  20. package/dist/components/Text/Text.themes.js +5 -0
  21. package/dist/components/Text/index.d.ts +1 -1
  22. package/dist/components/Text/index.d.ts.map +1 -1
  23. package/dist/components/Text/index.js +6 -5
  24. package/package.json +6 -1
package/dist/assets/Badge.css ADDED
@@ -0,0 +1 @@
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/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-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)}: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)}
1
+ :root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-froly: #f57d7d;--crm-ui-kit-color-deep-blush: #e67d7d;--crm-ui-kit-color-indian-red: #c55f62;--crm-ui-kit-color-light-gray: #eaeaea;--crm-ui-kit-color-dark-slate: #394e5f;--crm-ui-kit-color-dreams-violet: #a294da;--crm-ui-kit-color-tolopea: #0e0142;--crm-ui-kit-color-dark-slate-blue: #264154;--crm-ui-kit-color-grey: #b3b6bd;--crm-ui-kit-color-light-grey: #dfdfdf;--crm-ui-kit-color-ghost-white: #f5f7fc;--crm-ui-kit-color-lavender: #e5eeff;--crm-ui-kit-color-metallic-blue: #264b79;--crm-ui-kit-color-anti-flash-white: #f2f2f2;--crm-ui-kit-color-pure-white: #fcfcfc;--crm-ui-kit-color-cloud-white: #f8f8f9;--crm-ui-kit-color-deep-teal: #142f41;--crm-ui-kit-color-deep-blue: #142d3f;--crm-ui-kit-color-misty-rose: #fde1e1;--crm-ui-kit-color-panache: #edf7f1;--crm-ui-kit-color-zumthor: #e5eeff;--crm-ui-kit-color-orange-white: #fef7ec;--crm-ui-kit-color-japanese-indigo: #2b3d43;--crm-ui-kit-color-firefly: #102535;--crm-ui-kit-color-mercury: #e4e4e4;--crm-ui-kit-color-plantation: #29554e;--crm-ui-kit-color-padua: #c2ecc9;--crm-ui-kit-color-link-water: #d4e3f1;--crm-ui-kit-color-deep-sea: #02815a;--crm-ui-kit-color-petrol-blue: #224e6b;--crm-ui-kit-color-astronaut: #2a4d75;--crm-ui-kit-color-mariner: #326fd8;--crm-ui-kit-color-east-bay: #3f4775;--crm-ui-kit-color-fuscous-gray: #4b4c41;--crm-ui-kit-color-mortar: #514754;--crm-ui-kit-color-royal-blue: #7259eb;--crm-ui-kit-color-dove-gray: #737373;--crm-ui-kit-color-fiery-orange: #b75610;--crm-ui-kit-color-hibiscus: #cc2d73;--crm-ui-kit-color-flush-mahogany: #ce3942;--crm-ui-kit-color-ottoman: #e2f5eb;--crm-ui-kit-color-blue-chalk: #e8dcfd;--crm-ui-kit-color-solitude: #e9f1fe;--crm-ui-kit-color-selago: #eeeefe;--crm-ui-kit-color-classic-rose: #fbd9e2;--crm-ui-kit-color-cinderella: #fdd9d5;--crm-ui-kit-color-light-apricot: #fdddaf;--crm-ui-kit-color-wisp-pink: #fdebf0;--crm-ui-kit-color-beeswax: #fdf0c3;--crm-ui-kit-color-bridesmaid: #feebea;--crm-ui-kit-color-mulled-wine: #53455d;--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-spanish-gray );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-dark-silver);--crm-ui-kit-palette-active-element-900: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-silver-sand);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-platinum);--crm-ui-kit-palette-switcher-border-default: var( --crm-ui-kit-color-dusk-teal );--crm-ui-kit-palette-border-active: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-error: var(--crm-ui-kit-color-error);--crm-ui-kit-palette-background-default: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-white);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-white-smoke );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-mercury );--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-ghost-white );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-lavender );--crm-ui-kit-palette-surface-text-color: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-navy-blue);--crm-ui-kit-palette-focus-visible-color: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-placeholder-primary: var( --crm-ui-kit-color-philippine-silver );--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-dark-gray);--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-lotion );--crm-ui-kit-palette-focus-visible-outline-width: 2px;--crm-ui-kit-palette-focus-visible-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-focus-visible-outline-offset: 1px;--crm-ui-kit-palette-focus-visible-outline-style: solid;--crm-ui-kit-palette-scrollbar-width: 7px;--crm-ui-kit-palette-scrollbar-track-background: inherit;--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-very-light-gray );--crm-ui-kit-palette-scrollbar-track-border-radius: var( --crm-ui-kit-border-radius-default );--crm-ui-kit-palette-scrollbar-thumb-border-radius: 30px;--crm-ui-kit-disabled-opacity: .6;--crm-ui-kit-palette-content-block-box-shadow: 0 2px 1px 0 var(--crm-ui-kit-color-bright-gray);--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-misty-rose );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-orange-white );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-zumthor );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-panache );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-border-radius-default: 4px;--crm-ui-kit-palette-context-menu-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);--crm-ui-kit-palette-spinner-border-color: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-deep-sea);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-ottoman);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-fiery-orange);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-beeswax);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-flush-mahogany);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-bridesmaid);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-royal-blue);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-selago);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-dove-gray);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-mariner);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-solitude)}:root[data-crm-ui-kit-theme=alternative]{--crm-ui-kit-palette-background-default: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-yankees-blue);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-nato-blue );--crm-ui-kit-palette-background-secondary-800: var( --crm-ui-kit-color-firefly );--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-anti-flash-white);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-shadow-blue );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-weldon-blue);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-box-shadow-default: var(--crm-ui-kit-color-nato-blue);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-slate-blue);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-dark-slate-gray);--crm-ui-kit-palette-placeholder-primary: var(--crm-ui-kit-color-dusk-gray);--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-steel-blue);--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-surface-text-color: var( --crm-ui-kit-color-anti-flash-white );--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-cello );--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-deep-navy-blue );--crm-ui-kit-palette-content-block-box-shadow: none;--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-japanese-indigo );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06);--crm-ui-kit-palette-badge-color-green: var(--crm-ui-kit-color-padua);--crm-ui-kit-palette-badge-background-color-green: var(--crm-ui-kit-color-plantation);--crm-ui-kit-palette-badge-color-orange: var(--crm-ui-kit-color-light-apricot);--crm-ui-kit-palette-badge-background-color-orange: var(--crm-ui-kit-color-fuscous-gray);--crm-ui-kit-palette-badge-color-red: var(--crm-ui-kit-color-cinderella);--crm-ui-kit-palette-badge-background-color-red: var(--crm-ui-kit-color-mortar);--crm-ui-kit-palette-badge-color-purple: var(--crm-ui-kit-color-blue-chalk);--crm-ui-kit-palette-badge-background-color-purple: var(--crm-ui-kit-color-east-bay);--crm-ui-kit-palette-badge-color-neutral: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-neutral: var(--crm-ui-kit-color-petrol-blue);--crm-ui-kit-palette-badge-color-blue: var(--crm-ui-kit-color-link-water);--crm-ui-kit-palette-badge-background-color-blue: var(--crm-ui-kit-color-astronaut)}
package/dist/components/Badge/Badge.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BadgeProps } from './Badge.props';
3
+ export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
4
+ //# sourceMappingURL=Badge.d.ts.map
package/dist/components/Badge/Badge.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,24 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as c } from "react";
3
+ import { c as l } from "../../index-L8X2o7IH.mjs";
4
+ import { useThemeClassName as d } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
+ import { Text as n } from "../Text/Text.js";
6
+ import { TextInheritColorTheme as p } from "../Text/Text.themes.js";
7
+ import '../../assets/Badge.css';const f = "_badge_zi01b_1", h = {
8
+ badge: f
9
+ }, g = c((s, m) => {
10
+ const { theme: r, title: t, className: o, ...a } = s, i = d(r);
11
+ return /* @__PURE__ */ e(
12
+ "span",
13
+ {
14
+ ref: m,
15
+ className: l(h.badge, i, o),
16
+ ...a,
17
+ children: /* @__PURE__ */ e(n, { size: "ms", isEllipsis: !0, theme: p, children: t })
18
+ }
19
+ );
20
+ });
21
+ g.displayName = "Badge";
22
+ export {
23
+ g as Badge
24
+ };
package/dist/components/Badge/Badge.props.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { HTMLAttributes } from 'react';
2
+ import { BadgeThemeType } from './Badge.themes';
3
+ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
4
+ /**
5
+ * Object with CSS properties of the theme.
6
+ */
7
+ theme: BadgeThemeType;
8
+ /**
9
+ * Badge text.
10
+ */
11
+ title: string;
12
+ }
13
+ //# sourceMappingURL=Badge.props.d.ts.map
package/dist/components/Badge/Badge.props.d.ts.map ADDED
@@ -0,0 +1 @@
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.themes.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ 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';
2
+ export type BadgeThemeType = {
3
+ [K in BadgeThemeKey]: string;
4
+ };
5
+ export declare const BadgeNeutralTheme: BadgeThemeType;
6
+ export declare const BadgePromoTheme: BadgeThemeType;
7
+ export declare const BadgeInfoTheme: BadgeThemeType;
8
+ export declare const BadgeSafetyTheme: BadgeThemeType;
9
+ export declare const BadgeWarningTheme: BadgeThemeType;
10
+ export declare const BadgeDangerTheme: BadgeThemeType;
11
+ export {};
12
+ //# sourceMappingURL=Badge.themes.d.ts.map
package/dist/components/Badge/Badge.themes.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,38 @@
1
+ const r = {
2
+ "--crm-ui-kit-badge-height": "20px",
3
+ "--crm-ui-kit-badge-border-radius": "var(--crm-ui-kit-border-radius-default)",
4
+ "--crm-ui-kit-badge-padding": "0 8px",
5
+ "--crm-ui-kit-badge-font-weight": "700"
6
+ }, e = {
7
+ ...r,
8
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-neutral)",
9
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-neutral)"
10
+ }, a = {
11
+ ...r,
12
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-purple)",
13
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-purple)"
14
+ }, o = {
15
+ ...r,
16
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-blue)",
17
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-blue)"
18
+ }, c = {
19
+ ...r,
20
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-green)",
21
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-green)"
22
+ }, t = {
23
+ ...r,
24
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-orange)",
25
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-orange)"
26
+ }, i = {
27
+ ...r,
28
+ "--crm-ui-kit-badge-color": "var(--crm-ui-kit-palette-badge-color-red)",
29
+ "--crm-ui-kit-badge-background-color": "var(--crm-ui-kit-palette-badge-background-color-red)"
30
+ };
31
+ export {
32
+ i as BadgeDangerTheme,
33
+ o as BadgeInfoTheme,
34
+ e as BadgeNeutralTheme,
35
+ a as BadgePromoTheme,
36
+ c as BadgeSafetyTheme,
37
+ t as BadgeWarningTheme
38
+ };
package/dist/components/Badge/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export { Badge } from './Badge';
2
+ export { type BadgeThemeType, BadgeNeutralTheme, BadgePromoTheme, BadgeInfoTheme, BadgeSafetyTheme, BadgeWarningTheme, BadgeDangerTheme, } from './Badge.themes';
3
+ export { type BadgeProps } from './Badge.props';
4
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/Badge/index.d.ts.map ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,11 @@
1
+ import { Badge as g } from "./Badge.js";
2
+ import { BadgeDangerTheme as r, BadgeInfoTheme as d, BadgeNeutralTheme as o, BadgePromoTheme as B, BadgeSafetyTheme as h, BadgeWarningTheme as T } from "./Badge.themes.js";
3
+ export {
4
+ g as Badge,
5
+ r as BadgeDangerTheme,
6
+ d as BadgeInfoTheme,
7
+ o as BadgeNeutralTheme,
8
+ B as BadgePromoTheme,
9
+ h as BadgeSafetyTheme,
10
+ T as BadgeWarningTheme
11
+ };
package/dist/components/Button/Button.themes.js CHANGED
@@ -18,8 +18,8 @@ const r = {
18
18
  "--crm-ui-kit-button-success-background-color": "var(--crm-ui-ki-color-mustard-yellow)",
19
19
  "--crm-ui-kit-button-success-hover-background-color": "var(--crm-ui-kit-color-amber)",
20
20
  "--crm-ui-kit-button-success-border-color": "var(--crm-ui-kit-color-goldenrod)",
21
- "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-active-element-900)",
22
- "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-active-element-900)",
21
+ "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-spinner-border-color)",
22
+ "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-spinner-border-color)",
23
23
  "--crm-ui-kit-button-spinner-border-width": "2px",
24
24
  "--crm-ui-kit-button-spinner-circle-size": "16px",
25
25
  "--crm-ui-kit-button-spinner-border-style": "solid",
@@ -28,7 +28,7 @@ const r = {
28
28
  "--crm-ui-kit-button-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
29
29
  "--crm-ui-kit-button-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
30
30
  "--crm-ui-kit-button-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
31
- }, e = {
31
+ }, c = {
32
32
  ...r,
33
33
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
34
34
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-palette-border-primary)",
@@ -39,7 +39,7 @@ const r = {
39
39
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
40
40
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-button-classic-hover-background)",
41
41
  "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-palette-border-primary)"
42
- }, c = {
42
+ }, e = {
43
43
  ...r,
44
44
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
45
45
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
@@ -51,7 +51,7 @@ const r = {
51
51
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-color-azure-blue)",
52
52
  "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
53
53
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)"
54
- }, i = {
54
+ }, o = {
55
55
  ...r,
56
56
  "--crm-ui-kit-button-height": "30px",
57
57
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
@@ -66,8 +66,8 @@ const r = {
66
66
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
67
67
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-text-secondary-light)",
68
68
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
69
- }, l = {
70
- ...c,
69
+ }, b = {
70
+ ...e,
71
71
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
72
72
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-error)",
73
73
  "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-color-froly)",
@@ -75,7 +75,7 @@ const r = {
75
75
  "--crm-ui-kit-button-hover-border-color": "transparent",
76
76
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-white)"
77
77
  }, u = {
78
- ...i,
78
+ ...o,
79
79
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-error)",
80
80
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-indian-red)",
81
81
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-error)",
@@ -84,23 +84,23 @@ const r = {
84
84
  "--crm-ui-kit-button-height": "36px",
85
85
  "--crm-ui-kit-button-padding": "0 7px",
86
86
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
87
- }, o = {
87
+ }, i = {
88
88
  "--crm-ui-kit-button-height": "24px",
89
89
  "--crm-ui-kit-button-padding": "0 3px",
90
90
  "--crm-ui-kit-button-spinner-circle-size": "12px",
91
91
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
92
- }, b = {
93
- ...e,
92
+ }, l = {
93
+ ...c,
94
94
  ...t
95
95
  }, n = {
96
- ...i,
96
+ ...o,
97
97
  ...t,
98
98
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
99
99
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
100
100
  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
101
101
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)",
102
- "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-active-element-900)",
103
- "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-active-element-900)"
102
+ "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-spinner-border-color)",
103
+ "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-spinner-border-color)"
104
104
  }, a = {
105
105
  ...u,
106
106
  ...t,
@@ -108,22 +108,22 @@ const r = {
108
108
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
109
109
  }, m = {
110
110
  ...n,
111
- ...o,
111
+ ...i,
112
112
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
113
113
  }, k = {
114
114
  ...a,
115
- ...o,
115
+ ...i,
116
116
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
117
117
  };
118
118
  export {
119
- l as ButtonDangerPrimaryTheme,
119
+ b as ButtonDangerPrimaryTheme,
120
120
  u as ButtonDangerTertiaryTheme,
121
121
  a as ButtonIconDangerGhostTheme,
122
122
  n as ButtonIconGhostTheme,
123
- b as ButtonIconSecondaryTheme,
123
+ l as ButtonIconSecondaryTheme,
124
124
  k as ButtonIconSmallDangerGhostTheme,
125
125
  m as ButtonIconSmallGhostTheme,
126
- e as ButtonNeutralTheme,
127
- c as ButtonPrimaryTheme,
128
- i as ButtonSecondaryTheme
126
+ c as ButtonNeutralTheme,
127
+ e as ButtonPrimaryTheme,
128
+ o as ButtonSecondaryTheme
129
129
  };
package/dist/components/Spinner/Spinner.themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,mCAAmC,GACnC,kCAAkC,GAClC,mCAAmC,GACnC,mCAAmC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAKjC,CAAC"}
1
+ {"version":3,"file":"Spinner.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,mCAAmC,GACnC,kCAAkC,GAClC,mCAAmC,GACnC,mCAAmC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAMjC,CAAC"}
package/dist/components/Spinner/Spinner.themes.js CHANGED
@@ -1,5 +1,5 @@
1
1
  const r = {
2
- "--crm-ui-kit-spinner-border-color": "var(--crm-ui-kit-color-bright-blue)",
2
+ "--crm-ui-kit-spinner-border-color": "var(--crm-ui-kit-palette-spinner-border-color)",
3
3
  "--crm-ui-kit-spinner-border-width": "2px",
4
4
  "--crm-ui-kit-spinner-circle-size": "16px",
5
5
  "--crm-ui-kit-spinner-border-style": "solid"
package/dist/components/Text/Text.themes.d.ts CHANGED
@@ -8,5 +8,6 @@ export declare const TextPrimaryTheme: TextTheme;
8
8
  export declare const TextSecondaryLightTheme: TextTheme;
9
9
  export declare const TextSecondaryDarkTheme: TextTheme;
10
10
  export declare const TextErrorTheme: TextTheme;
11
+ export declare const TextInheritColorTheme: TextTheme;
11
12
  export {};
12
13
  //# sourceMappingURL=Text.themes.d.ts.map
package/dist/components/Text/Text.themes.d.ts.map CHANGED
@@ -1 +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"}
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;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAInC,CAAC"}
package/dist/components/Text/Text.themes.js CHANGED
@@ -25,10 +25,15 @@ const t = {
25
25
  ...t,
26
26
  "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
27
27
  "--crm-ui-kit-text-font": "PT Sans"
28
+ }, c = {
29
+ ...t,
30
+ "--crm-ui-kit-text-color": "inherit",
31
+ "--crm-ui-kit-text-font": "PT Sans"
28
32
  };
29
33
  export {
30
34
  t as TextBaseSizesTheme,
31
35
  x as TextErrorTheme,
36
+ c as TextInheritColorTheme,
32
37
  e as TextPrimaryTheme,
33
38
  r as TextSecondaryDarkTheme,
34
39
  i as TextSecondaryLightTheme
package/dist/components/Text/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { Text } from './Text';
2
2
  export { type TextProps, type TextSizes } from './Text.props';
3
- export { type TextTheme, TextPrimaryTheme, TextSecondaryDarkTheme, TextSecondaryLightTheme, TextErrorTheme, } from './Text.themes';
3
+ export { type TextTheme, TextPrimaryTheme, TextSecondaryDarkTheme, TextSecondaryLightTheme, TextErrorTheme, TextInheritColorTheme, } from './Text.themes';
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/components/Text/index.d.ts.map CHANGED
@@ -1 +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"}
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,EACd,qBAAqB,GACtB,MAAM,eAAe,CAAC"}
package/dist/components/Text/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { Text as T } from "./Text.js";
2
- import { TextErrorTheme as m, TextPrimaryTheme as o, TextSecondaryDarkTheme as x, TextSecondaryLightTheme as h } from "./Text.themes.js";
2
+ import { TextErrorTheme as o, TextInheritColorTheme as m, TextPrimaryTheme as x, TextSecondaryDarkTheme as h, TextSecondaryLightTheme as a } from "./Text.themes.js";
3
3
  export {
4
4
  T as Text,
5
- m as TextErrorTheme,
6
- o as TextPrimaryTheme,
7
- x as TextSecondaryDarkTheme,
8
- h as TextSecondaryLightTheme
5
+ o as TextErrorTheme,
6
+ m as TextInheritColorTheme,
7
+ x as TextPrimaryTheme,
8
+ h as TextSecondaryDarkTheme,
9
+ a as TextSecondaryLightTheme
9
10
  };
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.6.0",
4
+ "version": "1.8.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
+ "./Badge": "./dist/components/Badge/index.js",
35
36
  "./assets/Switcher.css": "./dist/assets/Switcher.css",
36
37
  "./assets/Select.css": "./dist/assets/Select.css",
37
38
  "./assets/Spinner.css": "./dist/assets/Spinner.css",
@@ -48,6 +49,7 @@
48
49
  "./assets/CheckboxGroup.css": "./dist/assets/CheckboxGroup.css",
49
50
  "./assets/FilterTabs.css": "./dist/assets/FilterTabs.css",
50
51
  "./assets/Button.css": "./dist/assets/Button.css",
52
+ "./assets/Badge.css": "./dist/assets/Badge.css",
51
53
  "./assets/theme.css": "./dist/assets/theme.css",
52
54
  "./assets/icons.css": "./dist/assets/icons.css"
53
55
  },
@@ -112,6 +114,9 @@
112
114
  ],
113
115
  "ContextMenu": [
114
116
  "./dist/components/ContextMenu/index.d.ts"
117
+ ],
118
+ "Badge": [
119
+ "./dist/components/Badge/index.d.ts"
115
120
  ]
116
121
  }
117
122
  },