@kommo-crm/crm-react-ui-kit 1.4.0 → 1.6.0

package/README.md

@@ -50,6 +50,12 @@ yarn test:e2e
 yarn test:e2e:update-snapshots
 ```
 
+**Generate screenshots with grep filter:**
+
+```sh
+yarn test:e2e:update-snapshots -g button
+```
+
 ## Contribute to this repo
 
 Pull requests are welcome. See the [contribution guidelines](./.github/CONTRIBUTING.md) for more information.

package/dist/assets/Button.css

@@ -1 +1 @@
-@keyframes _buttonShakeAnimation_5it8y_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_5it8y_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_5it8y_17+._button_5it8y_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_5it8y_17:not(._disabled_5it8y_43):active{transform:translateY(1px)}._button_5it8y_17:not(._disabled_5it8y_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_5it8y_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_5it8y_65{display:flex;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_5it8y_73{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_5it8y_78{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._spinner_container_5it8y_83{position:relative;margin:auto;height:14px;width:12px}._invalid_5it8y_90{animation:.3s _buttonShakeAnimation_5it8y_1;animation-fill-mode:both}._success_5it8y_95{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_5it8y_95:not(._disabled_5it8y_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}
+@keyframes _buttonShakeAnimation_eu5ch_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_eu5ch_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_eu5ch_17+._button_eu5ch_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):active{transform:translateY(1px)}._button_eu5ch_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_eu5ch_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_eu5ch_73{display:flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_eu5ch_82{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_eu5ch_87{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_eu5ch_92{visibility:hidden}._invalid_eu5ch_96{animation:.3s _buttonShakeAnimation_eu5ch_1;animation-fill-mode:both}._loading_eu5ch_43{cursor:default}._loading_eu5ch_43 ._content_eu5ch_73,._success_eu5ch_106 ._content_eu5ch_73{display:inline-grid}._loading_eu5ch_43 ._content_eu5ch_73>*,._success_eu5ch_106 ._content_eu5ch_73>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_eu5ch_106{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_eu5ch_106:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}

package/dist/assets/theme.css

@@ -1 +1 @@
-:root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-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-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-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-text-primary: var(--crm-ui-kit-color-anti-flash-white);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-shadow-blue );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-weldon-blue);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-box-shadow-default: var(--crm-ui-kit-color-nato-blue);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-slate-blue);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-dark-slate-gray);--crm-ui-kit-palette-placeholder-primary: var(--crm-ui-kit-color-dusk-gray);--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-steel-blue);--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-surface-text-color: var( --crm-ui-kit-color-anti-flash-white );--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-cello );--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-deep-navy-blue );--crm-ui-kit-palette-content-block-box-shadow: none;--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-japanese-indigo );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06)}
+:root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-froly: #f57d7d;--crm-ui-kit-color-deep-blush: #e67d7d;--crm-ui-kit-color-indian-red: #c55f62;--crm-ui-kit-color-light-gray: #eaeaea;--crm-ui-kit-color-dark-slate: #394e5f;--crm-ui-kit-color-dreams-violet: #a294da;--crm-ui-kit-color-tolopea: #0e0142;--crm-ui-kit-color-dark-slate-blue: #264154;--crm-ui-kit-color-grey: #b3b6bd;--crm-ui-kit-color-light-grey: #dfdfdf;--crm-ui-kit-color-ghost-white: #f5f7fc;--crm-ui-kit-color-lavender: #e5eeff;--crm-ui-kit-color-metallic-blue: #264b79;--crm-ui-kit-color-anti-flash-white: #f2f2f2;--crm-ui-kit-color-pure-white: #fcfcfc;--crm-ui-kit-color-cloud-white: #f8f8f9;--crm-ui-kit-color-deep-teal: #142f41;--crm-ui-kit-color-deep-blue: #142d3f;--crm-ui-kit-color-misty-rose: #fde1e1;--crm-ui-kit-color-panache: #edf7f1;--crm-ui-kit-color-zumthor: #e5eeff;--crm-ui-kit-color-orange-white: #fef7ec;--crm-ui-kit-color-japanese-indigo: #2b3d43;--crm-ui-kit-color-firefly: #102535;--crm-ui-kit-color-mercury: #e4e4e4;--crm-ui-kit-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)}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4BlD,eAAO,MAAM,MAAM,oGAoFjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4BlD,eAAO,MAAM,MAAM,oGA+EjB,CAAC"}

package/dist/components/Button/Button.js

@@ -1,94 +1,87 @@
-import { jsxs as R, jsx as e } from "react/jsx-runtime";
-import T, { forwardRef as A, useMemo as I } from "react";
-import { c as i } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as g } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { noop as j } from "../../utils/noop/noop.js";
-import { Spinner as z } from "../Spinner/Spinner.js";
-import { useShowInvalidAnimation as B } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
-import { useShowSuccessfulState as D } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
-import '../../assets/Button.css';const M = "_button_5it8y_17", F = "_disabled_5it8y_43", L = "_content_5it8y_65", W = "_before_5it8y_73", q = "_after_5it8y_78", E = "_spinner_container_5it8y_83", G = "_invalid_5it8y_90", H = "_success_5it8y_95", n = {
-  button: M,
-  disabled: F,
-  content: L,
-  before: W,
-  after: q,
-  spinner_container: E,
-  invalid: G,
-  success: H
-}, J = (t) => {
-  const r = {
-    "--crm-ui-kit-spinner-border-color": t["--crm-ui-kit-button-spinner-border-color"],
-    "--crm-ui-kit-spinner-border-width": t["--crm-ui-kit-button-spinner-border-width"],
-    "--crm-ui-kit-spinner-circle-size": t["--crm-ui-kit-button-spinner-circle-size"],
-    "--crm-ui-kit-spinner-border-style": t["--crm-ui-kit-button-spinner-border-style"]
-  }, o = {
-    ...r,
-    "--crm-ui-kit-spinner-border-color": t["--crm-ui-kit-button-spinner-disabled-border-color"]
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import R, { forwardRef as T, useMemo as A } from "react";
+import { c as t } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as j } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { noop as z } from "../../utils/noop/noop.js";
+import { Spinner as B } from "../Spinner/Spinner.js";
+import { useShowInvalidAnimation as D } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
+import { useShowSuccessfulState as M } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
+import '../../assets/Button.css';const F = "_button_eu5ch_17", L = "_disabled_eu5ch_43", V = "_loading_eu5ch_43", W = "_content_eu5ch_73", q = "_before_eu5ch_82", E = "_after_eu5ch_87", G = "_invisible_eu5ch_92", H = "_invalid_eu5ch_96", J = "_success_eu5ch_106", e = {
+  button: F,
+  disabled: L,
+  loading: V,
+  content: W,
+  before: q,
+  after: E,
+  invisible: G,
+  invalid: H,
+  success: J
+}, K = (s) => {
+  const o = {
+    "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-border-color"],
+    "--crm-ui-kit-spinner-border-width": s["--crm-ui-kit-button-spinner-border-width"],
+    "--crm-ui-kit-spinner-circle-size": s["--crm-ui-kit-button-spinner-circle-size"],
+    "--crm-ui-kit-spinner-border-style": s["--crm-ui-kit-button-spinner-border-style"]
+  }, c = {
+    ...o,
+    "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-disabled-border-color"]
   };
-  return { defaultTheme: r, disabledTheme: o };
-}, K = A((t, r) => {
+  return { defaultTheme: o, disabledTheme: c };
+}, O = T((s, o) => {
   const {
-    className: o = "",
-    type: b = "button",
-    onClick: f = j,
-    theme: c,
-    isLoading: l,
-    isDisabled: a,
+    className: c = "",
+    type: p = "button",
+    onClick: f = z,
+    theme: a,
+    isLoading: i,
+    isDisabled: l,
     before: d,
     after: u,
     children: _,
-    showInvalidAnimationRef: h,
-    showSuccessfulStateRef: k,
-    successfulStateText: y,
-    isClickableWhileDisabled: S = !1,
-    ...w
-  } = t, N = g(c), m = I(() => J(c), [c]), v = B(
-    h
-  ), p = D(
+    showInvalidAnimationRef: k,
+    showSuccessfulStateRef: S,
+    successfulStateText: v,
+    isClickableWhileDisabled: w = !1,
+    ...N
+  } = s, C = j(a), m = A(() => K(a), [a]), g = D(
     k
-  ), C = (x) => {
-    l || f(x);
-  };
-  let s = null;
-  switch (!0) {
-    case p:
-      s = /* @__PURE__ */ e("span", { children: y || s });
-      break;
-    case l:
-      s = /* @__PURE__ */ e("span", { className: i(n.spinner_container), children: /* @__PURE__ */ e(
-        z,
-        {
-          theme: a ? m.disabledTheme : m.defaultTheme,
-          isCentered: !0
-        }
-      ) });
-      break;
-    default:
-      s = /* @__PURE__ */ R(T.Fragment, { children: [
-        d && /* @__PURE__ */ e("span", { className: i(n.before), children: d }),
-        /* @__PURE__ */ e("span", { children: _ }),
-        u && /* @__PURE__ */ e("span", { className: i(n.after), children: u })
-      ] });
-      break;
-  }
-  return /* @__PURE__ */ e(
+  ), r = M(
+    S
+  ), x = (I) => {
+    i || f(I);
+  }, b = /* @__PURE__ */ h(R.Fragment, { children: [
+    d && /* @__PURE__ */ n("span", { className: t(e.before), children: d }),
+    /* @__PURE__ */ n("span", { children: _ }),
+    u && /* @__PURE__ */ n("span", { className: t(e.after), children: u })
+  ] }), y = !i && !r;
+  return /* @__PURE__ */ n(
     "button",
     {
-      ...w,
-      ref: r,
-      type: b,
-      onClick: C,
-      className: i(n.button, N, o, {
-        [n.invalid]: v,
-        [n.success]: p,
-        [n.disabled]: a
+      ...N,
+      ref: o,
+      type: p,
+      onClick: x,
+      className: t(e.button, C, c, {
+        [e.invalid]: g,
+        [e.loading]: i,
+        [e.success]: r,
+        [e.disabled]: l
       }),
-      disabled: a && !S,
-      children: /* @__PURE__ */ e("span", { className: i(n.content), children: s })
+      disabled: (l || i) && !w,
+      children: /* @__PURE__ */ h("span", { className: t(e.content), children: [
+        r && /* @__PURE__ */ n("span", { children: v }),
+        i && !r && /* @__PURE__ */ n(
+          B,
+          {
+            theme: l ? m.disabledTheme : m.defaultTheme
+          }
+        ),
+        y ? b : /* @__PURE__ */ n("span", { className: t(e.invisible), children: b })
+      ] })
     }
   );
 });
-K.displayName = "Button";
+O.displayName = "Button";
 export {
-  K as Button
+  O as Button
 };

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

@@ -1,9 +1,19 @@
 type ButtonThemeKey = '--crm-ui-kit-button-z-index' | '--crm-ui-kit-button-height' | '--crm-ui-kit-button-color' | '--crm-ui-kit-button-font-size' | '--crm-ui-kit-button-line-height' | '--crm-ui-kit-button-font-weight' | '--crm-ui-kit-button-padding' | '--crm-ui-kit-button-elements-spacing' | '--crm-ui-kit-button-sibling-element-spacing' | '--crm-ui-kit-button-border-width' | '--crm-ui-kit-button-border-color' | '--crm-ui-kit-button-border-style' | '--crm-ui-kit-button-border-radius' | '--crm-ui-kit-button-background-color' | '--crm-ui-kit-button-disabled-opacity' | '--crm-ui-kit-button-disabled-color' | '--crm-ui-kit-button-disabled-background-color' | '--crm-ui-kit-button-disabled-border-color' | '--crm-ui-kit-button-spinner-disabled-border-color' | '--crm-ui-kit-button-hover-color' | '--crm-ui-kit-button-hover-background-color' | '--crm-ui-kit-button-hover-border-width' | '--crm-ui-kit-button-hover-border-color' | '--crm-ui-kit-button-hover-border-style' | '--crm-ui-kit-button-hover-border-radius' | '--crm-ui-kit-button-success-color' | '--crm-ui-kit-button-success-background-color' | '--crm-ui-kit-button-success-hover-background-color' | '--crm-ui-kit-button-success-border-color' | '--crm-ui-kit-button-spinner-border-color' | '--crm-ui-kit-button-spinner-circle-size' | '--crm-ui-kit-button-spinner-border-width' | '--crm-ui-kit-button-spinner-border-style';
+type ButtonThemeOptionalKey = '--crm-ui-kit-button-focus-visible-outline-color' | '--crm-ui-kit-button-focus-visible-outline-width' | '--crm-ui-kit-button-focus-visible-outline-style' | '--crm-ui-kit-button-focus-visible-outline-offset' | '--crm-ui-kit-button-focus-visible-border-radius';
 export type ButtonThemeType = {
     [K in ButtonThemeKey]: string;
+} & {
+    [K in ButtonThemeOptionalKey]?: string;
 };
 export declare const ButtonNeutralTheme: ButtonThemeType;
 export declare const ButtonPrimaryTheme: ButtonThemeType;
 export declare const ButtonSecondaryTheme: ButtonThemeType;
+export declare const ButtonDangerPrimaryTheme: ButtonThemeType;
+export declare const ButtonDangerTertiaryTheme: ButtonThemeType;
+export declare const ButtonIconSecondaryTheme: ButtonThemeType;
+export declare const ButtonIconGhostTheme: ButtonThemeType;
+export declare const ButtonIconDangerGhostTheme: ButtonThemeType;
+export declare const ButtonIconSmallGhostTheme: ButtonThemeType;
+export declare const ButtonIconSmallDangerGhostTheme: ButtonThemeType;
 export {};
 //# sourceMappingURL=Button.themes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,CAAC;AAwCF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eA0BhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAiBlC,CAAC"}
+{"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,KAAK,sBAAsB,GACvB,iDAAiD,GACjD,iDAAiD,GACjD,iDAAiD,GACjD,kDAAkD,GAClD,iDAAiD,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,GAAG;KACD,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,MAAM;CACvC,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eAwBhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAMvC,CAAC;AAiBF,eAAO,MAAM,wBAAwB,EAAE,eAGtC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAclC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAKvC,CAAC;AACF,eAAO,MAAM,+BAA+B,EAAE,eAK7C,CAAC"}

package/dist/components/Button/Button.themes.js

@@ -18,12 +18,17 @@ const r = {
   "--crm-ui-kit-button-success-background-color": "var(--crm-ui-ki-color-mustard-yellow)",
   "--crm-ui-kit-button-success-hover-background-color": "var(--crm-ui-kit-color-amber)",
   "--crm-ui-kit-button-success-border-color": "var(--crm-ui-kit-color-goldenrod)",
-  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-bright-blue)",
-  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-color-bright-blue)",
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-active-element-900)",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-active-element-900)",
   "--crm-ui-kit-button-spinner-border-width": "2px",
   "--crm-ui-kit-button-spinner-circle-size": "16px",
-  "--crm-ui-kit-button-spinner-border-style": "solid"
-}, t = {
+  "--crm-ui-kit-button-spinner-border-style": "solid",
+  "--crm-ui-kit-button-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-button-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--crm-ui-kit-button-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
+  "--crm-ui-kit-button-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
+  "--crm-ui-kit-button-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
+}, e = {
   ...r,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-palette-border-primary)",
@@ -34,7 +39,7 @@ const r = {
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-button-classic-hover-background)",
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, i = {
+}, c = {
   ...r,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
@@ -45,9 +50,8 @@ const r = {
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-color-azure-blue)",
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
-  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)",
-  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-color-bright-blue)"
-}, o = {
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)"
+}, i = {
   ...r,
   "--crm-ui-kit-button-height": "30px",
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
@@ -59,10 +63,67 @@ const r = {
   "--crm-ui-kit-button-disabled-border-color": "transparent",
   "--crm-ui-kit-button-hover-background-color": "inherit",
   "--crm-ui-kit-button-hover-border-color": "transparent",
-  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-light)"
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
+}, l = {
+  ...c,
+  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-color-froly)",
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-color-deep-blush)",
+  "--crm-ui-kit-button-hover-border-color": "transparent",
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-white)"
+}, u = {
+  ...i,
+  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-indian-red)",
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-color-error)"
+}, t = {
+  "--crm-ui-kit-button-height": "36px",
+  "--crm-ui-kit-button-padding": "0 7px",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
+}, o = {
+  "--crm-ui-kit-button-height": "24px",
+  "--crm-ui-kit-button-padding": "0 3px",
+  "--crm-ui-kit-button-spinner-circle-size": "12px",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
+}, b = {
+  ...e,
+  ...t
+}, n = {
+  ...i,
+  ...t,
+  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)",
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-active-element-900)",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-active-element-900)"
+}, a = {
+  ...u,
+  ...t,
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
+}, m = {
+  ...n,
+  ...o,
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
+}, k = {
+  ...a,
+  ...o,
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
 };
 export {
-  t as ButtonNeutralTheme,
-  i as ButtonPrimaryTheme,
-  o as ButtonSecondaryTheme
+  l as ButtonDangerPrimaryTheme,
+  u as ButtonDangerTertiaryTheme,
+  a as ButtonIconDangerGhostTheme,
+  n as ButtonIconGhostTheme,
+  b as ButtonIconSecondaryTheme,
+  k as ButtonIconSmallDangerGhostTheme,
+  m as ButtonIconSmallGhostTheme,
+  e as ButtonNeutralTheme,
+  c as ButtonPrimaryTheme,
+  i as ButtonSecondaryTheme
 };

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

@@ -1,4 +1,4 @@
 export { Button } from './Button';
-export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, type ButtonThemeType, } from './Button.themes';
+export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, ButtonDangerPrimaryTheme, ButtonDangerTertiaryTheme, ButtonIconSecondaryTheme, ButtonIconGhostTheme, ButtonIconDangerGhostTheme, ButtonIconSmallGhostTheme, ButtonIconSmallDangerGhostTheme, type ButtonThemeType, } from './Button.themes';
 export { type ButtonProps } from './Button.props';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

@@ -1,8 +1,15 @@
 import { Button as o } from "./Button.js";
-import { ButtonNeutralTheme as m, ButtonPrimaryTheme as n, ButtonSecondaryTheme as u } from "./Button.themes.js";
+import { ButtonDangerPrimaryTheme as r, ButtonDangerTertiaryTheme as m, ButtonIconDangerGhostTheme as h, ButtonIconGhostTheme as a, ButtonIconSecondaryTheme as u, ButtonIconSmallDangerGhostTheme as B, ButtonIconSmallGhostTheme as T, ButtonNeutralTheme as c, ButtonPrimaryTheme as l, ButtonSecondaryTheme as y } from "./Button.themes.js";
 export {
   o as Button,
-  m as ButtonNeutralTheme,
-  n as ButtonPrimaryTheme,
-  u as ButtonSecondaryTheme
+  r as ButtonDangerPrimaryTheme,
+  m as ButtonDangerTertiaryTheme,
+  h as ButtonIconDangerGhostTheme,
+  a as ButtonIconGhostTheme,
+  u as ButtonIconSecondaryTheme,
+  B as ButtonIconSmallDangerGhostTheme,
+  T as ButtonIconSmallGhostTheme,
+  c as ButtonNeutralTheme,
+  l as ButtonPrimaryTheme,
+  y as ButtonSecondaryTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -133,7 +133,7 @@
     "docker:clear-playwright-cache": "./scripts/generate_env.docker.sh && docker compose --env-file=./.env.docker rm -f && docker volume rm crm-react-ui-kit_playwright_cache",
     "test": "jest --maxWorkers 2",
     "test:e2e": "./scripts/generate_env.docker.sh && docker compose --env-file=./.env.docker up --abort-on-container-exit",
-    "test:e2e:update-snapshots": "./scripts/generate_env.docker.sh -u && docker compose --env-file=./.env.docker up --abort-on-container-exit",
+    "test:e2e:update-snapshots": "sh -c './scripts/generate_env.docker.sh -u \"$@\" && docker compose --env-file=./.env.docker up --abort-on-container-exit' --",
     "test:e2e:ci": "playwright test --config playwright-ct.config.ts",
     "eslint": "eslint --quiet",
     "tslint": "tsc --noEmit -p tsconfig.build.json",
@@ -158,6 +158,7 @@
     "@testing-library/user-event": "14.5.2",
     "@types/css": "0.0.38",
     "@types/glob": "8.1.0",
+    "@types/hash-sum": "1.0.2",
     "@types/jest": "29.5.12",
     "@types/nanoid": "3.0.0",
     "@types/react": "18",
@@ -177,6 +178,7 @@
     "eslint-plugin-react": "7.37.1",
     "eslint-plugin-react-hooks": "4.6.2",
     "globals": "15.9.0",
+    "hash-sum": "2.0.0",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "jest-css-modules-transform": "4.4.2",
@@ -221,4 +223,4 @@
     "react-dom": "^18.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}