@kommo-crm/crm-react-ui-kit 1.9.0 → 1.10.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 (27) hide show
  1. package/dist/assets/Callout.css +1 -1
  2. package/dist/assets/theme.css +1 -1
  3. package/dist/components/Callout/Callout.d.ts.map +1 -1
  4. package/dist/components/Callout/Callout.js +36 -22
  5. package/dist/components/Callout/Callout.props.d.ts +5 -1
  6. package/dist/components/Callout/Callout.props.d.ts.map +1 -1
  7. package/dist/components/Callout/{themes/CalloutBase.theme.d.ts → Callout.themes.d.ts} +5 -2
  8. package/dist/components/Callout/Callout.themes.d.ts.map +1 -0
  9. package/dist/components/Callout/Callout.themes.js +28 -0
  10. package/dist/components/Callout/index.d.ts +1 -5
  11. package/dist/components/Callout/index.d.ts.map +1 -1
  12. package/dist/components/Callout/index.js +7 -10
  13. package/package.json +2 -2
  14. package/dist/components/Callout/themes/CalloutBase.theme.d.ts.map +0 -1
  15. package/dist/components/Callout/themes/CalloutBase.theme.js +0 -8
  16. package/dist/components/Callout/themes/CalloutError.theme.d.ts +0 -3
  17. package/dist/components/Callout/themes/CalloutError.theme.d.ts.map +0 -1
  18. package/dist/components/Callout/themes/CalloutError.theme.js +0 -10
  19. package/dist/components/Callout/themes/CalloutInfo.theme.d.ts +0 -3
  20. package/dist/components/Callout/themes/CalloutInfo.theme.d.ts.map +0 -1
  21. package/dist/components/Callout/themes/CalloutInfo.theme.js +0 -10
  22. package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts +0 -3
  23. package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts.map +0 -1
  24. package/dist/components/Callout/themes/CalloutSuccess.theme.js +0 -10
  25. package/dist/components/Callout/themes/CalloutWarning.theme.d.ts +0 -3
  26. package/dist/components/Callout/themes/CalloutWarning.theme.d.ts.map +0 -1
  27. package/dist/components/Callout/themes/CalloutWarning.theme.js +0 -10
package/dist/assets/Callout.css CHANGED
@@ -1 +1 @@
1
- ._wrapper_9bqqz_1{display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_9bqqz_8{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}
1
+ ._wrapper_myx5j_1{display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_myx5j_8{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}._closeButton_myx5j_14{flex-shrink:0;margin-left:8px}
package/dist/assets/theme.css 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-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)}
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)}
package/dist/components/Callout/Callout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGA2BlB,CAAC"}
1
+ {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGAsClB,CAAC"}
package/dist/components/Callout/Callout.js CHANGED
@@ -1,33 +1,47 @@
1
- import { jsxs as f, jsx as h } from "react/jsx-runtime";
2
- import { forwardRef as u, useMemo as N } from "react";
3
- import { c as e } from "../../index-L8X2o7IH.mjs";
1
+ import { jsxs as w, jsx as t } from "react/jsx-runtime";
2
+ import * as r from "react";
3
+ import { forwardRef as d, useMemo as x } from "react";
4
+ import { c } from "../../index-L8X2o7IH.mjs";
4
5
  import { useThemeClassName as _ } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
- import { omit as d } from "../../utils/omit/omit.js";
6
- import '../../assets/Callout.css';const w = "_wrapper_9bqqz_1", q = "_icon_9bqqz_8", s = {
7
- wrapper: w,
8
- icon: q
9
- }, x = u((r, t) => {
6
+ import { omit as B } from "../../utils/omit/omit.js";
7
+ import { Button as C } from "../Button/Button.js";
8
+ import { ButtonIconSmallGhostTheme as N } from "../Button/Button.themes.js";
9
+ import '../../assets/Callout.css';const v = (o) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...o }, /* @__PURE__ */ r.createElement("path", { fill: "#6b6d72", d: "M11.935 2.935a.8.8 0 1 1 1.13 1.13L9.131 8l3.934 3.935a.8.8 0 1 1-1.13 1.13L8 9.132l-3.935 3.935a.8.8 0 1 1-1.13-1.131L6.869 8 2.935 4.066a.8.8 0 1 1 1.13-1.131L8 6.869z" })), g = "_wrapper_myx5j_1", j = "_icon_myx5j_8", y = "_closeButton_myx5j_14", s = {
10
+ wrapper: g,
11
+ icon: j,
12
+ closeButton: y
13
+ }, I = d((o, l) => {
10
14
  const {
11
- className: a = "",
12
- isIconAvailable: c = !0,
13
- theme: o,
14
- children: m,
15
- ...n
16
- } = r, { Icon: i } = o, l = N(() => d(o, ["Icon"]), [o]), p = _(l);
17
- return /* @__PURE__ */ f(
15
+ className: n = "",
16
+ isIconAvailable: a = !0,
17
+ theme: e,
18
+ children: i,
19
+ onClose: m,
20
+ ...p
21
+ } = o, { Icon: h } = e, f = x(() => B(e, ["Icon"]), [e]), u = _(f);
22
+ return /* @__PURE__ */ w(
18
23
  "div",
19
24
  {
20
- ref: t,
21
- className: e(s.wrapper, p, a),
22
- ...n,
25
+ ref: l,
26
+ className: c(s.wrapper, u, n),
27
+ ...p,
23
28
  children: [
24
- c && /* @__PURE__ */ h(i, { className: e(s.icon) }),
25
- m
29
+ a && /* @__PURE__ */ t(h, { className: c(s.icon) }),
30
+ i,
31
+ m && /* @__PURE__ */ t(
32
+ C,
33
+ {
34
+ theme: N,
35
+ className: s.closeButton,
36
+ onClick: m,
37
+ children: /* @__PURE__ */ t(v, {})
38
+ }
39
+ )
26
40
  ]
27
41
  }
28
42
  );
29
43
  });
30
- x.displayName = "Callout";
44
+ I.displayName = "Callout";
31
45
  export {
32
- x as Callout
46
+ I as Callout
33
47
  };
package/dist/components/Callout/Callout.props.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { CalloutThemeType } from './themes/CalloutBase.theme';
1
+ import { CalloutThemeType } from './Callout.themes';
2
2
  type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
3
3
  export interface CalloutProps extends DivProps {
4
4
  /**
@@ -13,6 +13,10 @@ export interface CalloutProps extends DivProps {
13
13
  * Flag determining whether an icon should be present.
14
14
  */
15
15
  isIconAvailable?: boolean;
16
+ /**
17
+ * Close handler. When provided, a close button is rendered.
18
+ */
19
+ onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
16
20
  }
17
21
  export {};
18
22
  //# sourceMappingURL=Callout.props.d.ts.map
package/dist/components/Callout/Callout.props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
1
+ {"version":3,"file":"Callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE"}
package/dist/components/Callout/{themes/CalloutBase.theme.d.ts → Callout.themes.d.ts} RENAMED
@@ -5,6 +5,9 @@ export type CalloutThemeType = {
5
5
  } & {
6
6
  [K in CalloutKey]: string;
7
7
  };
8
- export declare const CalloutBaseValues: Omit<CalloutThemeType, 'Icon' | '--crm-ui-kit-callout-background-color'>;
8
+ export declare const CalloutInfoTheme: CalloutThemeType;
9
+ export declare const CalloutSuccessTheme: CalloutThemeType;
10
+ export declare const CalloutWarningTheme: CalloutThemeType;
11
+ export declare const CalloutErrorTheme: CalloutThemeType;
9
12
  export {};
10
- //# sourceMappingURL=CalloutBase.theme.d.ts.map
13
+ //# sourceMappingURL=Callout.themes.d.ts.map
package/dist/components/Callout/Callout.themes.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Callout.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,KAAK,UAAU,GACX,uCAAuC,GACvC,8BAA8B,GAC9B,oCAAoC,GACpC,iCAAiC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACzC,GAAG;KACD,CAAC,IAAI,UAAU,GAAG,MAAM;CAC1B,CAAC;AAYF,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAC"}
package/dist/components/Callout/Callout.themes.js ADDED
@@ -0,0 +1,28 @@
1
+ import * as e from "react";
2
+ const c = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.972 15.194H9.023V8.701h1.949zM10.003 4.806q.412 0 .69.283.279.285.279.696a.93.93 0 0 1-.284.69.96.96 0 0 1-.696.278.93.93 0 0 1-.69-.284.96.96 0 0 1-.279-.696q0-.41.285-.689a.96.96 0 0 1 .695-.278" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m0 1.299A8.701 8.701 0 1 0 10 18.7a8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), r = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "m14.865 7.515-6.234 6.233-.514.515-3.632-3.632 1.03-1.028 2.601 2.602 5.72-5.72z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m0 1.299A8.701 8.701 0 1 0 10 18.7a8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), a = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.09 14.175c.35 0 .623.097.817.272q.293.293.293.76 0 .468-.293.76-.292.292-.817.292c-.331 0-.585-.097-.799-.292Q9 15.675 9 15.207q0-.467.292-.76c.195-.194.468-.272.8-.272M11.025 11.019l-.351 2.22h-1.13l-.35-2.22v-4.5h1.83z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8.103 2.145c.844-1.46 2.953-1.461 3.797 0l7.803 13.517c.844 1.462-.21 3.288-1.898 3.288H2.197a2.185 2.185 0 0 1-1.899-3.288zm2.67.65a.892.892 0 0 0-1.544 0L1.424 16.313a.892.892 0 0 0 .773 1.338h15.608a.892.892 0 0 0 .772-1.338z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), o = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...l }, /* @__PURE__ */ e.createElement("g", { fill: "currentColor", clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99 12.785c.35 0 .622.098.817.274q.292.292.293.76-.001.465-.293.76-.293.291-.818.291c-.33 0-.584-.097-.799-.292q-.29-.292-.292-.76 0-.467.292-.76c.195-.194.468-.273.8-.273M10.924 9.63l-.35 2.22h-1.13l-.351-2.22v-4.5h1.83z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.999 0c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m0 1.299a8.701 8.701 0 1 0 0 17.402 8.701 8.701 0 0 0 0-17.402", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), t = {
3
+ "--crm-ui-kit-callout-padding": "12px",
4
+ "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-border-radius-default)",
5
+ "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary);"
6
+ }, n = {
7
+ ...t,
8
+ Icon: c,
9
+ "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
10
+ }, i = {
11
+ ...t,
12
+ Icon: r,
13
+ "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
14
+ }, u = {
15
+ ...t,
16
+ Icon: a,
17
+ "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
18
+ }, m = {
19
+ ...t,
20
+ Icon: o,
21
+ "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
22
+ };
23
+ export {
24
+ m as CalloutErrorTheme,
25
+ n as CalloutInfoTheme,
26
+ i as CalloutSuccessTheme,
27
+ u as CalloutWarningTheme
28
+ };
package/dist/components/Callout/index.d.ts CHANGED
@@ -1,8 +1,4 @@
1
1
  export { Callout } from './Callout';
2
- export { CalloutWarningTheme } from './themes/CalloutWarning.theme';
3
- export { CalloutErrorTheme } from './themes/CalloutError.theme';
4
- export { CalloutSuccessTheme } from './themes/CalloutSuccess.theme';
5
- export { CalloutInfoTheme } from './themes/CalloutInfo.theme';
6
- export { type CalloutThemeType } from './themes/CalloutBase.theme';
2
+ export { CalloutInfoTheme, CalloutSuccessTheme, CalloutWarningTheme, CalloutErrorTheme, type CalloutThemeType, } from './Callout.themes';
7
3
  export { type CalloutProps } from './Callout.props';
8
4
  //# sourceMappingURL=index.d.ts.map
package/dist/components/Callout/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
package/dist/components/Callout/index.js CHANGED
@@ -1,12 +1,9 @@
1
- import { Callout as r } from "./Callout.js";
2
- import { CalloutWarningTheme as t } from "./themes/CalloutWarning.theme.js";
3
- import { CalloutErrorTheme as a } from "./themes/CalloutError.theme.js";
4
- import { CalloutSuccessTheme as u } from "./themes/CalloutSuccess.theme.js";
5
- import { CalloutInfoTheme as x } from "./themes/CalloutInfo.theme.js";
1
+ import { Callout as l } from "./Callout.js";
2
+ import { CalloutErrorTheme as t, CalloutInfoTheme as a, CalloutSuccessTheme as m, CalloutWarningTheme as u } from "./Callout.themes.js";
6
3
  export {
7
- r as Callout,
8
- a as CalloutErrorTheme,
9
- x as CalloutInfoTheme,
10
- u as CalloutSuccessTheme,
11
- t as CalloutWarningTheme
4
+ l as Callout,
5
+ t as CalloutErrorTheme,
6
+ a as CalloutInfoTheme,
7
+ m as CalloutSuccessTheme,
8
+ u as CalloutWarningTheme
12
9
  };
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.9.0",
4
+ "version": "1.10.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "engines": {
@@ -228,4 +228,4 @@
228
228
  "react-dom": "^18.0"
229
229
  },
230
230
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
231
- }
231
+ }
package/dist/components/Callout/themes/CalloutBase.theme.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalloutBase.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutBase.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,KAAK,UAAU,GACX,uCAAuC,GACvC,8BAA8B,GAC9B,oCAAoC,GACpC,iCAAiC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACzC,GAAG;KACD,CAAC,IAAI,UAAU,GAAG,MAAM;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAClC,gBAAgB,EAChB,MAAM,GAAG,uCAAuC,CAMjD,CAAC"}
package/dist/components/Callout/themes/CalloutBase.theme.js DELETED
@@ -1,8 +0,0 @@
1
- const r = {
2
- "--crm-ui-kit-callout-padding": "12px",
3
- "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-border-radius-default)",
4
- "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary);"
5
- };
6
- export {
7
- r as CalloutBaseValues
8
- };
package/dist/components/Callout/themes/CalloutError.theme.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { CalloutThemeType } from './CalloutBase.theme';
2
- export declare const CalloutErrorTheme: CalloutThemeType;
3
- //# sourceMappingURL=CalloutError.theme.d.ts.map
package/dist/components/Callout/themes/CalloutError.theme.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalloutError.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutError.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAC"}
package/dist/components/Callout/themes/CalloutError.theme.js DELETED
@@ -1,10 +0,0 @@
1
- import * as e from "react";
2
- import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
3
- const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.96 4.75h2.077v4.859l-.403 2.407H9.362L8.96 9.609V4.75Zm-.218 9.363c0-.345.114-.615.341-.812.228-.207.528-.31.9-.31.393 0 .703.103.93.31.227.197.341.467.341.812 0 .344-.114.62-.34.827-.228.207-.538.31-.931.31-.372 0-.672-.103-.9-.31-.227-.207-.34-.483-.34-.827Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.625a8.375 8.375 0 1 0 0 16.75 8.375 8.375 0 0 0 0-16.75ZM.375 10a9.625 9.625 0 1 1 19.25 0 9.625 9.625 0 0 1-19.25 0Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), o = {
4
- ...l,
5
- Icon: r,
6
- "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
7
- };
8
- export {
9
- o as CalloutErrorTheme
10
- };
package/dist/components/Callout/themes/CalloutInfo.theme.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { CalloutThemeType } from './CalloutBase.theme';
2
- export declare const CalloutInfoTheme: CalloutThemeType;
3
- //# sourceMappingURL=CalloutInfo.theme.d.ts.map
package/dist/components/Callout/themes/CalloutInfo.theme.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalloutInfo.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutInfo.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC"}
package/dist/components/Callout/themes/CalloutInfo.theme.js DELETED
@@ -1,10 +0,0 @@
1
- import * as e from "react";
2
- import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
3
- const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.972 15.195H9.023V8.7h1.949v6.494ZM10.687 6.475a.956.956 0 0 1-.695.278.927.927 0 0 1-.69-.284.956.956 0 0 1-.279-.695c0-.275.095-.505.285-.69a.956.956 0 0 1 .695-.279c.274 0 .505.095.69.284.186.19.279.422.279.696a.927.927 0 0 1-.285.69Z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 1.299A8.701 8.701 0 1 0 10 18.7 8.701 8.701 0 0 0 10 1.3ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10Z", clipRule: "evenodd" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
4
- ...l,
5
- Icon: a,
6
- "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
7
- };
8
- export {
9
- c as CalloutInfoTheme
10
- };
package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { CalloutThemeType } from './CalloutBase.theme';
2
- export declare const CalloutSuccessTheme: CalloutThemeType;
3
- //# sourceMappingURL=CalloutSuccess.theme.d.ts.map
package/dist/components/Callout/themes/CalloutSuccess.theme.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalloutSuccess.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutSuccess.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}
package/dist/components/Callout/themes/CalloutSuccess.theme.js DELETED
@@ -1,10 +0,0 @@
1
- import * as e from "react";
2
- import { CalloutBaseValues as l } from "./CalloutBase.theme.js";
3
- const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.299, d: "M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.455, d: "m5.328 10 3.117 3.117 6.234-6.234" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0h20v20H0z" })))), c = {
4
- ...l,
5
- Icon: r,
6
- "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
7
- };
8
- export {
9
- c as CalloutSuccessTheme
10
- };
package/dist/components/Callout/themes/CalloutWarning.theme.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { CalloutThemeType } from './CalloutBase.theme';
2
- export declare const CalloutWarningTheme: CalloutThemeType;
3
- //# sourceMappingURL=CalloutWarning.theme.d.ts.map
package/dist/components/Callout/themes/CalloutWarning.theme.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalloutWarning.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/themes/CalloutWarning.theme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,gBAKjC,CAAC"}
package/dist/components/Callout/themes/CalloutWarning.theme.js DELETED
@@ -1,10 +0,0 @@
1
- import * as e from "react";
2
- import { CalloutBaseValues as t } from "./CalloutBase.theme.js";
3
- const r = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "none", ...l }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 15.207c0-.312.097-.565.292-.76.195-.194.468-.272.799-.272.35 0 .623.097.818.272.195.195.292.448.292.76s-.097.565-.292.76c-.195.195-.467.292-.818.292-.331 0-.585-.097-.799-.292-.195-.195-.292-.448-.292-.76Zm.195-8.688h1.831v4.5l-.35 2.22h-1.13l-.351-2.22v-4.5Z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: 1.3, d: "M8.666 2.47a1.542 1.542 0 0 1 2.671 0l7.804 13.518a1.542 1.542 0 0 1-1.335 2.313H2.197a1.542 1.542 0 0 1-1.335-2.313L8.666 2.47Z" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "a" }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M0 0h20v20H0z" })))), o = {
4
- ...t,
5
- Icon: r,
6
- "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
7
- };
8
- export {
9
- o as CalloutWarningTheme
10
- };