npm - @alfalab/core-components - Versions diffs - 43.2.0 → 44.1.0 - Mend

@alfalab/core-components 43.2.0 → 44.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2880) hide show

package/badge/index.css CHANGED Viewed

@@ -1,21 +1,20 @@
-/* hash: nra4p */
+/* hash: 16ls3 */
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-accent: #ef3124;
-    --color-light-bg-primary: #fff;
-    --color-light-graphic-link: #2288fa;
-    --color-light-graphic-primary: #0e0e0e;
-    --color-light-graphic-tertiary: #b8b9c0;
+    --color-light-accent-primary: #ef3124;
+    --color-light-neutral-0: #fff;
     --color-light-neutral-1500: #0e0e0e;
     --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-500: #babbc2;
     --color-light-neutral-700: #898991;
-    --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-status-attention: #fa9313;
+    --color-light-status-info: #2288fa;
     --color-light-status-negative: #ff5431;
     --color-light-status-positive: #0cc44d;
     --color-light-text-primary: #0e0e0e;
     --color-static-neutral-1500-inverted: #fff;
-    --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-static-text-primary-inverted: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -38,25 +37,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-neutral-1500-inverted);
-} .badge__wrapper_1ons0 {
+} .badge__wrapper_kgywc {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_1ons0.badge__s_1ons0 {
+} .badge__wrapper_kgywc.badge__s_kgywc {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_1ons0.badge__m_1ons0 {
+    } .badge__wrapper_kgywc.badge__m_kgywc {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_1ons0.badge__xl_1ons0 {
+    } .badge__wrapper_kgywc.badge__xl_kgywc {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_1ons0 {
+    } .badge__component_kgywc {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -66,91 +65,91 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_1ons0.badge__background-accent_1ons0 {
-        background-color: var(--color-light-bg-accent);
-        color: var(--color-static-text-primary-light);
-    } .badge__component_1ons0.badge__background-specialbg-secondary-transparent_1ons0 {
-        background-color: var(--color-light-specialbg-secondary-transparent);
+} .badge__component_kgywc.badge__background-accent_kgywc {
+        background-color: var(--color-light-accent-primary);
+        color: var(--color-static-text-primary-inverted);
+    } .badge__component_kgywc.badge__background-specialbg-secondary-transparent_kgywc {
+        background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_1ons0.badge__background-primary_1ons0 {
-        background-color: var(--color-light-bg-primary);
+    } .badge__component_kgywc.badge__background-primary_kgywc {
+        background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__count_1ons0 {
+    } .badge__count_kgywc {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_1ons0 {
+} .badge__outlineCount_kgywc {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_1ons0 {
+} .badge__s_kgywc {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_1ons0 {
+} .badge__m_kgywc {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_1ons0 {
+} .badge__l_kgywc {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_1ons0 {
+} .badge__heightS_kgywc {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_1ons0 {
+} .badge__heightM_kgywc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_1ons0 {
+} .badge__heightL_kgywc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_1ons0 {
+} .badge__heightXL_kgywc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_1ons0 {
+} .badge__heightXXL_kgywc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_1ons0.badge__outlineCount_1ons0 {
+} .badge__heightS_kgywc.badge__outlineCount_kgywc {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_1ons0 {
+} .badge__icon_kgywc {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-status-positive)
-} .badge__icon_1ons0.badge__positive_1ons0 {
+} .badge__icon_kgywc.badge__positive_kgywc {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_1ons0.badge__attention_1ons0 {
+    } .badge__icon_kgywc.badge__attention_kgywc {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_1ons0.badge__negative_1ons0 {
+    } .badge__icon_kgywc.badge__negative_kgywc {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_1ons0.badge__link_1ons0 {
-        color: var(--color-light-graphic-link);
-        background-color: var(--color-light-graphic-link);
-    } .badge__icon_1ons0.badge__tertiary_1ons0 {
-        color: var(--color-light-graphic-tertiary);
-        background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_1ons0.badge__secondary_1ons0 {
+    } .badge__icon_kgywc.badge__link_kgywc {
+        color: var(--color-light-status-info);
+        background-color: var(--color-light-status-info);
+    } .badge__icon_kgywc.badge__tertiary_kgywc {
+        color: var(--color-light-neutral-500);
+        background-color: var(--color-light-neutral-500);
+    } .badge__icon_kgywc.badge__secondary_kgywc {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_1ons0.badge__primary_1ons0 {
-        color: var(--color-light-graphic-primary);
-        background-color: var(--color-light-graphic-primary);
-    } .badge__icon_1ons0.badge__s_1ons0 {
+    } .badge__icon_kgywc.badge__primary_kgywc {
+        color: var(--color-light-neutral-1500);
+        background-color: var(--color-light-neutral-1500);
+    } .badge__icon_kgywc.badge__s_kgywc {
     width: 16px;
     height: 16px;
-} .badge__icon_1ons0:before {
+} .badge__icon_kgywc:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -159,45 +158,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_1ons0.badge__icon_1ons0:before {
+} .badge__graphic-static-light_kgywc.badge__icon_kgywc:before {
     background-color: var(--color-static-neutral-1500-inverted);
-} .badge__graphic-primary_1ons0.badge__icon_1ons0:before {
+} .badge__graphic-primary_kgywc.badge__icon_kgywc:before {
     background-color: var(--color-light-neutral-1500);
-} .badge__outline_1ons0 {
+} .badge__outline_kgywc {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_1ons0 {
-    background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_1ons0.badge__attention_1ons0 {
+} .badge__outlineColor_kgywc {
+    background-color: var(--color-light-accent-primary)
+} .badge__outlineColor_kgywc.badge__attention_kgywc {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_1ons0.badge__positive_1ons0 {
+    } .badge__outlineColor_kgywc.badge__positive_kgywc {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_1ons0.badge__negative_1ons0 {
+    } .badge__outlineColor_kgywc.badge__negative_kgywc {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_1ons0.badge__link_1ons0 {
-        background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_1ons0.badge__tertiary_1ons0 {
-        background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_1ons0.badge__secondary_1ons0 {
+    } .badge__outlineColor_kgywc.badge__link_kgywc {
+        background-color: var(--color-light-status-info);
+    } .badge__outlineColor_kgywc.badge__tertiary_kgywc {
+        background-color: var(--color-light-neutral-500);
+    } .badge__outlineColor_kgywc.badge__secondary_kgywc {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_1ons0.badge__primary_1ons0 {
-        background-color: var(--color-light-graphic-primary);
-    } .badge__dot_1ons0 {
+    } .badge__outlineColor_kgywc.badge__primary_kgywc {
+        background-color: var(--color-light-neutral-1500);
+    } .badge__dot_kgywc {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_1ons0.badge__outlineCount_1ons0 {
+} .badge__dot_kgywc.badge__outlineCount_kgywc {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_1ons0 {
+} .badge__isHidden_kgywc {
     display: none;
-} .badge__icon_1ons0 svg {
+} .badge__icon_kgywc svg {
     position: relative;
-} .badge__m_1ons0 svg {
+} .badge__m_kgywc svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_1ons0 svg {
+} .badge__xl_kgywc svg {
     width: 30px;
     height: 30px;
 }

package/badge/modern/Component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
-const styles = {"wrapper":"badge__wrapper_1ons0","s":"badge__s_1ons0","m":"badge__m_1ons0","xl":"badge__xl_1ons0","component":"badge__component_1ons0","background-accent":"badge__background-accent_1ons0","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_1ons0","background-primary":"badge__background-primary_1ons0","count":"badge__count_1ons0","outlineCount":"badge__outlineCount_1ons0","l":"badge__l_1ons0","heightS":"badge__heightS_1ons0","heightM":"badge__heightM_1ons0","heightL":"badge__heightL_1ons0","heightXL":"badge__heightXL_1ons0","heightXXL":"badge__heightXXL_1ons0","icon":"badge__icon_1ons0","positive":"badge__positive_1ons0","attention":"badge__attention_1ons0","negative":"badge__negative_1ons0","link":"badge__link_1ons0","tertiary":"badge__tertiary_1ons0","secondary":"badge__secondary_1ons0","primary":"badge__primary_1ons0","graphic-static-light":"badge__graphic-static-light_1ons0","graphic-primary":"badge__graphic-primary_1ons0","outline":"badge__outline_1ons0","outlineColor":"badge__outlineColor_1ons0","dot":"badge__dot_1ons0","isHidden":"badge__isHidden_1ons0"};
+const styles = {"wrapper":"badge__wrapper_kgywc","s":"badge__s_kgywc","m":"badge__m_kgywc","xl":"badge__xl_kgywc","component":"badge__component_kgywc","background-accent":"badge__background-accent_kgywc","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_kgywc","background-primary":"badge__background-primary_kgywc","count":"badge__count_kgywc","outlineCount":"badge__outlineCount_kgywc","l":"badge__l_kgywc","heightS":"badge__heightS_kgywc","heightM":"badge__heightM_kgywc","heightL":"badge__heightL_kgywc","heightXL":"badge__heightXL_kgywc","heightXXL":"badge__heightXXL_kgywc","icon":"badge__icon_kgywc","positive":"badge__positive_kgywc","attention":"badge__attention_kgywc","negative":"badge__negative_kgywc","link":"badge__link_kgywc","tertiary":"badge__tertiary_kgywc","secondary":"badge__secondary_kgywc","primary":"badge__primary_kgywc","graphic-static-light":"badge__graphic-static-light_kgywc","graphic-primary":"badge__graphic-primary_kgywc","outline":"badge__outline_kgywc","outlineColor":"badge__outlineColor_kgywc","dot":"badge__dot_kgywc","isHidden":"badge__isHidden_kgywc"};
 require('./index.css');
 // eslint-disable-next-line complexity

package/badge/modern/index.css CHANGED Viewed

@@ -1,21 +1,20 @@
-/* hash: nra4p */
+/* hash: 16ls3 */
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-accent: #ef3124;
-    --color-light-bg-primary: #fff;
-    --color-light-graphic-link: #2288fa;
-    --color-light-graphic-primary: #0e0e0e;
-    --color-light-graphic-tertiary: #b8b9c0;
+    --color-light-accent-primary: #ef3124;
+    --color-light-neutral-0: #fff;
     --color-light-neutral-1500: #0e0e0e;
     --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-500: #babbc2;
     --color-light-neutral-700: #898991;
-    --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
     --color-light-status-attention: #fa9313;
+    --color-light-status-info: #2288fa;
     --color-light-status-negative: #ff5431;
     --color-light-status-positive: #0cc44d;
     --color-light-text-primary: #0e0e0e;
     --color-static-neutral-1500-inverted: #fff;
-    --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-static-text-primary-inverted: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -38,25 +37,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-neutral-1500-inverted);
-} .badge__wrapper_1ons0 {
+} .badge__wrapper_kgywc {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_1ons0.badge__s_1ons0 {
+} .badge__wrapper_kgywc.badge__s_kgywc {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_1ons0.badge__m_1ons0 {
+    } .badge__wrapper_kgywc.badge__m_kgywc {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_1ons0.badge__xl_1ons0 {
+    } .badge__wrapper_kgywc.badge__xl_kgywc {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_1ons0 {
+    } .badge__component_kgywc {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -66,91 +65,91 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_1ons0.badge__background-accent_1ons0 {
-        background-color: var(--color-light-bg-accent);
-        color: var(--color-static-text-primary-light);
-    } .badge__component_1ons0.badge__background-specialbg-secondary-transparent_1ons0 {
-        background-color: var(--color-light-specialbg-secondary-transparent);
+} .badge__component_kgywc.badge__background-accent_kgywc {
+        background-color: var(--color-light-accent-primary);
+        color: var(--color-static-text-primary-inverted);
+    } .badge__component_kgywc.badge__background-specialbg-secondary-transparent_kgywc {
+        background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_1ons0.badge__background-primary_1ons0 {
-        background-color: var(--color-light-bg-primary);
+    } .badge__component_kgywc.badge__background-primary_kgywc {
+        background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__count_1ons0 {
+    } .badge__count_kgywc {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_1ons0 {
+} .badge__outlineCount_kgywc {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_1ons0 {
+} .badge__s_kgywc {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_1ons0 {
+} .badge__m_kgywc {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_1ons0 {
+} .badge__l_kgywc {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_1ons0 {
+} .badge__heightS_kgywc {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_1ons0 {
+} .badge__heightM_kgywc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_1ons0 {
+} .badge__heightL_kgywc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_1ons0 {
+} .badge__heightXL_kgywc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_1ons0 {
+} .badge__heightXXL_kgywc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_1ons0.badge__outlineCount_1ons0 {
+} .badge__heightS_kgywc.badge__outlineCount_kgywc {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_1ons0 {
+} .badge__icon_kgywc {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-status-positive)
-} .badge__icon_1ons0.badge__positive_1ons0 {
+} .badge__icon_kgywc.badge__positive_kgywc {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_1ons0.badge__attention_1ons0 {
+    } .badge__icon_kgywc.badge__attention_kgywc {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_1ons0.badge__negative_1ons0 {
+    } .badge__icon_kgywc.badge__negative_kgywc {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_1ons0.badge__link_1ons0 {
-        color: var(--color-light-graphic-link);
-        background-color: var(--color-light-graphic-link);
-    } .badge__icon_1ons0.badge__tertiary_1ons0 {
-        color: var(--color-light-graphic-tertiary);
-        background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_1ons0.badge__secondary_1ons0 {
+    } .badge__icon_kgywc.badge__link_kgywc {
+        color: var(--color-light-status-info);
+        background-color: var(--color-light-status-info);
+    } .badge__icon_kgywc.badge__tertiary_kgywc {
+        color: var(--color-light-neutral-500);
+        background-color: var(--color-light-neutral-500);
+    } .badge__icon_kgywc.badge__secondary_kgywc {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_1ons0.badge__primary_1ons0 {
-        color: var(--color-light-graphic-primary);
-        background-color: var(--color-light-graphic-primary);
-    } .badge__icon_1ons0.badge__s_1ons0 {
+    } .badge__icon_kgywc.badge__primary_kgywc {
+        color: var(--color-light-neutral-1500);
+        background-color: var(--color-light-neutral-1500);
+    } .badge__icon_kgywc.badge__s_kgywc {
     width: 16px;
     height: 16px;
-} .badge__icon_1ons0:before {
+} .badge__icon_kgywc:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -159,45 +158,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_1ons0.badge__icon_1ons0:before {
+} .badge__graphic-static-light_kgywc.badge__icon_kgywc:before {
     background-color: var(--color-static-neutral-1500-inverted);
-} .badge__graphic-primary_1ons0.badge__icon_1ons0:before {
+} .badge__graphic-primary_kgywc.badge__icon_kgywc:before {
     background-color: var(--color-light-neutral-1500);
-} .badge__outline_1ons0 {
+} .badge__outline_kgywc {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_1ons0 {
-    background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_1ons0.badge__attention_1ons0 {
+} .badge__outlineColor_kgywc {
+    background-color: var(--color-light-accent-primary)
+} .badge__outlineColor_kgywc.badge__attention_kgywc {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_1ons0.badge__positive_1ons0 {
+    } .badge__outlineColor_kgywc.badge__positive_kgywc {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_1ons0.badge__negative_1ons0 {
+    } .badge__outlineColor_kgywc.badge__negative_kgywc {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_1ons0.badge__link_1ons0 {
-        background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_1ons0.badge__tertiary_1ons0 {
-        background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_1ons0.badge__secondary_1ons0 {
+    } .badge__outlineColor_kgywc.badge__link_kgywc {
+        background-color: var(--color-light-status-info);
+    } .badge__outlineColor_kgywc.badge__tertiary_kgywc {
+        background-color: var(--color-light-neutral-500);
+    } .badge__outlineColor_kgywc.badge__secondary_kgywc {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_1ons0.badge__primary_1ons0 {
-        background-color: var(--color-light-graphic-primary);
-    } .badge__dot_1ons0 {
+    } .badge__outlineColor_kgywc.badge__primary_kgywc {
+        background-color: var(--color-light-neutral-1500);
+    } .badge__dot_kgywc {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_1ons0.badge__outlineCount_1ons0 {
+} .badge__dot_kgywc.badge__outlineCount_kgywc {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_1ons0 {
+} .badge__isHidden_kgywc {
     display: none;
-} .badge__icon_1ons0 svg {
+} .badge__icon_kgywc svg {
     position: relative;
-} .badge__m_1ons0 svg {
+} .badge__m_kgywc svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_1ons0 svg {
+} .badge__xl_kgywc svg {
     width: 30px;
     height: 30px;
 }

package/bank-card/Component.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles = {"component":"bank-card__component_52vai","aspectRatioContainer":"bank-card__aspectRatioContainer_52vai","content":"bank-card__content_52vai","label":"bank-card__label_52vai","focused":"bank-card__focused_52vai","filled":"bank-card__filled_52vai","input":"bank-card__input_52vai","bankLogo":"bank-card__bankLogo_52vai","brandLogo":"bank-card__brandLogo_52vai","usePhoto":"bank-card__usePhoto_52vai"};
+var styles = {"component":"bank-card__component_bgyny","aspectRatioContainer":"bank-card__aspectRatioContainer_bgyny","content":"bank-card__content_bgyny","label":"bank-card__label_bgyny","focused":"bank-card__focused_bgyny","filled":"bank-card__filled_bgyny","input":"bank-card__input_bgyny","bankLogo":"bank-card__bankLogo_bgyny","brandLogo":"bank-card__brandLogo_bgyny","usePhoto":"bank-card__usePhoto_bgyny"};
 require('./index.css');
 // prettier-ignore

package/bank-card/cssm/index.module.css CHANGED Viewed

@@ -1,7 +1,7 @@
 :root {
-    --color-black: #000;
-    --color-black-60: rgba(0, 0, 0, 0.6);
-} /* 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 */
+} /* deprecated */ :root {
+    --color-light-neutral-1500: #0e0e0e;
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -24,11 +24,11 @@
 } .component {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
-    --form-control-border-bottom: 1px solid var(--color-black-60);
+    --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
     --form-control-bg-color: transparent;
     /* focus */
-    --form-control-focus-border-bottom: 1px solid var(--color-black);
+    --form-control-focus-border-bottom: 1px solid var(--color-light-neutral-1500);
     --form-control-focus-shadow: transparent;
     /* hover */
@@ -58,7 +58,7 @@
 } .label {
     left: 0;
     transform: translateY(-1px);
-    color: var(--color-black-60);
+    color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
 } @media (max-width: 360px) { .label {
@@ -66,7 +66,7 @@
 }
     } .focused .label,
 .filled .label {
-    color: var(--color-black);
+    color: var(--color-light-neutral-1500);
     transform: translateY(-19px) scale(0.6)
 } @media (max-width: 360px) { .focused .label,
 .filled .label {
@@ -81,8 +81,8 @@
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-    color: var(--color-black);
-    caret-color: var(--color-black);
+    color: var(--color-light-neutral-1500);
+    caret-color: var(--color-light-neutral-1500);
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: 0 !important;
@@ -99,14 +99,14 @@
         width: auto;
         display: block
     } .bankLogo svg g {
-            fill: var(--color-black);
+            fill: var(--color-light-neutral-1500);
         } .brandLogo {
     position: absolute;
     bottom: 20px;
     right: 20px
 } .brandLogo svg {
         display: block;
-        fill: var(--color-black);
+        fill: var(--color-light-neutral-1500);
     } .usePhoto {
     display: block;
     margin: 0;
@@ -125,6 +125,6 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 } .usePhoto svg {
-        fill: var(--color-black);
+        fill: var(--color-light-neutral-1500);
         display: block;
     }

package/bank-card/esm/Component.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
 import { validateCardNumber } from './utils.js';
-var styles = {"component":"bank-card__component_52vai","aspectRatioContainer":"bank-card__aspectRatioContainer_52vai","content":"bank-card__content_52vai","label":"bank-card__label_52vai","focused":"bank-card__focused_52vai","filled":"bank-card__filled_52vai","input":"bank-card__input_52vai","bankLogo":"bank-card__bankLogo_52vai","brandLogo":"bank-card__brandLogo_52vai","usePhoto":"bank-card__usePhoto_52vai"};
+var styles = {"component":"bank-card__component_bgyny","aspectRatioContainer":"bank-card__aspectRatioContainer_bgyny","content":"bank-card__content_bgyny","label":"bank-card__label_bgyny","focused":"bank-card__focused_bgyny","filled":"bank-card__filled_bgyny","input":"bank-card__input_bgyny","bankLogo":"bank-card__bankLogo_bgyny","brandLogo":"bank-card__brandLogo_bgyny","usePhoto":"bank-card__usePhoto_bgyny"};
 require('./index.css');
 // prettier-ignore