@alfalab/core-components 45.7.0 → 45.8.0-beta.0

package/button/cssm/mobile/inverted.mobile.module.css

@@ -1,9 +1,9 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-accent-secondary-inverted: #fff;
-    --color-light-neutral-1500: #0e0e0e;
-    --color-light-text-primary: #0e0e0e;
-    --color-light-text-primary-inverted-press: #a0a1a9;
+    --color-light-accent-secondary-inverted: #f2f3f5;
+    --color-light-neutral-1500: #121213;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
     --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

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_12oam","loader":"button__loader_12oam","secondary":"button__secondary_12oam","text":"button__text_12oam","ghost":"button__ghost_12oam","component":"button__component_12oam","loading":"button__loading_12oam","outlined":"button__outlined_12oam","tertiary":"button__tertiary_12oam","transparent":"button__transparent_12oam","link":"button__link_12oam"};
+var defaultColors = {"primary":"button__primary_eo9fs","loader":"button__loader_eo9fs","secondary":"button__secondary_eo9fs","text":"button__text_eo9fs","ghost":"button__ghost_eo9fs","component":"button__component_eo9fs","loading":"button__loading_eo9fs","outlined":"button__outlined_eo9fs","tertiary":"button__tertiary_eo9fs","transparent":"button__transparent_eo9fs","link":"button__link_eo9fs"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_no4fs","size-40":"button__size-40_no4fs","size-48":"button__size-48_no4fs","size-56":"button__size-56_no4fs","size-64":"button__size-64_no4fs","size-72":"button__size-72_no4fs"};
+var styles = {"size-32":"button__size-32_5wm6d","size-40":"button__size-40_5wm6d","size-48":"button__size-48_5wm6d","size-56":"button__size-56_5wm6d","size-64":"button__size-64_5wm6d","size-72":"button__size-72_5wm6d"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_1yn56","loader":"button__loader_1yn56","secondary":"button__secondary_1yn56","text":"button__text_1yn56","ghost":"button__ghost_1yn56","component":"button__component_1yn56","loading":"button__loading_1yn56","outlined":"button__outlined_1yn56","tertiary":"button__tertiary_1yn56","transparent":"button__transparent_1yn56","link":"button__link_1yn56"};
+var invertedColors = {"primary":"button__primary_lq598","loader":"button__loader_lq598","secondary":"button__secondary_lq598","text":"button__text_lq598","ghost":"button__ghost_lq598","component":"button__component_lq598","loading":"button__loading_lq598","outlined":"button__outlined_lq598","tertiary":"button__tertiary_lq598","transparent":"button__transparent_lq598","link":"button__link_lq598"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/button/desktop/default.desktop.css

@@ -1,17 +1,17 @@
-/* hash: 1g24f */
+/* hash: 1kfg7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-accent-secondary: #0e0e0e;
-    --color-light-accent-secondary-hover: #29292c;
-    --color-light-accent-secondary-press: #2f2f32;
+    --color-light-accent-secondary: #212124;
+    --color-light-accent-secondary-hover: #2f2f32;
+    --color-light-accent-secondary-press: #353539;
     --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
     --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
-    --color-light-text-primary-inverted: #fff;
-    --color-light-text-primary-press: #75757d;
+    --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
+    --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -128,47 +128,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_12oam {
+} .button__primary_eo9fs {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_12oam:hover {
+        .button__primary_eo9fs:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_12oam:active {
+    } .button__primary_eo9fs:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_12oam > .button__loader_12oam {
+    } .button__primary_eo9fs > .button__loader_eo9fs {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_12oam {
+    } .button__secondary_eo9fs {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_12oam:hover {
+} .button__secondary_eo9fs:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_12oam:active {
+    } .button__secondary_eo9fs:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_12oam:active {
+    } .button__text_eo9fs:active {
         color: var(--button-text-active-color);
-    } .button__ghost_12oam:active {
+    } .button__ghost_eo9fs:active {
         color: var(--button-ghost-active-color);
-    } .button__component_12oam[disabled].button__primary_12oam {
+    } .button__component_eo9fs[disabled].button__primary_eo9fs {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_12oam[disabled].button__primary_12oam.button__loading_12oam {
+    } .button__component_eo9fs[disabled].button__primary_eo9fs.button__loading_eo9fs {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_12oam[disabled].button__secondary_12oam {
+        } .button__component_eo9fs[disabled].button__secondary_eo9fs {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_12oam[disabled].button__outlined_12oam {
+    } .button__component_eo9fs[disabled].button__outlined_eo9fs {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_12oam[disabled].button__tertiary_12oam {
+    } .button__component_eo9fs[disabled].button__tertiary_eo9fs {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_12oam[disabled].button__transparent_12oam {
+    } .button__component_eo9fs[disabled].button__transparent_eo9fs {
         color: var(--button-transparent-disabled-color);
-    } .button__component_12oam[disabled].button__link_12oam {
+    } .button__component_eo9fs[disabled].button__link_eo9fs {
         color: var(--button-link-disabled-color);
-    } .button__component_12oam[disabled].button__text_12oam {
+    } .button__component_eo9fs[disabled].button__text_eo9fs {
         color: var(--button-text-disabled-color);
-    } .button__component_12oam[disabled].button__ghost_12oam {
+    } .button__component_eo9fs[disabled].button__ghost_eo9fs {
         color: var(--button-ghost-disabled-color);
     }

package/button/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: yy0kq */
+/* hash: k11rk */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -102,16 +102,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_no4fs {
+} .button__size-32_5wm6d {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_no4fs {
+} .button__size-40_5wm6d {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_no4fs {
+} .button__size-48_5wm6d {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_no4fs {
+} .button__size-56_5wm6d {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_no4fs {
+} .button__size-64_5wm6d {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_no4fs {
+} .button__size-72_5wm6d {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/desktop/inverted.desktop.css

@@ -1,13 +1,13 @@
-/* hash: t283i */
+/* hash: e59ab */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-accent-secondary-inverted: #fff;
-    --color-light-accent-secondary-inverted-hover: #e7e8eb;
+    --color-light-accent-secondary-inverted: #f2f3f5;
+    --color-light-accent-secondary-inverted-hover: #dcdde1;
     --color-light-accent-secondary-inverted-press: #d2d3d9;
-    --color-light-neutral-1500: #0e0e0e;
+    --color-light-neutral-1500: #121213;
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
-    --color-light-text-primary: #0e0e0e;
-    --color-light-text-primary-inverted-press: #a0a1a9;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
     --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -136,47 +136,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_1yn56 {
+} .button__primary_lq598 {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1yn56:hover {
+        .button__primary_lq598:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1yn56:active {
+    } .button__primary_lq598:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1yn56 > .button__loader_1yn56 {
+    } .button__primary_lq598 > .button__loader_lq598 {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1yn56 {
+    } .button__secondary_lq598 {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1yn56:hover {
+} .button__secondary_lq598:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1yn56:active {
+    } .button__secondary_lq598:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1yn56:active {
+    } .button__text_lq598:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_1yn56:active {
+    } .button__ghost_lq598:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1yn56[disabled].button__primary_1yn56 {
+    } .button__component_lq598[disabled].button__primary_lq598 {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1yn56[disabled].button__primary_1yn56.button__loading_1yn56 {
+    } .button__component_lq598[disabled].button__primary_lq598.button__loading_lq598 {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1yn56[disabled].button__secondary_1yn56 {
+        } .button__component_lq598[disabled].button__secondary_lq598 {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1yn56[disabled].button__outlined_1yn56 {
+    } .button__component_lq598[disabled].button__outlined_lq598 {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1yn56[disabled].button__tertiary_1yn56 {
+    } .button__component_lq598[disabled].button__tertiary_lq598 {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1yn56[disabled].button__transparent_1yn56 {
+    } .button__component_lq598[disabled].button__transparent_lq598 {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1yn56[disabled].button__link_1yn56 {
+    } .button__component_lq598[disabled].button__link_lq598 {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1yn56[disabled].button__text_1yn56 {
+    } .button__component_lq598[disabled].button__text_lq598 {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_1yn56[disabled].button__ghost_1yn56 {
+    } .button__component_lq598[disabled].button__ghost_lq598 {
         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_z77jh","loader":"button__loader_z77jh","primary":"button__primary_z77jh","secondary":"button__secondary_z77jh","outlined":"button__outlined_z77jh","tertiary":"button__tertiary_z77jh","filled":"button__filled_z77jh","transparent":"button__transparent_z77jh","link":"button__link_z77jh","text":"button__text_z77jh","ghost":"button__ghost_z77jh","component":"button__component_z77jh","loading":"button__loading_z77jh"};
+var defaultColors = {"accent":"button__accent_8pg1w","loader":"button__loader_8pg1w","primary":"button__primary_8pg1w","secondary":"button__secondary_8pg1w","outlined":"button__outlined_8pg1w","tertiary":"button__tertiary_8pg1w","filled":"button__filled_8pg1w","transparent":"button__transparent_8pg1w","link":"button__link_8pg1w","text":"button__text_8pg1w","ghost":"button__ghost_8pg1w","component":"button__component_8pg1w","loading":"button__loading_8pg1w"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_13bfp","hug":"button__hug_13bfp","fill":"button__fill_13bfp","hint":"button__hint_13bfp","allowBackdropBlur":"button__allowBackdropBlur_13bfp","secondary":"button__secondary_13bfp","accent":"button__accent_13bfp","primary":"button__primary_13bfp","focused":"button__focused_13bfp","loading":"button__loading_13bfp","label":"button__label_13bfp","addons":"button__addons_13bfp","stretchText":"button__stretchText_13bfp","loader":"button__loader_13bfp","size-32":"button__size-32_13bfp","iconOnly":"button__iconOnly_13bfp","size-40":"button__size-40_13bfp","size-48":"button__size-48_13bfp","size-56":"button__size-56_13bfp","size-64":"button__size-64_13bfp","size-72":"button__size-72_13bfp","withRightAddons":"button__withRightAddons_13bfp","ghost":"button__ghost_13bfp","text":"button__text_13bfp","withLeftAddons":"button__withLeftAddons_13bfp","link":"button__link_13bfp","transparent":"button__transparent_13bfp","block":"button__block_13bfp","nowrap":"button__nowrap_13bfp","rounded":"button__rounded_13bfp"};
+var commonStyles = {"component":"button__component_h7blb","hug":"button__hug_h7blb","fill":"button__fill_h7blb","hint":"button__hint_h7blb","allowBackdropBlur":"button__allowBackdropBlur_h7blb","secondary":"button__secondary_h7blb","accent":"button__accent_h7blb","primary":"button__primary_h7blb","focused":"button__focused_h7blb","loading":"button__loading_h7blb","label":"button__label_h7blb","addons":"button__addons_h7blb","stretchText":"button__stretchText_h7blb","loader":"button__loader_h7blb","size-32":"button__size-32_h7blb","iconOnly":"button__iconOnly_h7blb","size-40":"button__size-40_h7blb","size-48":"button__size-48_h7blb","size-56":"button__size-56_h7blb","size-64":"button__size-64_h7blb","size-72":"button__size-72_h7blb","withRightAddons":"button__withRightAddons_h7blb","ghost":"button__ghost_h7blb","text":"button__text_h7blb","withLeftAddons":"button__withLeftAddons_h7blb","link":"button__link_h7blb","transparent":"button__transparent_h7blb","block":"button__block_h7blb","nowrap":"button__nowrap_h7blb","rounded":"button__rounded_h7blb"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_1hlq3","loader":"button__loader_1hlq3","primary":"button__primary_1hlq3","secondary":"button__secondary_1hlq3","outlined":"button__outlined_1hlq3","tertiary":"button__tertiary_1hlq3","filled":"button__filled_1hlq3","transparent":"button__transparent_1hlq3","link":"button__link_1hlq3","text":"button__text_1hlq3","ghost":"button__ghost_1hlq3","component":"button__component_1hlq3","loading":"button__loading_1hlq3"};
+var invertedColors = {"accent":"button__accent_c4agy","loader":"button__loader_c4agy","primary":"button__primary_c4agy","secondary":"button__secondary_c4agy","outlined":"button__outlined_c4agy","tertiary":"button__tertiary_c4agy","filled":"button__filled_c4agy","transparent":"button__transparent_c4agy","link":"button__link_c4agy","text":"button__text_c4agy","ghost":"button__ghost_c4agy","component":"button__component_c4agy","loading":"button__loading_c4agy"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/esm/components/base-button/default.css

@@ -1,25 +1,25 @@
-/* hash: dd99l */
+/* hash: sa82s */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-primary: #ef3124;
     --color-light-accent-primary-hover: #e32a17;
     --color-light-accent-primary-press: #d72505;
     --color-light-bg-quaternary: #dcdee2;
-    --color-light-neutral-1500: #0e0e0e;
+    --color-light-neutral-1500: #121213;
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
-    --color-light-text-primary: #0e0e0e;
-    --color-light-text-primary-hover: #5f5f66;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
     --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
     --color-light-transparent-default: rgba(255, 255, 255, 0);
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
     --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
     --color-static-neutral-1500-inverted: #fff;
-    --color-static-text-primary-inverted: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3);
     --color-light-bg-quaternary-shade-7: rgb(205, 206, 210);
     --color-light-bg-quaternary-shade-15: rgb(187, 189, 192);
-    --color-light-text-primary-alpha-30: rgba(14, 14, 14, 0.3);
+    --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -149,139 +149,139 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_z77jh {
+} .button__accent_8pg1w {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_z77jh:hover {
+        .button__accent_8pg1w:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_z77jh:active {
+    } .button__accent_8pg1w:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_z77jh > .button__loader_z77jh {
+    } .button__accent_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-static-color);
-    } .button__primary_z77jh {
+    } .button__primary_8pg1w {
     border: 1px solid transparent;
-} .button__secondary_z77jh {
+} .button__secondary_8pg1w {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_z77jh > .button__loader_z77jh {
+} .button__secondary_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__outlined_z77jh {
+    } .button__outlined_8pg1w {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_z77jh:hover {
+        .button__outlined_8pg1w:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_z77jh:active {
+    } .button__outlined_8pg1w:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_z77jh > .button__loader_z77jh {
+    } .button__outlined_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_z77jh {
+    } .button__tertiary_8pg1w {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_z77jh:hover {
+        .button__tertiary_8pg1w:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_z77jh:active {
+    } .button__tertiary_8pg1w:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_z77jh > .button__loader_z77jh {
+    } .button__tertiary_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__filled_z77jh {
+    } .button__filled_8pg1w {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_z77jh:hover {
+        .button__filled_8pg1w:hover {
             background-color: var(--color-light-bg-quaternary-shade-7);
         }
-    } .button__filled_z77jh:active {
+    } .button__filled_8pg1w:active {
         background-color: var(--color-light-bg-quaternary-shade-15);
-    } .button__transparent_z77jh {
+    } .button__transparent_8pg1w {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_z77jh:hover {
+        .button__transparent_8pg1w:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_z77jh:active {
+    } .button__transparent_8pg1w:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_z77jh > .button__loader_z77jh {
+    } .button__transparent_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__link_z77jh {
+    } .button__link_8pg1w {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_z77jh:hover {
+        .button__link_8pg1w:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_z77jh:active {
+    } .button__link_8pg1w:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_z77jh > .button__loader_z77jh {
+    } .button__link_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__text_z77jh {
+    } .button__text_8pg1w {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_z77jh:hover {
+        .button__text_8pg1w:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_z77jh > .button__loader_z77jh {
+    } .button__text_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } .button__ghost_z77jh {
+    } .button__ghost_8pg1w {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_z77jh:hover {
+        .button__ghost_8pg1w:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_z77jh > .button__loader_z77jh {
+    } .button__ghost_8pg1w > .button__loader_8pg1w {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_z77jh[disabled].button__accent_z77jh {
+    } /* Disabled */ .button__component_8pg1w[disabled].button__accent_8pg1w {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_z77jh[disabled].button__accent_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__accent_8pg1w.button__loading_8pg1w {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_z77jh[disabled].button__secondary_z77jh {
+        } .button__component_8pg1w[disabled].button__secondary_8pg1w {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_z77jh[disabled].button__secondary_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__secondary_8pg1w.button__loading_8pg1w {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_z77jh[disabled].button__outlined_z77jh {
+        } .button__component_8pg1w[disabled].button__outlined_8pg1w {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_z77jh[disabled].button__outlined_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__outlined_8pg1w.button__loading_8pg1w {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_z77jh[disabled].button__tertiary_z77jh {
+        } .button__component_8pg1w[disabled].button__tertiary_8pg1w {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_z77jh[disabled].button__tertiary_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__tertiary_8pg1w.button__loading_8pg1w {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_z77jh[disabled].button__filled_z77jh {
+        } .button__component_8pg1w[disabled].button__filled_8pg1w {
         color: var(--color-light-text-primary-alpha-30);
         background-color: var(--color-light-bg-quaternary-alpha-30)
-    } .button__component_z77jh[disabled].button__filled_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__filled_8pg1w.button__loading_8pg1w {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-bg-quaternary);
-        } .button__component_z77jh[disabled].button__transparent_z77jh {
+        } .button__component_8pg1w[disabled].button__transparent_8pg1w {
         background-color: transparent
-    } .button__component_z77jh[disabled].button__transparent_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__transparent_8pg1w.button__loading_8pg1w {
             color: var(--button-transparent-base-color);
-        } .button__component_z77jh[disabled].button__link_z77jh {
+        } .button__component_8pg1w[disabled].button__link_8pg1w {
         background-color: transparent
-    } .button__component_z77jh[disabled].button__link_z77jh.button__loading_z77jh {
+    } .button__component_8pg1w[disabled].button__link_8pg1w.button__loading_8pg1w {
             color: var(--button-link-base-color);
-        } .button__component_z77jh[disabled].button__text_z77jh.button__loading_z77jh {
+        } .button__component_8pg1w[disabled].button__text_8pg1w.button__loading_8pg1w {
             color: var(--button-text-base-color);
-        } .button__component_z77jh[disabled].button__ghost_z77jh.button__loading_z77jh {
+        } .button__component_8pg1w[disabled].button__ghost_8pg1w.button__loading_8pg1w {
             color: var(--button-ghost-base-color);
         }