@alfalab/core-components 48.33.2 → 48.33.3

package/button/components/base-button/inverted.css

@@ -181,154 +181,154 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_er66i {
+} .button__accent_lr48d {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_er66i:hover {
+        .button__accent_lr48d:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_er66i:active {
+    } .button__accent_lr48d:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_er66i > .button__loader_er66i {
+    } .button__accent_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_er66i {
+    } .button__primary_lr48d {
     border: 1px solid transparent
-} .button__primary_er66i .button__hint_er66i {
+} .button__primary_lr48d .button__hint_lr48d {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_er66i {
+    } .button__secondary_lr48d {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_er66i > .button__loader_er66i {
+} .button__secondary_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_er66i .button__hint_er66i {
+    } .button__secondary_lr48d .button__hint_lr48d {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_er66i {
+    } .button__outlined_lr48d {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_er66i:hover {
+        .button__outlined_lr48d:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_er66i:active {
+    } .button__outlined_lr48d:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_er66i > .button__loader_er66i {
+    } .button__outlined_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_er66i .button__hint_er66i {
+    } .button__outlined_lr48d .button__hint_lr48d {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_er66i {
+    } .button__tertiary_lr48d {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_er66i:hover {
+        .button__tertiary_lr48d:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_er66i:active {
+    } .button__tertiary_lr48d:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_er66i > .button__loader_er66i {
+    } .button__tertiary_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_er66i .button__hint_er66i {
+    } .button__tertiary_lr48d .button__hint_lr48d {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_er66i {
+    } .button__filled_lr48d {
     color: var(--color-light-text-primary-inverted);
     background-color: var(--color-light-neutral-translucent-300-inverted);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_er66i:hover {
+        .button__filled_lr48d:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_er66i:active {
+    } .button__filled_lr48d:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_er66i > .button__loader_er66i {
+    } .button__filled_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_er66i {
+    } .button__transparent_lr48d {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_er66i:hover {
+        .button__transparent_lr48d:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_er66i:active {
+    } .button__transparent_lr48d:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_er66i > .button__loader_er66i {
+    } .button__transparent_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_er66i .button__hint_er66i {
+    } .button__transparent_lr48d .button__hint_lr48d {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_er66i {
+    } .button__link_lr48d {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_er66i:hover {
+        .button__link_lr48d:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_er66i:active {
+    } .button__link_lr48d:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_er66i > .button__loader_er66i {
+    } .button__link_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__text_er66i {
+    } .button__text_lr48d {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_er66i:hover {
+        .button__text_lr48d:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_er66i > .button__loader_er66i {
+    } .button__text_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__text_er66i .button__hint_er66i {
+    } .button__text_lr48d .button__hint_lr48d {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_er66i {
+    } .button__ghost_lr48d {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_er66i:hover {
+        .button__ghost_lr48d:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_er66i > .button__loader_er66i {
+    } .button__ghost_lr48d > .button__loader_lr48d {
         color: var(--button-spinner-inverted-color);
-    } .button__component_er66i[disabled].button__accent_er66i {
+    } .button__component_lr48d[disabled].button__accent_lr48d {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_er66i[disabled].button__accent_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__accent_lr48d.button__loading_lr48d {
             color: var(--button-inverted-accent-color);
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_er66i[disabled].button__secondary_er66i {
+        } .button__component_lr48d[disabled].button__secondary_lr48d {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_er66i[disabled].button__secondary_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__secondary_lr48d.button__loading_lr48d {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_er66i[disabled].button__outlined_er66i {
+        } .button__component_lr48d[disabled].button__outlined_lr48d {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_er66i[disabled].button__outlined_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__outlined_lr48d.button__loading_lr48d {
             color: var(--button-inverted-outlined-color);
-        } .button__component_er66i[disabled].button__tertiary_er66i {
+        } .button__component_lr48d[disabled].button__tertiary_lr48d {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_er66i[disabled].button__tertiary_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__tertiary_lr48d.button__loading_lr48d {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_er66i[disabled].button__filled_er66i {
+        } .button__component_lr48d[disabled].button__filled_lr48d {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_er66i[disabled].button__filled_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__filled_lr48d.button__loading_lr48d {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_er66i[disabled].button__transparent_er66i {
+        } .button__component_lr48d[disabled].button__transparent_lr48d {
         background-color: transparent
-    } .button__component_er66i[disabled].button__transparent_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__transparent_lr48d.button__loading_lr48d {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_er66i[disabled].button__link_er66i {
+        } .button__component_lr48d[disabled].button__link_lr48d {
         background-color: transparent
-    } .button__component_er66i[disabled].button__link_er66i.button__loading_er66i {
+    } .button__component_lr48d[disabled].button__link_lr48d.button__loading_lr48d {
             color: var(--button-inverted-link-base-color);
-        } .button__component_er66i[disabled].button__text_er66i.button__loading_er66i {
+        } .button__component_lr48d[disabled].button__text_lr48d.button__loading_lr48d {
             color: var(--button-inverted-text-base-color);
-        } .button__component_er66i[disabled].button__ghost_er66i.button__loading_er66i {
+        } .button__component_lr48d[disabled].button__ghost_lr48d.button__loading_lr48d {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/desktop/Component.desktop.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"primary":"button__primary_16kws","loader":"button__loader_16kws","secondary":"button__secondary_16kws","text":"button__text_16kws","ghost":"button__ghost_16kws","component":"button__component_16kws","loading":"button__loading_16kws","outlined":"button__outlined_16kws","tertiary":"button__tertiary_16kws","transparent":"button__transparent_16kws","link":"button__link_16kws"};
+var defaultColors = {"primary":"button__primary_1t7qw","loader":"button__loader_1t7qw","secondary":"button__secondary_1t7qw","text":"button__text_1t7qw","ghost":"button__ghost_1t7qw","component":"button__component_1t7qw","loading":"button__loading_1t7qw","outlined":"button__outlined_1t7qw","tertiary":"button__tertiary_1t7qw","transparent":"button__transparent_1t7qw","link":"button__link_1t7qw"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_d5z9t","size-40":"button__size-40_d5z9t","size-48":"button__size-48_d5z9t","size-56":"button__size-56_d5z9t","size-64":"button__size-64_d5z9t","size-72":"button__size-72_d5z9t"};
+var styles = {"size-32":"button__size-32_u6szg","size-40":"button__size-40_u6szg","size-48":"button__size-48_u6szg","size-56":"button__size-56_u6szg","size-64":"button__size-64_u6szg","size-72":"button__size-72_u6szg"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_1kq4y","loader":"button__loader_1kq4y","secondary":"button__secondary_1kq4y","text":"button__text_1kq4y","ghost":"button__ghost_1kq4y","component":"button__component_1kq4y","loading":"button__loading_1kq4y","outlined":"button__outlined_1kq4y","tertiary":"button__tertiary_1kq4y","transparent":"button__transparent_1kq4y","link":"button__link_1kq4y"};
+var invertedColors = {"primary":"button__primary_1iszw","loader":"button__loader_1iszw","secondary":"button__secondary_1iszw","text":"button__text_1iszw","ghost":"button__ghost_1iszw","component":"button__component_1iszw","loading":"button__loading_1iszw","outlined":"button__outlined_1iszw","tertiary":"button__tertiary_1iszw","transparent":"button__transparent_1iszw","link":"button__link_1iszw"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/button/desktop/default.desktop.css

@@ -135,48 +135,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_16kws {
+} .button__primary_1t7qw {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_16kws:hover {
+        .button__primary_1t7qw:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_16kws:active {
+    } .button__primary_1t7qw:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_16kws > .button__loader_16kws {
+    } .button__primary_1t7qw > .button__loader_1t7qw {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_16kws {
+    } .button__secondary_1t7qw {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_16kws:hover {
+} .button__secondary_1t7qw:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_16kws:active {
+    } .button__secondary_1t7qw:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_16kws:active {
+    } .button__text_1t7qw:active {
         color: var(--button-text-active-color);
-    } .button__ghost_16kws:active {
+    } .button__ghost_1t7qw:active {
         color: var(--button-ghost-active-color);
-    } .button__component_16kws[disabled].button__primary_16kws {
+    } .button__component_1t7qw[disabled].button__primary_1t7qw {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_16kws[disabled].button__primary_16kws.button__loading_16kws {
+    } .button__component_1t7qw[disabled].button__primary_1t7qw.button__loading_1t7qw {
             color: var(--button-primary-color);
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_16kws[disabled].button__secondary_16kws {
+        } .button__component_1t7qw[disabled].button__secondary_1t7qw {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_16kws[disabled].button__outlined_16kws {
+    } .button__component_1t7qw[disabled].button__outlined_1t7qw {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_16kws[disabled].button__tertiary_16kws {
+    } .button__component_1t7qw[disabled].button__tertiary_1t7qw {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_16kws[disabled].button__transparent_16kws {
+    } .button__component_1t7qw[disabled].button__transparent_1t7qw {
         color: var(--button-transparent-disabled-color);
-    } .button__component_16kws[disabled].button__link_16kws {
+    } .button__component_1t7qw[disabled].button__link_1t7qw {
         color: var(--button-link-disabled-color);
-    } .button__component_16kws[disabled].button__text_16kws {
+    } .button__component_1t7qw[disabled].button__text_1t7qw {
         color: var(--button-text-disabled-color);
-    } .button__component_16kws[disabled].button__ghost_16kws {
+    } .button__component_1t7qw[disabled].button__ghost_1t7qw {
         color: var(--button-ghost-disabled-color);
     }

package/button/desktop/desktop.css

@@ -112,16 +112,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_d5z9t {
+} .button__size-32_u6szg {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_d5z9t {
+} .button__size-40_u6szg {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_d5z9t {
+} .button__size-48_u6szg {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_d5z9t {
+} .button__size-56_u6szg {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_d5z9t {
+} .button__size-64_u6szg {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_d5z9t {
+} .button__size-72_u6szg {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/desktop/inverted.desktop.css

@@ -143,48 +143,48 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_1kq4y {
+} .button__primary_1iszw {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1kq4y:hover {
+        .button__primary_1iszw:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1kq4y:active {
+    } .button__primary_1iszw:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1kq4y > .button__loader_1kq4y {
+    } .button__primary_1iszw > .button__loader_1iszw {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1kq4y {
+    } .button__secondary_1iszw {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1kq4y:hover {
+} .button__secondary_1iszw:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1kq4y:active {
+    } .button__secondary_1iszw:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1kq4y:active {
+    } .button__text_1iszw:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_1kq4y:active {
+    } .button__ghost_1iszw:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1kq4y[disabled].button__primary_1kq4y {
+    } .button__component_1iszw[disabled].button__primary_1iszw {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1kq4y[disabled].button__primary_1kq4y.button__loading_1kq4y {
+    } .button__component_1iszw[disabled].button__primary_1iszw.button__loading_1iszw {
             color: var(--button-inverted-primary-color);
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1kq4y[disabled].button__secondary_1kq4y {
+        } .button__component_1iszw[disabled].button__secondary_1iszw {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1kq4y[disabled].button__outlined_1kq4y {
+    } .button__component_1iszw[disabled].button__outlined_1iszw {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1kq4y[disabled].button__tertiary_1kq4y {
+    } .button__component_1iszw[disabled].button__tertiary_1iszw {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1kq4y[disabled].button__transparent_1kq4y {
+    } .button__component_1iszw[disabled].button__transparent_1iszw {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1kq4y[disabled].button__link_1kq4y {
+    } .button__component_1iszw[disabled].button__link_1iszw {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1kq4y[disabled].button__text_1kq4y {
+    } .button__component_1iszw[disabled].button__text_1iszw {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_1kq4y[disabled].button__ghost_1kq4y {
+    } .button__component_1iszw[disabled].button__ghost_1iszw {
         color: var(--button-inverted-ghost-disabled-color);
     }

package/button/esm/components/base-button/Component.js

@@ -6,13 +6,13 @@ import { getDataTestId } from '../../../../shared/esm';
 import { Spinner } from '../../../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultColors = {"accent":"button__accent_s99n8","loader":"button__loader_s99n8","primary":"button__primary_s99n8","hint":"button__hint_s99n8","secondary":"button__secondary_s99n8","outlined":"button__outlined_s99n8","tertiary":"button__tertiary_s99n8","filled":"button__filled_s99n8","transparent":"button__transparent_s99n8","link":"button__link_s99n8","text":"button__text_s99n8","ghost":"button__ghost_s99n8","component":"button__component_s99n8","loading":"button__loading_s99n8"};
+var defaultColors = {"accent":"button__accent_z97p4","loader":"button__loader_z97p4","primary":"button__primary_z97p4","hint":"button__hint_z97p4","secondary":"button__secondary_z97p4","outlined":"button__outlined_z97p4","tertiary":"button__tertiary_z97p4","filled":"button__filled_z97p4","transparent":"button__transparent_z97p4","link":"button__link_z97p4","text":"button__text_z97p4","ghost":"button__ghost_z97p4","component":"button__component_z97p4","loading":"button__loading_z97p4"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_1de1r","hug":"button__hug_1de1r","fill":"button__fill_1de1r","hint":"button__hint_1de1r","allowBackdropBlur":"button__allowBackdropBlur_1de1r","secondary":"button__secondary_1de1r","accent":"button__accent_1de1r","primary":"button__primary_1de1r","focused":"button__focused_1de1r","loading":"button__loading_1de1r","label":"button__label_1de1r","addons":"button__addons_1de1r","stretchText":"button__stretchText_1de1r","loader":"button__loader_1de1r","size-32":"button__size-32_1de1r","iconOnly":"button__iconOnly_1de1r","size-40":"button__size-40_1de1r","size-48":"button__size-48_1de1r","size-56":"button__size-56_1de1r","size-64":"button__size-64_1de1r","size-72":"button__size-72_1de1r","withRightAddons":"button__withRightAddons_1de1r","ghost":"button__ghost_1de1r","text":"button__text_1de1r","withLeftAddons":"button__withLeftAddons_1de1r","link":"button__link_1de1r","transparent":"button__transparent_1de1r","block":"button__block_1de1r","nowrap":"button__nowrap_1de1r","rounded":"button__rounded_1de1r"};
+var commonStyles = {"component":"button__component_1cfl7","hug":"button__hug_1cfl7","fill":"button__fill_1cfl7","hint":"button__hint_1cfl7","allowBackdropBlur":"button__allowBackdropBlur_1cfl7","secondary":"button__secondary_1cfl7","accent":"button__accent_1cfl7","primary":"button__primary_1cfl7","focused":"button__focused_1cfl7","loading":"button__loading_1cfl7","label":"button__label_1cfl7","addons":"button__addons_1cfl7","stretchText":"button__stretchText_1cfl7","loader":"button__loader_1cfl7","size-32":"button__size-32_1cfl7","iconOnly":"button__iconOnly_1cfl7","size-40":"button__size-40_1cfl7","size-48":"button__size-48_1cfl7","size-56":"button__size-56_1cfl7","size-64":"button__size-64_1cfl7","size-72":"button__size-72_1cfl7","withRightAddons":"button__withRightAddons_1cfl7","ghost":"button__ghost_1cfl7","text":"button__text_1cfl7","withLeftAddons":"button__withLeftAddons_1cfl7","link":"button__link_1cfl7","transparent":"button__transparent_1cfl7","block":"button__block_1cfl7","nowrap":"button__nowrap_1cfl7","rounded":"button__rounded_1cfl7"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_er66i","loader":"button__loader_er66i","primary":"button__primary_er66i","hint":"button__hint_er66i","secondary":"button__secondary_er66i","outlined":"button__outlined_er66i","tertiary":"button__tertiary_er66i","filled":"button__filled_er66i","transparent":"button__transparent_er66i","link":"button__link_er66i","text":"button__text_er66i","ghost":"button__ghost_er66i","component":"button__component_er66i","loading":"button__loading_er66i"};
+var invertedColors = {"accent":"button__accent_lr48d","loader":"button__loader_lr48d","primary":"button__primary_lr48d","hint":"button__hint_lr48d","secondary":"button__secondary_lr48d","outlined":"button__outlined_lr48d","tertiary":"button__tertiary_lr48d","filled":"button__filled_lr48d","transparent":"button__transparent_lr48d","link":"button__link_lr48d","text":"button__text_lr48d","ghost":"button__ghost_lr48d","component":"button__component_lr48d","loading":"button__loading_lr48d"};
 require('./inverted.css');
 
 var colorStyles = {