@alfalab/core-components 45.4.0-beta.1 → 45.4.0-beta.2

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

@@ -1,4 +1,4 @@
-/* hash: vrrt5 */
+/* hash: 1ohvv */
 :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-dark-bg-quaternary: #36363a;
@@ -6,6 +6,7 @@
     --color-light-accent-primary-inverted: #f83a2a;
     --color-light-accent-primary-inverted-hover: #ff503e;
     --color-light-accent-primary-inverted-press: #fd624e;
+    --color-light-border-underline-inverted: #49494f;
     --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
@@ -47,12 +48,8 @@
 
     /* ghost */
 
-    /* text */
-
     /* link */
 
-    /* transparent */
-
     /* loader */
 
     /* primary inverted */
@@ -85,40 +82,24 @@
     --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
 
     /* outlined inverted */
-    --button-inverted-outlined-base-bg-color: var(--color-light-transparent-default);
-    --button-inverted-outlined-hover-bg-color: var(
-        --color-light-transparent-default-inverted-hover
-    );
-    --button-inverted-outlined-active-bg-color: var(
-        --color-light-transparent-default-inverted-press
-    );
-    --button-inverted-outlined-hover-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-outlined-disabled-bg-color: var(--color-light-transparent-default);
-    --button-inverted-outlined-base-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-outlined-color: var(--color-light-text-primary-inverted);
+    --button-inverted-outlined-base-bg-color: transparent;
+    --button-inverted-outlined-hover-bg-color: rgba(255, 255, 255, 0.15);
+    --button-inverted-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
+    --button-inverted-outlined-disabled-bg-color: transparent;
+    --button-inverted-outlined-base-border-color: var(--color-light-border-underline-inverted);
+    --button-inverted-outlined-disabled-border-color: rgba(28, 28, 30, 0.3);
+    --button-inverted-outlined-color: var(--color-dark-text-primary);
+    --button-inverted-outlined-disabled-color: rgba(255, 255, 255, 0.3);
 
     /* ghost inverted */
     --button-inverted-ghost-base-color: var(--color-light-text-primary-inverted);
     --button-inverted-ghost-hover-color: var(--color-light-text-primary-inverted-hover);
 
-    /* text inverted */
-    --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-text-hover-color: var(--color-light-text-primary-inverted-hover);
-
     /* link inverted */
     --button-inverted-link-base-color: var(--color-light-text-primary-inverted);
     --button-inverted-link-hover-bg-color: var(--color-light-transparent-default-inverted-hover);
     --button-inverted-link-active-bg-color: var(--color-light-transparent-default-inverted-press);
 
-    /* transparent inverted */
-    --button-inverted-transparent-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-transparent-hover-bg-color: var(
-        --color-light-transparent-default-inverted-hover
-    );
-    --button-inverted-transparent-active-bg-color: var(
-        --color-light-transparent-default-inverted-press
-    );
-
     /* loader inverted */
     --button-spinner-inverted-static-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-color: var(--color-light-neutral-1500-inverted);
@@ -137,161 +118,137 @@
 
     /* tertiary inverted mobile */
 
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
     /* link mobile */
 
     /* link inverted mobile */
 
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
     /* ghost mobile */
 
     /* ghost mobile inverted */
 
-    /* text mobile */
-
-    /* text mobile inverted */
-
     /* loader mobile */
-} .button__accent_1fff5 {
+} .button__accent_1qwie {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_1fff5:hover {
+        .button__accent_1qwie:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_1fff5:active {
+    } .button__accent_1qwie:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1fff5 > .button__loader_1fff5 {
+    } .button__accent_1qwie > .button__loader_1qwie {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_1fff5 {
+    } .button__primary_1qwie {
     border: 1px solid transparent;
-} .button__secondary_1fff5 {
+} .button__secondary_1qwie {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1fff5 > .button__loader_1fff5 {
+} .button__secondary_1qwie > .button__loader_1qwie {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1fff5 {
+    } .button__outlined_1qwie {
     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_1fff5:hover {
+        .button__outlined_1qwie:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
-            border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_1fff5:active {
+    } .button__outlined_1qwie:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_1fff5 > .button__loader_1fff5 {
-        color: var(--button-spinner-inverted-color);
-    } .button__tertiary_1fff5 {
+    } .button__tertiary_1qwie {
     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_1fff5:hover {
+        .button__tertiary_1qwie:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_1fff5:active {
+    } .button__tertiary_1qwie:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1fff5 > .button__loader_1fff5 {
+    } .button__tertiary_1qwie > .button__loader_1qwie {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1fff5 {
+    } .button__filled_1qwie {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_1fff5:hover {
+        .button__filled_1qwie:hover {
             background-color: rgb(84, 84, 88);
         }
-    } .button__filled_1fff5:active {
+    } .button__filled_1qwie:active {
         background-color: rgb(46, 46, 49);
-    } .button__transparent_1fff5 {
-    color: var(--button-inverted-transparent-base-color);
-    background-color: transparent;
-    border: 1px solid transparent
+    } .button__transparent_1qwie {
+    color: var(--color-light-text-primary-inverted);
+    background-color: rgba(255, 255, 255, 0.1)
 } @media (hover: hover) {
-        .button__transparent_1fff5:hover {
-            background-color: var(--button-inverted-transparent-hover-bg-color);
+        .button__transparent_1qwie:hover {
+            background-color: rgba(255, 255, 255, 0.2);
         }
-    } .button__transparent_1fff5:active {
-        background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_1fff5 > .button__loader_1fff5 {
-        color: var(--button-spinner-inverted-color);
-    } .button__link_1fff5 {
+    } .button__transparent_1qwie:active {
+        /* TODO: какой цвет? */
+        background-color: rgba(255, 255, 255, 0.05);
+    } .button__link_1qwie {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_1fff5:hover {
+        .button__link_1qwie:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_1fff5:active {
+    } .button__link_1qwie:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1fff5 > .button__loader_1fff5 {
+    } .button__link_1qwie > .button__loader_1qwie {
         color: var(--button-spinner-inverted-color);
-    } .button__text_1fff5 {
-    background-color: transparent;
-    color: var(--button-inverted-text-base-color)
-} @media (hover: hover) {
-        .button__text_1fff5:hover {
-            color: var(--button-inverted-text-hover-color);
-        }
-    } .button__text_1fff5 > .button__loader_1fff5 {
-        color: var(--button-spinner-inverted-color);
-    } .button__ghost_1fff5 {
+    } .button__ghost_1qwie {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_1fff5:hover {
+        .button__ghost_1qwie:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_1fff5 > .button__loader_1fff5 {
+    } .button__ghost_1qwie > .button__loader_1qwie {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1fff5[disabled].button__accent_1fff5 {
+    } .button__component_1qwie[disabled].button__accent_1qwie {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_1fff5[disabled].button__accent_1fff5.button__loading_1fff5 {
+    } .button__component_1qwie[disabled].button__accent_1qwie.button__loading_1qwie {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_1fff5[disabled].button__secondary_1fff5 {
+        } .button__component_1qwie[disabled].button__secondary_1qwie {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1fff5[disabled].button__secondary_1fff5.button__loading_1fff5 {
+    } .button__component_1qwie[disabled].button__secondary_1qwie.button__loading_1qwie {
             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_1fff5[disabled].button__outlined_1fff5 {
-        background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_1fff5[disabled].button__outlined_1fff5.button__loading_1fff5 {
+        } .button__component_1qwie[disabled].button__outlined_1qwie {
+        color: var(--button-inverted-outlined-disabled-color);
+        background-color: var(--button-inverted-outlined-disabled-bg-color);
+        border-color: var(--button-inverted-outlined-disabled-border-color)
+    } .button__component_1qwie[disabled].button__outlined_1qwie.button__loading_1qwie {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1fff5[disabled].button__tertiary_1fff5 {
+        } .button__component_1qwie[disabled].button__tertiary_1qwie {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_1fff5[disabled].button__tertiary_1fff5.button__loading_1fff5 {
+    } .button__component_1qwie[disabled].button__tertiary_1qwie.button__loading_1qwie {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1fff5[disabled].button__filled_1fff5 {
+        } .button__component_1qwie[disabled].button__filled_1qwie {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(54, 54, 58, 0.3);
         border-color: transparent
-    } .button__component_1fff5[disabled].button__filled_1fff5.button__loading_1fff5 {
+    } .button__component_1qwie[disabled].button__filled_1qwie.button__loading_1qwie {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_1fff5[disabled].button__transparent_1fff5 {
-        background-color: transparent
-    } .button__component_1fff5[disabled].button__transparent_1fff5.button__loading_1fff5 {
-            color: var(--button-inverted-transparent-base-color);
-        } .button__component_1fff5[disabled].button__link_1fff5 {
+        } .button__component_1qwie[disabled].button__transparent_1qwie {
+        color: rgba(255, 255, 255, 0.3);
+        background-color: rgba(255, 255, 255, 0.03)
+    } .button__component_1qwie[disabled].button__transparent_1qwie.button__loading_1qwie {
+            color: var(--color-light-text-primary-inverted);
+            background-color: rgba(255, 255, 255, 0.1);
+        } .button__component_1qwie[disabled].button__link_1qwie {
         background-color: transparent
-    } .button__component_1fff5[disabled].button__link_1fff5.button__loading_1fff5 {
+    } .button__component_1qwie[disabled].button__link_1qwie.button__loading_1qwie {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1fff5[disabled].button__text_1fff5.button__loading_1fff5 {
-            color: var(--button-inverted-text-base-color);
-        } .button__component_1fff5[disabled].button__ghost_1fff5.button__loading_1fff5 {
+        } .button__component_1qwie[disabled].button__ghost_1qwie.button__loading_1qwie {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/esm/desktop/Component.desktop.js

@@ -7,13 +7,13 @@ import '../../../shared/esm';
 import '../../../spinner/esm';
 import '@alfalab/hooks';
 
-var defaultColors = {"primary":"button__primary_12zpz","loader":"button__loader_12zpz","secondary":"button__secondary_12zpz","text":"button__text_12zpz","ghost":"button__ghost_12zpz","component":"button__component_12zpz","loading":"button__loading_12zpz","outlined":"button__outlined_12zpz","tertiary":"button__tertiary_12zpz","transparent":"button__transparent_12zpz","link":"button__link_12zpz"};
+var defaultColors = {"primary":"button__primary_n4zdd","loader":"button__loader_n4zdd","secondary":"button__secondary_n4zdd","ghost":"button__ghost_n4zdd","component":"button__component_n4zdd","loading":"button__loading_n4zdd","tertiary":"button__tertiary_n4zdd","link":"button__link_n4zdd"};
 require('./default.desktop.css');
 
-var styles = {"size-32":"button__size-32_pufdc","size-40":"button__size-40_pufdc","size-48":"button__size-48_pufdc","size-56":"button__size-56_pufdc","size-64":"button__size-64_pufdc","size-72":"button__size-72_pufdc"};
+var styles = {"size-32":"button__size-32_137fp","size-40":"button__size-40_137fp","size-48":"button__size-48_137fp","size-56":"button__size-56_137fp","size-64":"button__size-64_137fp","size-72":"button__size-72_137fp"};
 require('./desktop.css');
 
-var invertedColors = {"primary":"button__primary_1sc29","loader":"button__loader_1sc29","secondary":"button__secondary_1sc29","text":"button__text_1sc29","ghost":"button__ghost_1sc29","component":"button__component_1sc29","loading":"button__loading_1sc29","outlined":"button__outlined_1sc29","tertiary":"button__tertiary_1sc29","transparent":"button__transparent_1sc29","link":"button__link_1sc29"};
+var invertedColors = {"primary":"button__primary_6ljbd","loader":"button__loader_6ljbd","secondary":"button__secondary_6ljbd","ghost":"button__ghost_6ljbd","component":"button__component_6ljbd","loading":"button__loading_6ljbd","tertiary":"button__tertiary_6ljbd","link":"button__link_6ljbd"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/button/esm/desktop/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1g24f */
+/* hash: 1n1f3 */
 :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;
@@ -53,23 +53,14 @@
     --button-tertiary-disabled-color: var(--color-light-text-tertiary);
 
     /* outlined */
-    --button-outlined-disabled-border-color: var(--color-light-neutral-translucent-500);
-    --button-outlined-disabled-color: var(--color-light-text-tertiary);
 
     /* ghost */
     --button-ghost-active-color: var(--color-light-text-primary-press);
     --button-ghost-disabled-color: var(--color-light-text-tertiary);
 
-    /* text */
-    --button-text-active-color: var(--color-light-text-primary-press);
-    --button-text-disabled-color: var(--color-light-text-tertiary);
-
     /* link */
     --button-link-disabled-color: var(--color-light-text-tertiary);
 
-    /* transparent */
-    --button-transparent-disabled-color: var(--color-light-text-tertiary);
-
     /* loader */
     --button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
 
@@ -85,12 +76,8 @@
 
     /* ghost inverted */
 
-    /* text inverted */
-
     /* link inverted */
 
-    /* transparent inverted */
-
     /* loader inverted */
 
     /* border-radius mobile */
@@ -107,68 +94,47 @@
 
     /* tertiary inverted mobile */
 
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
     /* link mobile */
 
     /* link inverted mobile */
 
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
     /* ghost mobile */
 
     /* ghost mobile inverted */
 
-    /* text mobile */
-
-    /* text mobile inverted */
-
     /* loader mobile */
-} .button__primary_12zpz {
+} .button__primary_n4zdd {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_12zpz:hover {
+        .button__primary_n4zdd:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_12zpz:active {
+    } .button__primary_n4zdd:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_12zpz > .button__loader_12zpz {
+    } .button__primary_n4zdd > .button__loader_n4zdd {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_12zpz {
+    } .button__secondary_n4zdd {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_12zpz:hover {
+} .button__secondary_n4zdd:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_12zpz:active {
+    } .button__secondary_n4zdd:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_12zpz:active {
-        color: var(--button-text-active-color);
-    } .button__ghost_12zpz:active {
+    } .button__ghost_n4zdd:active {
         color: var(--button-ghost-active-color);
-    } .button__component_12zpz[disabled].button__primary_12zpz {
+    } .button__component_n4zdd[disabled].button__primary_n4zdd {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_12zpz[disabled].button__primary_12zpz.button__loading_12zpz {
+    } .button__component_n4zdd[disabled].button__primary_n4zdd.button__loading_n4zdd {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_12zpz[disabled].button__secondary_12zpz {
+        } .button__component_n4zdd[disabled].button__secondary_n4zdd {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_12zpz[disabled].button__outlined_12zpz {
-        color: var(--button-outlined-disabled-color);
-        border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_12zpz[disabled].button__tertiary_12zpz {
+    } .button__component_n4zdd[disabled].button__tertiary_n4zdd {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_12zpz[disabled].button__transparent_12zpz {
-        color: var(--button-transparent-disabled-color);
-    } .button__component_12zpz[disabled].button__link_12zpz {
+    } .button__component_n4zdd[disabled].button__link_n4zdd {
         color: var(--button-link-disabled-color);
-    } .button__component_12zpz[disabled].button__text_12zpz {
-        color: var(--button-text-disabled-color);
-    } .button__component_12zpz[disabled].button__ghost_12zpz {
+    } .button__component_n4zdd[disabled].button__ghost_n4zdd {
         color: var(--button-ghost-disabled-color);
     }

package/button/esm/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: yy0kq */
+/* hash: pgzml */
 :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 */
@@ -39,12 +39,8 @@
 
     /* ghost */
 
-    /* text */
-
     /* link */
 
-    /* transparent */
-
     /* loader */
 
     /* primary inverted */
@@ -59,12 +55,8 @@
 
     /* ghost inverted */
 
-    /* text inverted */
-
     /* link inverted */
 
-    /* transparent inverted */
-
     /* loader inverted */
 
     /* border-radius mobile */
@@ -81,37 +73,25 @@
 
     /* tertiary inverted mobile */
 
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
     /* link mobile */
 
     /* link inverted mobile */
 
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
     /* ghost mobile */
 
     /* ghost mobile inverted */
 
-    /* text mobile */
-
-    /* text mobile inverted */
-
     /* loader mobile */
-} .button__size-32_pufdc {
+} .button__size-32_137fp {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_pufdc {
+} .button__size-40_137fp {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_pufdc {
+} .button__size-48_137fp {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_pufdc {
+} .button__size-56_137fp {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_pufdc {
+} .button__size-64_137fp {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_pufdc {
+} .button__size-72_137fp {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/esm/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: t283i */
+/* hash: fp4is */
 :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;
@@ -39,12 +39,8 @@
 
     /* ghost */
 
-    /* text */
-
     /* link */
 
-    /* transparent */
-
     /* loader */
 
     /* primary inverted */
@@ -79,25 +75,14 @@
     --button-inverted-tertiary-disabled-color: var(--color-light-text-tertiary-inverted);
 
     /* outlined inverted */
-    --button-inverted-outlined-disabled-border-color: var(
-        --color-light-neutral-translucent-500-inverted
-    );
-    --button-inverted-outlined-disabled-color: var(--color-light-text-tertiary-inverted);
 
     /* ghost inverted */
     --button-inverted-ghost-active-color: var(--color-light-text-primary-inverted-press);
     --button-inverted-ghost-disabled-color: var(--color-light-text-tertiary-inverted);
 
-    /* text inverted */
-    --button-inverted-text-active-color: var(--color-light-text-primary-inverted-press);
-    --button-inverted-text-disabled-color: var(--color-light-text-tertiary-inverted);
-
     /* link inverted */
     --button-inverted-link-disabled-color: var(--color-light-text-tertiary-inverted);
 
-    /* transparent inverted */
-    --button-inverted-transparent-disabled-color: var(--color-light-text-tertiary-inverted);
-
     /* loader inverted */
     --button-spinner-inverted-primary-color: var(--color-light-neutral-1500);
 
@@ -115,68 +100,47 @@
 
     /* tertiary inverted mobile */
 
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
     /* link mobile */
 
     /* link inverted mobile */
 
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
     /* ghost mobile */
 
     /* ghost mobile inverted */
 
-    /* text mobile */
-
-    /* text mobile inverted */
-
     /* loader mobile */
-} .button__primary_1sc29 {
+} .button__primary_6ljbd {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1sc29:hover {
+        .button__primary_6ljbd:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1sc29:active {
+    } .button__primary_6ljbd:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1sc29 > .button__loader_1sc29 {
+    } .button__primary_6ljbd > .button__loader_6ljbd {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1sc29 {
+    } .button__secondary_6ljbd {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1sc29:hover {
+} .button__secondary_6ljbd:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1sc29:active {
+    } .button__secondary_6ljbd:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_1sc29:active {
-        color: var(--button-inverted-text-active-color);
-    } .button__ghost_1sc29:active {
+    } .button__ghost_6ljbd:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1sc29[disabled].button__primary_1sc29 {
+    } .button__component_6ljbd[disabled].button__primary_6ljbd {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1sc29[disabled].button__primary_1sc29.button__loading_1sc29 {
+    } .button__component_6ljbd[disabled].button__primary_6ljbd.button__loading_6ljbd {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1sc29[disabled].button__secondary_1sc29 {
+        } .button__component_6ljbd[disabled].button__secondary_6ljbd {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1sc29[disabled].button__outlined_1sc29 {
-        color: var(--button-inverted-outlined-disabled-color);
-        border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_1sc29[disabled].button__tertiary_1sc29 {
+    } .button__component_6ljbd[disabled].button__tertiary_6ljbd {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1sc29[disabled].button__transparent_1sc29 {
-        color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_1sc29[disabled].button__link_1sc29 {
+    } .button__component_6ljbd[disabled].button__link_6ljbd {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1sc29[disabled].button__text_1sc29 {
-        color: var(--button-inverted-text-disabled-color);
-    } .button__component_1sc29[disabled].button__ghost_1sc29 {
+    } .button__component_6ljbd[disabled].button__ghost_6ljbd {
         color: var(--button-inverted-ghost-disabled-color);
     }