@alfalab/core-components 46.0.0-beta.7 → 46.1.0-beta.0

package/action-button/cssm/default.module.css

@@ -6,9 +6,9 @@
     --color-light-neutral-100: #f2f3f5;
     --color-light-neutral-100-hover: #e7e8eb;
     --color-light-neutral-100-press: #dcdde1;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500: #babbc2;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --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 */
@@ -27,21 +27,21 @@
 } :root {
     /* primary */
     --action-button-primary-base-color: var(--color-light-text-primary);
-    --action-button-primary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-primary-base-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --action-button-primary-base-bg-color: var(--color-light-accent-secondary);
     --action-button-primary-hover-color: var(--color-light-accent-secondary-hover);
     --action-button-primary-active-color: var(--color-light-accent-secondary-press);
 
     /* secondary */
     --action-button-secondary-base-color: var(--color-light-text-primary);
-    --action-button-secondary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-secondary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-secondary-base-bg-color: var(--color-light-neutral-100);
     --action-button-secondary-hover-color: var(--color-light-neutral-100-hover);
     --action-button-secondary-active-color: var(--color-light-neutral-100-press);
 
     /* spinner */
-    --action-button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-    --action-button-spinner-default-color: var(--color-light-neutral-1500);
+    --action-button-spinner-primary-color: var(--color-light-neutral-translucent-1300-inverted);
+    --action-button-spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --action-button-disabled-color: var(--color-light-text-tertiary);

package/action-button/cssm/inverted.module.css

@@ -4,9 +4,8 @@
     --color-light-neutral-100-inverted: #1c1c1e;
     --color-light-neutral-100-inverted-hover: #212124;
     --color-light-neutral-100-inverted-press: #29292c;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500-inverted: #4a4a51;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --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 */
@@ -25,7 +24,7 @@
 } :root {
     /* primary */
     --action-button-inverted-primary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
     --action-button-inverted-primary-hover-color: var(
         --color-light-accent-secondary-inverted-hover
@@ -36,14 +35,18 @@
 
     /* secondary */
     --action-button-inverted-secondary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-secondary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-inverted-secondary-base-icon-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
     --action-button-inverted-secondary-base-bg-color: var(--color-light-neutral-100-inverted);
     --action-button-inverted-secondary-hover-color: var(--color-light-neutral-100-inverted-hover);
     --action-button-inverted-secondary-active-color: var(--color-light-neutral-100-inverted-press);
 
     /* spinner */
-    --action-button-spinner-inverted-default-color: var(--color-light-neutral-1500);
-    --action-button-spinner-inverted-primary-color: var(--color-light-neutral-1500-inverted);
+    --action-button-spinner-inverted-default-color: var(--color-light-neutral-translucent-1300);
+    --action-button-spinner-inverted-primary-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
 
     /* disabled */
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/action-button/cssm/static.module.css

@@ -2,9 +2,8 @@
 } /* deprecated */ :root {
     --color-static-accent-secondary: #212124;
     --color-static-neutral-100: #f2f3f5;
-    --color-static-neutral-1500: #121213;
-    --color-static-neutral-1500-inverted: #fff;
     --color-static-neutral-500: #babbc2;
+    --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-static-text-primary: rgba(3, 3, 6, 0.88);
     --color-static-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 */
@@ -23,17 +22,21 @@
 } :root {
     /* primary */
     --action-button-static-primary-base-color: var(--color-static-text-primary);
-    --action-button-static-primary-base-icon-color: var(--color-static-neutral-1500-inverted);
+    --action-button-static-primary-base-icon-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
     --action-button-static-primary-base-bg-color: var(--color-static-accent-secondary);
 
     /* secondary */
     --action-button-static-secondary-base-color: var(--color-static-text-primary);
-    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-1500);
+    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-translucent-1300);
     --action-button-static-secondary-base-bg-color: var(--color-static-neutral-100);
 
     /* spinner */
-    --action-button-spinner-static-primary-color: var(--color-static-neutral-1500-inverted);
-    --action-button-spinner-static-secondary-color: var(--color-static-neutral-1500);
+    --action-button-spinner-static-primary-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
+    --action-button-spinner-static-secondary-color: var(--color-static-neutral-translucent-1300);
 
     /* disabled */
     --action-button-static-disabled-color: var(--color-static-text-tertiary);

package/action-button/default.css

@@ -7,9 +7,9 @@
     --color-light-neutral-100: #f2f3f5;
     --color-light-neutral-100-hover: #e7e8eb;
     --color-light-neutral-100-press: #dcdde1;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500: #babbc2;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --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 */
@@ -28,21 +28,21 @@
 } :root {
     /* primary */
     --action-button-primary-base-color: var(--color-light-text-primary);
-    --action-button-primary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-primary-base-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --action-button-primary-base-bg-color: var(--color-light-accent-secondary);
     --action-button-primary-hover-color: var(--color-light-accent-secondary-hover);
     --action-button-primary-active-color: var(--color-light-accent-secondary-press);
 
     /* secondary */
     --action-button-secondary-base-color: var(--color-light-text-primary);
-    --action-button-secondary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-secondary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-secondary-base-bg-color: var(--color-light-neutral-100);
     --action-button-secondary-hover-color: var(--color-light-neutral-100-hover);
     --action-button-secondary-active-color: var(--color-light-neutral-100-press);
 
     /* spinner */
-    --action-button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-    --action-button-spinner-default-color: var(--color-light-neutral-1500);
+    --action-button-spinner-primary-color: var(--color-light-neutral-translucent-1300-inverted);
+    --action-button-spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --action-button-disabled-color: var(--color-light-text-tertiary);

package/action-button/esm/default.css

@@ -7,9 +7,9 @@
     --color-light-neutral-100: #f2f3f5;
     --color-light-neutral-100-hover: #e7e8eb;
     --color-light-neutral-100-press: #dcdde1;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500: #babbc2;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --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 */
@@ -28,21 +28,21 @@
 } :root {
     /* primary */
     --action-button-primary-base-color: var(--color-light-text-primary);
-    --action-button-primary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-primary-base-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --action-button-primary-base-bg-color: var(--color-light-accent-secondary);
     --action-button-primary-hover-color: var(--color-light-accent-secondary-hover);
     --action-button-primary-active-color: var(--color-light-accent-secondary-press);
 
     /* secondary */
     --action-button-secondary-base-color: var(--color-light-text-primary);
-    --action-button-secondary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-secondary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-secondary-base-bg-color: var(--color-light-neutral-100);
     --action-button-secondary-hover-color: var(--color-light-neutral-100-hover);
     --action-button-secondary-active-color: var(--color-light-neutral-100-press);
 
     /* spinner */
-    --action-button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-    --action-button-spinner-default-color: var(--color-light-neutral-1500);
+    --action-button-spinner-primary-color: var(--color-light-neutral-translucent-1300-inverted);
+    --action-button-spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --action-button-disabled-color: var(--color-light-text-tertiary);

package/action-button/esm/inverted.css

@@ -5,9 +5,8 @@
     --color-light-neutral-100-inverted: #1c1c1e;
     --color-light-neutral-100-inverted-hover: #212124;
     --color-light-neutral-100-inverted-press: #29292c;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500-inverted: #4a4a51;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --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 */
@@ -26,7 +25,7 @@
 } :root {
     /* primary */
     --action-button-inverted-primary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
     --action-button-inverted-primary-hover-color: var(
         --color-light-accent-secondary-inverted-hover
@@ -37,14 +36,18 @@
 
     /* secondary */
     --action-button-inverted-secondary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-secondary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-inverted-secondary-base-icon-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
     --action-button-inverted-secondary-base-bg-color: var(--color-light-neutral-100-inverted);
     --action-button-inverted-secondary-hover-color: var(--color-light-neutral-100-inverted-hover);
     --action-button-inverted-secondary-active-color: var(--color-light-neutral-100-inverted-press);
 
     /* spinner */
-    --action-button-spinner-inverted-default-color: var(--color-light-neutral-1500);
-    --action-button-spinner-inverted-primary-color: var(--color-light-neutral-1500-inverted);
+    --action-button-spinner-inverted-default-color: var(--color-light-neutral-translucent-1300);
+    --action-button-spinner-inverted-primary-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
 
     /* disabled */
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/action-button/esm/static.css

@@ -3,9 +3,8 @@
 } /* deprecated */ :root {
     --color-static-accent-secondary: #212124;
     --color-static-neutral-100: #f2f3f5;
-    --color-static-neutral-1500: #121213;
-    --color-static-neutral-1500-inverted: #fff;
     --color-static-neutral-500: #babbc2;
+    --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-static-text-primary: rgba(3, 3, 6, 0.88);
     --color-static-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 */
@@ -24,17 +23,21 @@
 } :root {
     /* primary */
     --action-button-static-primary-base-color: var(--color-static-text-primary);
-    --action-button-static-primary-base-icon-color: var(--color-static-neutral-1500-inverted);
+    --action-button-static-primary-base-icon-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
     --action-button-static-primary-base-bg-color: var(--color-static-accent-secondary);
 
     /* secondary */
     --action-button-static-secondary-base-color: var(--color-static-text-primary);
-    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-1500);
+    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-translucent-1300);
     --action-button-static-secondary-base-bg-color: var(--color-static-neutral-100);
 
     /* spinner */
-    --action-button-spinner-static-primary-color: var(--color-static-neutral-1500-inverted);
-    --action-button-spinner-static-secondary-color: var(--color-static-neutral-1500);
+    --action-button-spinner-static-primary-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
+    --action-button-spinner-static-secondary-color: var(--color-static-neutral-translucent-1300);
 
     /* disabled */
     --action-button-static-disabled-color: var(--color-static-text-tertiary);

package/action-button/inverted.css

@@ -5,9 +5,8 @@
     --color-light-neutral-100-inverted: #1c1c1e;
     --color-light-neutral-100-inverted-hover: #212124;
     --color-light-neutral-100-inverted-press: #29292c;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500-inverted: #4a4a51;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --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 */
@@ -26,7 +25,7 @@
 } :root {
     /* primary */
     --action-button-inverted-primary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
     --action-button-inverted-primary-hover-color: var(
         --color-light-accent-secondary-inverted-hover
@@ -37,14 +36,18 @@
 
     /* secondary */
     --action-button-inverted-secondary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-secondary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-inverted-secondary-base-icon-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
     --action-button-inverted-secondary-base-bg-color: var(--color-light-neutral-100-inverted);
     --action-button-inverted-secondary-hover-color: var(--color-light-neutral-100-inverted-hover);
     --action-button-inverted-secondary-active-color: var(--color-light-neutral-100-inverted-press);
 
     /* spinner */
-    --action-button-spinner-inverted-default-color: var(--color-light-neutral-1500);
-    --action-button-spinner-inverted-primary-color: var(--color-light-neutral-1500-inverted);
+    --action-button-spinner-inverted-default-color: var(--color-light-neutral-translucent-1300);
+    --action-button-spinner-inverted-primary-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
 
     /* disabled */
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/action-button/modern/default.css

@@ -7,9 +7,9 @@
     --color-light-neutral-100: #f2f3f5;
     --color-light-neutral-100-hover: #e7e8eb;
     --color-light-neutral-100-press: #dcdde1;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500: #babbc2;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --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 */
@@ -28,21 +28,21 @@
 } :root {
     /* primary */
     --action-button-primary-base-color: var(--color-light-text-primary);
-    --action-button-primary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-primary-base-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --action-button-primary-base-bg-color: var(--color-light-accent-secondary);
     --action-button-primary-hover-color: var(--color-light-accent-secondary-hover);
     --action-button-primary-active-color: var(--color-light-accent-secondary-press);
 
     /* secondary */
     --action-button-secondary-base-color: var(--color-light-text-primary);
-    --action-button-secondary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-secondary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-secondary-base-bg-color: var(--color-light-neutral-100);
     --action-button-secondary-hover-color: var(--color-light-neutral-100-hover);
     --action-button-secondary-active-color: var(--color-light-neutral-100-press);
 
     /* spinner */
-    --action-button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-    --action-button-spinner-default-color: var(--color-light-neutral-1500);
+    --action-button-spinner-primary-color: var(--color-light-neutral-translucent-1300-inverted);
+    --action-button-spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --action-button-disabled-color: var(--color-light-text-tertiary);

package/action-button/modern/inverted.css

@@ -5,9 +5,8 @@
     --color-light-neutral-100-inverted: #1c1c1e;
     --color-light-neutral-100-inverted-hover: #212124;
     --color-light-neutral-100-inverted-press: #29292c;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-500-inverted: #4a4a51;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --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 */
@@ -26,7 +25,7 @@
 } :root {
     /* primary */
     --action-button-inverted-primary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
     --action-button-inverted-primary-hover-color: var(
         --color-light-accent-secondary-inverted-hover
@@ -37,14 +36,18 @@
 
     /* secondary */
     --action-button-inverted-secondary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-secondary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-inverted-secondary-base-icon-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
     --action-button-inverted-secondary-base-bg-color: var(--color-light-neutral-100-inverted);
     --action-button-inverted-secondary-hover-color: var(--color-light-neutral-100-inverted-hover);
     --action-button-inverted-secondary-active-color: var(--color-light-neutral-100-inverted-press);
 
     /* spinner */
-    --action-button-spinner-inverted-default-color: var(--color-light-neutral-1500);
-    --action-button-spinner-inverted-primary-color: var(--color-light-neutral-1500-inverted);
+    --action-button-spinner-inverted-default-color: var(--color-light-neutral-translucent-1300);
+    --action-button-spinner-inverted-primary-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
 
     /* disabled */
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/action-button/modern/static.css

@@ -3,9 +3,8 @@
 } /* deprecated */ :root {
     --color-static-accent-secondary: #212124;
     --color-static-neutral-100: #f2f3f5;
-    --color-static-neutral-1500: #121213;
-    --color-static-neutral-1500-inverted: #fff;
     --color-static-neutral-500: #babbc2;
+    --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-static-text-primary: rgba(3, 3, 6, 0.88);
     --color-static-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 */
@@ -24,17 +23,21 @@
 } :root {
     /* primary */
     --action-button-static-primary-base-color: var(--color-static-text-primary);
-    --action-button-static-primary-base-icon-color: var(--color-static-neutral-1500-inverted);
+    --action-button-static-primary-base-icon-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
     --action-button-static-primary-base-bg-color: var(--color-static-accent-secondary);
 
     /* secondary */
     --action-button-static-secondary-base-color: var(--color-static-text-primary);
-    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-1500);
+    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-translucent-1300);
     --action-button-static-secondary-base-bg-color: var(--color-static-neutral-100);
 
     /* spinner */
-    --action-button-spinner-static-primary-color: var(--color-static-neutral-1500-inverted);
-    --action-button-spinner-static-secondary-color: var(--color-static-neutral-1500);
+    --action-button-spinner-static-primary-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
+    --action-button-spinner-static-secondary-color: var(--color-static-neutral-translucent-1300);
 
     /* disabled */
     --action-button-static-disabled-color: var(--color-static-text-tertiary);

package/action-button/static.css

@@ -3,9 +3,8 @@
 } /* deprecated */ :root {
     --color-static-accent-secondary: #212124;
     --color-static-neutral-100: #f2f3f5;
-    --color-static-neutral-1500: #121213;
-    --color-static-neutral-1500-inverted: #fff;
     --color-static-neutral-500: #babbc2;
+    --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-static-text-primary: rgba(3, 3, 6, 0.88);
     --color-static-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 */
@@ -24,17 +23,21 @@
 } :root {
     /* primary */
     --action-button-static-primary-base-color: var(--color-static-text-primary);
-    --action-button-static-primary-base-icon-color: var(--color-static-neutral-1500-inverted);
+    --action-button-static-primary-base-icon-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
     --action-button-static-primary-base-bg-color: var(--color-static-accent-secondary);
 
     /* secondary */
     --action-button-static-secondary-base-color: var(--color-static-text-primary);
-    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-1500);
+    --action-button-static-secondary-base-icon-color: var(--color-static-neutral-translucent-1300);
     --action-button-static-secondary-base-bg-color: var(--color-static-neutral-100);
 
     /* spinner */
-    --action-button-spinner-static-primary-color: var(--color-static-neutral-1500-inverted);
-    --action-button-spinner-static-secondary-color: var(--color-static-neutral-1500);
+    --action-button-spinner-static-primary-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
+    --action-button-spinner-static-secondary-color: var(--color-static-neutral-translucent-1300);
 
     /* disabled */
     --action-button-static-disabled-color: var(--color-static-text-tertiary);

package/amount-input/Component.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInput = require('../input');
-var coreComponentsShared = require('../shared');
 var coreComponentsWithSuffix = require('../with-suffix');
 var utils = require('@alfalab/utils');
 var utils_index = require('./utils/index.js');
@@ -36,7 +35,7 @@ var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input)
  */
 var AmountInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? coreComponentsShared.getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = React.useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/cssm/Component.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInput = require('../../input/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var coreComponentsWithSuffix = require('../../with-suffix/cssm');
 var utils = require('@alfalab/utils');
 var utils_index = require('./utils/index.js');
@@ -33,7 +32,7 @@ var SuffixInput = coreComponentsWithSuffix.withSuffix(coreComponentsInput.Input)
  */
 var AmountInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? coreComponentsShared.getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? utils_index.getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = tslib.__rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = React.useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/esm/Component.js

@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useCallback, useState, useEffect, Fragment } from 'react';
 import cn from 'classnames';
 import { Input } from '../../input/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { withSuffix } from '../../with-suffix/esm';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
@@ -29,7 +28,7 @@ var SuffixInput = withSuffix(Input);
  */
 var AmountInput = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? getComponentBreakpoint() : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = useCallback(function (val) {
         if (val === '' || val === null || val === '-')

package/amount-input/esm/index.js

@@ -3,7 +3,6 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../input/esm';
-import '../../shared/esm';
 import '../../with-suffix/esm';
 import '@alfalab/utils';
 import './utils/index.js';

package/amount-input/modern/Component.js

@@ -1,7 +1,6 @@
 import React, { forwardRef, useCallback, useState, useEffect, Fragment } from 'react';
 import cn from 'classnames';
 import { Input } from '../../input/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { withSuffix } from '../../with-suffix/modern';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
@@ -26,7 +25,7 @@ const SuffixInput = withSuffix(Input);
 /**
  * Компонент для ввода денежных значений
  */
-const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = getComponentBreakpoint(), onKeyDown, transparentMinor = true, ...restProps }, ref) => {
+const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = 1024, onKeyDown, transparentMinor = true, ...restProps }, ref) => {
     const integerLength = Math.min(integerLengthProp, 15);
     const getFormattedAmount = useCallback((val) => {
         if (val === '' || val === null || val === '-')

package/amount-input/modern/index.js

@@ -2,7 +2,6 @@ export { AmountInput } from './Component.js';
 import 'react';
 import 'classnames';
 import '../../input/modern';
-import '../../shared/modern';
 import '../../with-suffix/modern';
 import '@alfalab/utils';
 import './utils/index.js';