@alfalab/core-components 41.10.0 → 41.11.0-beta.1

package/action-button/Component.js

@@ -19,16 +19,16 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var defaultColors = {"primary":"action-button__primary_xv0jj","iconWrapper":"action-button__iconWrapper_xv0jj","loader":"action-button__loader_xv0jj","secondary":"action-button__secondary_xv0jj"};
+var defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_rd3x0","s":"action-button__s_rd3x0","disabled":"action-button__disabled_rd3x0","loading":"action-button__loading_rd3x0","iconWrapper":"action-button__iconWrapper_rd3x0","label":"action-button__label_rd3x0","loader":"action-button__loader_rd3x0","focused":"action-button__focused_rd3x0"};
+var styles = {"component":"action-button__component_a8bi3","s":"action-button__s_a8bi3","disabled":"action-button__disabled_a8bi3","loading":"action-button__loading_a8bi3","iconWrapper":"action-button__iconWrapper_a8bi3","label":"action-button__label_a8bi3","loader":"action-button__loader_a8bi3","focused":"action-button__focused_a8bi3"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_q46jb","iconWrapper":"action-button__iconWrapper_q46jb","loader":"action-button__loader_q46jb","secondary":"action-button__secondary_q46jb"};
+var invertedColors = {"primary":"action-button__primary_1r3qx","iconWrapper":"action-button__iconWrapper_1r3qx","loader":"action-button__loader_1r3qx","secondary":"action-button__secondary_1r3qx"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_85tjd","iconWrapper":"action-button__iconWrapper_85tjd","loader":"action-button__loader_85tjd","secondary":"action-button__secondary_85tjd"};
+var staticColors = {"primary":"action-button__primary_vzgj3","iconWrapper":"action-button__iconWrapper_vzgj3","loader":"action-button__loader_vzgj3","secondary":"action-button__secondary_vzgj3"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 66u03 */
+/* hash: kcqvc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_xv0jj {
+} .action-button__primary_1xexf {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__primary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__primary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_xv0jj {
+    } .action-button__secondary_1xexf {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__secondary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__secondary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/esm/Component.js

@@ -11,16 +11,16 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var defaultColors = {"primary":"action-button__primary_xv0jj","iconWrapper":"action-button__iconWrapper_xv0jj","loader":"action-button__loader_xv0jj","secondary":"action-button__secondary_xv0jj"};
+var defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 
-var styles = {"component":"action-button__component_rd3x0","s":"action-button__s_rd3x0","disabled":"action-button__disabled_rd3x0","loading":"action-button__loading_rd3x0","iconWrapper":"action-button__iconWrapper_rd3x0","label":"action-button__label_rd3x0","loader":"action-button__loader_rd3x0","focused":"action-button__focused_rd3x0"};
+var styles = {"component":"action-button__component_a8bi3","s":"action-button__s_a8bi3","disabled":"action-button__disabled_a8bi3","loading":"action-button__loading_a8bi3","iconWrapper":"action-button__iconWrapper_a8bi3","label":"action-button__label_a8bi3","loader":"action-button__loader_a8bi3","focused":"action-button__focused_a8bi3"};
 require('./index.css');
 
-var invertedColors = {"primary":"action-button__primary_q46jb","iconWrapper":"action-button__iconWrapper_q46jb","loader":"action-button__loader_q46jb","secondary":"action-button__secondary_q46jb"};
+var invertedColors = {"primary":"action-button__primary_1r3qx","iconWrapper":"action-button__iconWrapper_1r3qx","loader":"action-button__loader_1r3qx","secondary":"action-button__secondary_1r3qx"};
 require('./inverted.css');
 
-var staticColors = {"primary":"action-button__primary_85tjd","iconWrapper":"action-button__iconWrapper_85tjd","loader":"action-button__loader_85tjd","secondary":"action-button__secondary_85tjd"};
+var staticColors = {"primary":"action-button__primary_vzgj3","iconWrapper":"action-button__iconWrapper_vzgj3","loader":"action-button__loader_vzgj3","secondary":"action-button__secondary_vzgj3"};
 require('./static.css');
 
 var colorStyles = {

package/action-button/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 66u03 */
+/* hash: kcqvc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_xv0jj {
+} .action-button__primary_1xexf {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__primary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__primary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_xv0jj {
+    } .action-button__secondary_1xexf {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__secondary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__secondary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h47j */
+/* hash: 1q9yo */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_rd3x0 {
+} .action-button__component_a8bi3 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -43,18 +43,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_rd3x0.action-button__s_rd3x0 {
+} .action-button__component_a8bi3.action-button__s_a8bi3 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_rd3x0 {
+    } .action-button__disabled_a8bi3 {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_rd3x0 {
+} .action-button__loading_a8bi3 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_rd3x0 {
+} .action-button__iconWrapper_a8bi3 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -63,21 +63,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_rd3x0.action-button__s_rd3x0 {
+} .action-button__iconWrapper_a8bi3.action-button__s_a8bi3 {
         width: 48px;
         height: 48px;
-    } .action-button__label_rd3x0 {
+    } .action-button__label_a8bi3 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_rd3x0 {
+} .action-button__loader_a8bi3 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_rd3x0 {
+} .action-button__focused_a8bi3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1cm6a */
+/* hash: 1qs36 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_q46jb {
+} .action-button__primary_1r3qx {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__primary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_q46jb .action-button__loader_q46jb {
+    } .action-button__primary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_q46jb {
+    } .action-button__secondary_1r3qx {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__secondary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_q46jb .action-button__loader_q46jb {
+    } .action-button__secondary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/esm/static.css

@@ -1,4 +1,4 @@
-/* hash: 14nps */
+/* hash: 1l13r */
 :root {
 } /* deprecated */ :root {
     --color-static-bg-primary-dark: #121212;
@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_85tjd {
+} .action-button__primary_vzgj3 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__primary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_85tjd .action-button__loader_85tjd {
+    } .action-button__primary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_85tjd {
+    } .action-button__secondary_vzgj3 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__secondary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_85tjd .action-button__loader_85tjd {
+    } .action-button__secondary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-secondary-color);
     }

package/action-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h47j */
+/* hash: 1q9yo */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_rd3x0 {
+} .action-button__component_a8bi3 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -43,18 +43,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_rd3x0.action-button__s_rd3x0 {
+} .action-button__component_a8bi3.action-button__s_a8bi3 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_rd3x0 {
+    } .action-button__disabled_a8bi3 {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_rd3x0 {
+} .action-button__loading_a8bi3 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_rd3x0 {
+} .action-button__iconWrapper_a8bi3 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -63,21 +63,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_rd3x0.action-button__s_rd3x0 {
+} .action-button__iconWrapper_a8bi3.action-button__s_a8bi3 {
         width: 48px;
         height: 48px;
-    } .action-button__label_rd3x0 {
+    } .action-button__label_a8bi3 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_rd3x0 {
+} .action-button__loader_a8bi3 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_rd3x0 {
+} .action-button__focused_a8bi3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1cm6a */
+/* hash: 1qs36 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_q46jb {
+} .action-button__primary_1r3qx {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__primary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_q46jb .action-button__loader_q46jb {
+    } .action-button__primary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_q46jb {
+    } .action-button__secondary_1r3qx {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__secondary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_q46jb .action-button__loader_q46jb {
+    } .action-button__secondary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/modern/Component.js

@@ -10,16 +10,16 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const defaultColors = {"primary":"action-button__primary_xv0jj","iconWrapper":"action-button__iconWrapper_xv0jj","loader":"action-button__loader_xv0jj","secondary":"action-button__secondary_xv0jj"};
+const defaultColors = {"primary":"action-button__primary_1xexf","iconWrapper":"action-button__iconWrapper_1xexf","loader":"action-button__loader_1xexf","secondary":"action-button__secondary_1xexf"};
 require('./default.css');
 
-const styles = {"component":"action-button__component_rd3x0","s":"action-button__s_rd3x0","disabled":"action-button__disabled_rd3x0","loading":"action-button__loading_rd3x0","iconWrapper":"action-button__iconWrapper_rd3x0","label":"action-button__label_rd3x0","loader":"action-button__loader_rd3x0","focused":"action-button__focused_rd3x0"};
+const styles = {"component":"action-button__component_a8bi3","s":"action-button__s_a8bi3","disabled":"action-button__disabled_a8bi3","loading":"action-button__loading_a8bi3","iconWrapper":"action-button__iconWrapper_a8bi3","label":"action-button__label_a8bi3","loader":"action-button__loader_a8bi3","focused":"action-button__focused_a8bi3"};
 require('./index.css');
 
-const invertedColors = {"primary":"action-button__primary_q46jb","iconWrapper":"action-button__iconWrapper_q46jb","loader":"action-button__loader_q46jb","secondary":"action-button__secondary_q46jb"};
+const invertedColors = {"primary":"action-button__primary_1r3qx","iconWrapper":"action-button__iconWrapper_1r3qx","loader":"action-button__loader_1r3qx","secondary":"action-button__secondary_1r3qx"};
 require('./inverted.css');
 
-const staticColors = {"primary":"action-button__primary_85tjd","iconWrapper":"action-button__iconWrapper_85tjd","loader":"action-button__loader_85tjd","secondary":"action-button__secondary_85tjd"};
+const staticColors = {"primary":"action-button__primary_vzgj3","iconWrapper":"action-button__iconWrapper_vzgj3","loader":"action-button__loader_vzgj3","secondary":"action-button__secondary_vzgj3"};
 require('./static.css');
 
 const colorStyles = {

package/action-button/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 66u03 */
+/* hash: kcqvc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -41,26 +41,26 @@
     /* spinner */
     --action-button-spinner-primary-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-default-color: var(--color-light-graphic-primary);
-} .action-button__primary_xv0jj {
+} .action-button__primary_1xexf {
     color: var(--action-button-primary-base-color)
-} .action-button__primary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__primary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-primary-base-icon-color);
         background-color: var(--action-button-primary-base-bg-color);
-    } .action-button__primary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-hover-color);
-    } .action-button__primary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__primary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-primary-active-color);
-    } .action-button__primary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__primary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-primary-color);
-    } .action-button__secondary_xv0jj {
+    } .action-button__secondary_1xexf {
     color: var(--action-button-secondary-base-color)
-} .action-button__secondary_xv0jj .action-button__iconWrapper_xv0jj {
+} .action-button__secondary_1xexf .action-button__iconWrapper_1xexf {
         color: var(--action-button-secondary-base-icon-color);
         background-color: var(--action-button-secondary-base-bg-color);
-    } .action-button__secondary_xv0jj:hover .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:hover .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-hover-color);
-    } .action-button__secondary_xv0jj:active .action-button__iconWrapper_xv0jj {
+    } .action-button__secondary_1xexf:active .action-button__iconWrapper_1xexf {
         background-color: var(--action-button-secondary-active-color);
-    } .action-button__secondary_xv0jj .action-button__loader_xv0jj {
+    } .action-button__secondary_1xexf .action-button__loader_1xexf {
         color: var(--action-button-spinner-default-color);
     }

package/action-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h47j */
+/* hash: 1q9yo */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .action-button__component_rd3x0 {
+} .action-button__component_a8bi3 {
     position: relative;
     display: inline-flex;
     flex-flow: column nowrap;
@@ -43,18 +43,18 @@
     -webkit-appearance: none;
             appearance: none;
     -webkit-tap-highlight-color: transparent
-} .action-button__component_rd3x0.action-button__s_rd3x0 {
+} .action-button__component_a8bi3.action-button__s_a8bi3 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 500;
-    } .action-button__disabled_rd3x0 {
+    } .action-button__disabled_a8bi3 {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
-} .action-button__loading_rd3x0 {
+} .action-button__loading_a8bi3 {
     cursor: auto;
     pointer-events: none;
-} .action-button__iconWrapper_rd3x0 {
+} .action-button__iconWrapper_a8bi3 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -63,21 +63,21 @@
     border-radius: var(--border-radius-circle);
     transition: background-color 0.2s ease;
     line-height: 0
-} .action-button__iconWrapper_rd3x0.action-button__s_rd3x0 {
+} .action-button__iconWrapper_a8bi3.action-button__s_a8bi3 {
         width: 48px;
         height: 48px;
-    } .action-button__label_rd3x0 {
+    } .action-button__label_a8bi3 {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-} .action-button__loader_rd3x0 {
+} .action-button__loader_a8bi3 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
-} .action-button__focused_rd3x0 {
+} .action-button__focused_a8bi3 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/action-button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1cm6a */
+/* hash: 1qs36 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,26 +43,26 @@
     /* spinner */
     --action-button-spinner-inverted-default-color: var(--color-light-graphic-primary-inverted);
     --action-button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .action-button__primary_q46jb {
+} .action-button__primary_1r3qx {
     color: var(--action-button-inverted-primary-base-color)
-} .action-button__primary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__primary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-primary-base-icon-color);
         background-color: var(--action-button-inverted-primary-base-bg-color);
-    } .action-button__primary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-hover-color);
-    } .action-button__primary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__primary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-primary-active-color);
-    } .action-button__primary_q46jb .action-button__loader_q46jb {
+    } .action-button__primary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-primary-color);
-    } .action-button__secondary_q46jb {
+    } .action-button__secondary_1r3qx {
     color: var(--action-button-inverted-secondary-base-color)
-} .action-button__secondary_q46jb .action-button__iconWrapper_q46jb {
+} .action-button__secondary_1r3qx .action-button__iconWrapper_1r3qx {
         color: var(--action-button-inverted-secondary-base-icon-color);
         background-color: var(--action-button-inverted-secondary-base-bg-color);
-    } .action-button__secondary_q46jb:hover .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:hover .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-hover-color);
-    } .action-button__secondary_q46jb:active .action-button__iconWrapper_q46jb {
+    } .action-button__secondary_1r3qx:active .action-button__iconWrapper_1r3qx {
         background-color: var(--action-button-inverted-secondary-active-color);
-    } .action-button__secondary_q46jb .action-button__loader_q46jb {
+    } .action-button__secondary_1r3qx .action-button__loader_1r3qx {
         color: var(--action-button-spinner-inverted-default-color);
     }

package/action-button/modern/static.css

@@ -1,4 +1,4 @@
-/* hash: 14nps */
+/* hash: 1l13r */
 :root {
 } /* deprecated */ :root {
     --color-static-bg-primary-dark: #121212;
@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_85tjd {
+} .action-button__primary_vzgj3 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__primary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_85tjd .action-button__loader_85tjd {
+    } .action-button__primary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_85tjd {
+    } .action-button__secondary_vzgj3 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__secondary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_85tjd .action-button__loader_85tjd {
+    } .action-button__secondary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-secondary-color);
     }

package/action-button/static.css

@@ -1,4 +1,4 @@
-/* hash: 14nps */
+/* hash: 1l13r */
 :root {
 } /* deprecated */ :root {
     --color-static-bg-primary-dark: #121212;
@@ -33,18 +33,18 @@
     /* spinner */
     --action-button-spinner-static-primary-color: var(--color-static-graphic-light);
     --action-button-spinner-static-secondary-color: var(--color-static-graphic-dark);
-} .action-button__primary_85tjd {
+} .action-button__primary_vzgj3 {
     color: var(--action-button-static-primary-base-color)
-} .action-button__primary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__primary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-primary-base-icon-color);
         background-color: var(--action-button-static-primary-base-bg-color);
-    } .action-button__primary_85tjd .action-button__loader_85tjd {
+    } .action-button__primary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-primary-color);
-    } .action-button__secondary_85tjd {
+    } .action-button__secondary_vzgj3 {
     color: var(--action-button-static-secondary-base-color)
-} .action-button__secondary_85tjd .action-button__iconWrapper_85tjd {
+} .action-button__secondary_vzgj3 .action-button__iconWrapper_vzgj3 {
         color: var(--action-button-static-secondary-base-icon-color);
         background-color: var(--action-button-static-secondary-base-bg-color);
-    } .action-button__secondary_85tjd .action-button__loader_85tjd {
+    } .action-button__secondary_vzgj3 .action-button__loader_vzgj3 {
         color: var(--action-button-spinner-static-secondary-color);
     }