@alfalab/core-components 42.12.0 → 42.13.0-beta.0

package/badge/esm/index.css

@@ -36,25 +36,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-bg-primary);
-} .badge__wrapper_u0g3c {
+} .badge__wrapper_17cek {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_u0g3c.badge__s_u0g3c {
+} .badge__wrapper_17cek.badge__s_17cek {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_u0g3c.badge__m_u0g3c {
+    } .badge__wrapper_17cek.badge__m_17cek {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_u0g3c.badge__xl_u0g3c {
+    } .badge__wrapper_17cek.badge__xl_17cek {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_u0g3c {
+    } .badge__component_17cek {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -64,91 +64,91 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_u0g3c.badge__background-accent_u0g3c {
+} .badge__component_17cek.badge__background-accent_17cek {
         background-color: var(--color-light-bg-accent);
         color: var(--color-static-text-primary-light);
-    } .badge__component_u0g3c.badge__background-specialbg-secondary-transparent_u0g3c {
+    } .badge__component_17cek.badge__background-specialbg-secondary-transparent_17cek {
         background-color: var(--color-light-specialbg-secondary-transparent);
         color: var(--color-light-text-primary);
-    } .badge__component_u0g3c.badge__background-primary_u0g3c {
+    } .badge__component_17cek.badge__background-primary_17cek {
         background-color: var(--color-light-bg-primary);
         color: var(--color-light-text-primary);
-    } .badge__count_u0g3c {
+    } .badge__count_17cek {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_u0g3c {
+} .badge__outlineCount_17cek {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_u0g3c {
+} .badge__s_17cek {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_u0g3c {
+} .badge__m_17cek {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_u0g3c {
+} .badge__l_17cek {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_u0g3c {
+} .badge__heightS_17cek {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_u0g3c {
+} .badge__heightM_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_u0g3c {
+} .badge__heightL_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_u0g3c {
+} .badge__heightXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_u0g3c {
+} .badge__heightXXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_u0g3c.badge__outlineCount_u0g3c {
+} .badge__heightS_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_u0g3c {
+} .badge__icon_17cek {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-graphic-positive)
-} .badge__icon_u0g3c.badge__positive_u0g3c {
+} .badge__icon_17cek.badge__positive_17cek {
         color: var(--color-light-graphic-positive);
         background-color: var(--color-light-graphic-positive);
-    } .badge__icon_u0g3c.badge__attention_u0g3c {
+    } .badge__icon_17cek.badge__attention_17cek {
         color: var(--color-light-graphic-attention);
         background-color: var(--color-light-graphic-attention);
-    } .badge__icon_u0g3c.badge__negative_u0g3c {
+    } .badge__icon_17cek.badge__negative_17cek {
         color: var(--color-light-graphic-negative);
         background-color: var(--color-light-graphic-negative);
-    } .badge__icon_u0g3c.badge__link_u0g3c {
+    } .badge__icon_17cek.badge__link_17cek {
         color: var(--color-light-graphic-link);
         background-color: var(--color-light-graphic-link);
-    } .badge__icon_u0g3c.badge__tertiary_u0g3c {
+    } .badge__icon_17cek.badge__tertiary_17cek {
         color: var(--color-light-graphic-tertiary);
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_u0g3c.badge__secondary_u0g3c {
+    } .badge__icon_17cek.badge__secondary_17cek {
         color: var(--color-light-graphic-secondary);
         background-color: var(--color-light-graphic-secondary);
-    } .badge__icon_u0g3c.badge__primary_u0g3c {
+    } .badge__icon_17cek.badge__primary_17cek {
         color: var(--color-light-graphic-primary);
         background-color: var(--color-light-graphic-primary);
-    } .badge__icon_u0g3c.badge__s_u0g3c {
+    } .badge__icon_17cek.badge__s_17cek {
     width: 16px;
     height: 16px;
-} .badge__icon_u0g3c:before {
+} .badge__icon_17cek:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -157,45 +157,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-static-light_17cek.badge__icon_17cek:before {
     background-color: var(--color-static-graphic-light);
-} .badge__graphic-primary_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-primary_17cek.badge__icon_17cek:before {
     background-color: var(--color-light-graphic-primary);
-} .badge__outline_u0g3c {
+} .badge__outline_17cek {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_u0g3c {
+} .badge__outlineColor_17cek {
     background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_u0g3c.badge__attention_u0g3c {
+} .badge__outlineColor_17cek.badge__attention_17cek {
         background-color: var(--color-light-graphic-attention);
-    } .badge__outlineColor_u0g3c.badge__positive_u0g3c {
+    } .badge__outlineColor_17cek.badge__positive_17cek {
         background-color: var(--color-light-graphic-positive);
-    } .badge__outlineColor_u0g3c.badge__negative_u0g3c {
+    } .badge__outlineColor_17cek.badge__negative_17cek {
         background-color: var(--color-light-graphic-negative);
-    } .badge__outlineColor_u0g3c.badge__link_u0g3c {
+    } .badge__outlineColor_17cek.badge__link_17cek {
         background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_u0g3c.badge__tertiary_u0g3c {
+    } .badge__outlineColor_17cek.badge__tertiary_17cek {
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_u0g3c.badge__secondary_u0g3c {
+    } .badge__outlineColor_17cek.badge__secondary_17cek {
         background-color: var(--color-light-graphic-secondary);
-    } .badge__outlineColor_u0g3c.badge__primary_u0g3c {
+    } .badge__outlineColor_17cek.badge__primary_17cek {
         background-color: var(--color-light-graphic-primary);
-    } .badge__dot_u0g3c {
+    } .badge__dot_17cek {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_u0g3c.badge__outlineCount_u0g3c {
+} .badge__dot_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_u0g3c {
+} .badge__isHidden_17cek {
     display: none;
-} .badge__icon_u0g3c svg {
+} .badge__icon_17cek svg {
     position: relative;
-} .badge__m_u0g3c svg {
+} .badge__m_17cek svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_u0g3c svg {
+} .badge__xl_17cek svg {
     width: 30px;
     height: 30px;
 }

package/badge/index.css

@@ -36,25 +36,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-bg-primary);
-} .badge__wrapper_u0g3c {
+} .badge__wrapper_17cek {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_u0g3c.badge__s_u0g3c {
+} .badge__wrapper_17cek.badge__s_17cek {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_u0g3c.badge__m_u0g3c {
+    } .badge__wrapper_17cek.badge__m_17cek {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_u0g3c.badge__xl_u0g3c {
+    } .badge__wrapper_17cek.badge__xl_17cek {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_u0g3c {
+    } .badge__component_17cek {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -64,91 +64,91 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_u0g3c.badge__background-accent_u0g3c {
+} .badge__component_17cek.badge__background-accent_17cek {
         background-color: var(--color-light-bg-accent);
         color: var(--color-static-text-primary-light);
-    } .badge__component_u0g3c.badge__background-specialbg-secondary-transparent_u0g3c {
+    } .badge__component_17cek.badge__background-specialbg-secondary-transparent_17cek {
         background-color: var(--color-light-specialbg-secondary-transparent);
         color: var(--color-light-text-primary);
-    } .badge__component_u0g3c.badge__background-primary_u0g3c {
+    } .badge__component_17cek.badge__background-primary_17cek {
         background-color: var(--color-light-bg-primary);
         color: var(--color-light-text-primary);
-    } .badge__count_u0g3c {
+    } .badge__count_17cek {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_u0g3c {
+} .badge__outlineCount_17cek {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_u0g3c {
+} .badge__s_17cek {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_u0g3c {
+} .badge__m_17cek {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_u0g3c {
+} .badge__l_17cek {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_u0g3c {
+} .badge__heightS_17cek {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_u0g3c {
+} .badge__heightM_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_u0g3c {
+} .badge__heightL_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_u0g3c {
+} .badge__heightXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_u0g3c {
+} .badge__heightXXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_u0g3c.badge__outlineCount_u0g3c {
+} .badge__heightS_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_u0g3c {
+} .badge__icon_17cek {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-graphic-positive)
-} .badge__icon_u0g3c.badge__positive_u0g3c {
+} .badge__icon_17cek.badge__positive_17cek {
         color: var(--color-light-graphic-positive);
         background-color: var(--color-light-graphic-positive);
-    } .badge__icon_u0g3c.badge__attention_u0g3c {
+    } .badge__icon_17cek.badge__attention_17cek {
         color: var(--color-light-graphic-attention);
         background-color: var(--color-light-graphic-attention);
-    } .badge__icon_u0g3c.badge__negative_u0g3c {
+    } .badge__icon_17cek.badge__negative_17cek {
         color: var(--color-light-graphic-negative);
         background-color: var(--color-light-graphic-negative);
-    } .badge__icon_u0g3c.badge__link_u0g3c {
+    } .badge__icon_17cek.badge__link_17cek {
         color: var(--color-light-graphic-link);
         background-color: var(--color-light-graphic-link);
-    } .badge__icon_u0g3c.badge__tertiary_u0g3c {
+    } .badge__icon_17cek.badge__tertiary_17cek {
         color: var(--color-light-graphic-tertiary);
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_u0g3c.badge__secondary_u0g3c {
+    } .badge__icon_17cek.badge__secondary_17cek {
         color: var(--color-light-graphic-secondary);
         background-color: var(--color-light-graphic-secondary);
-    } .badge__icon_u0g3c.badge__primary_u0g3c {
+    } .badge__icon_17cek.badge__primary_17cek {
         color: var(--color-light-graphic-primary);
         background-color: var(--color-light-graphic-primary);
-    } .badge__icon_u0g3c.badge__s_u0g3c {
+    } .badge__icon_17cek.badge__s_17cek {
     width: 16px;
     height: 16px;
-} .badge__icon_u0g3c:before {
+} .badge__icon_17cek:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -157,45 +157,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-static-light_17cek.badge__icon_17cek:before {
     background-color: var(--color-static-graphic-light);
-} .badge__graphic-primary_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-primary_17cek.badge__icon_17cek:before {
     background-color: var(--color-light-graphic-primary);
-} .badge__outline_u0g3c {
+} .badge__outline_17cek {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_u0g3c {
+} .badge__outlineColor_17cek {
     background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_u0g3c.badge__attention_u0g3c {
+} .badge__outlineColor_17cek.badge__attention_17cek {
         background-color: var(--color-light-graphic-attention);
-    } .badge__outlineColor_u0g3c.badge__positive_u0g3c {
+    } .badge__outlineColor_17cek.badge__positive_17cek {
         background-color: var(--color-light-graphic-positive);
-    } .badge__outlineColor_u0g3c.badge__negative_u0g3c {
+    } .badge__outlineColor_17cek.badge__negative_17cek {
         background-color: var(--color-light-graphic-negative);
-    } .badge__outlineColor_u0g3c.badge__link_u0g3c {
+    } .badge__outlineColor_17cek.badge__link_17cek {
         background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_u0g3c.badge__tertiary_u0g3c {
+    } .badge__outlineColor_17cek.badge__tertiary_17cek {
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_u0g3c.badge__secondary_u0g3c {
+    } .badge__outlineColor_17cek.badge__secondary_17cek {
         background-color: var(--color-light-graphic-secondary);
-    } .badge__outlineColor_u0g3c.badge__primary_u0g3c {
+    } .badge__outlineColor_17cek.badge__primary_17cek {
         background-color: var(--color-light-graphic-primary);
-    } .badge__dot_u0g3c {
+    } .badge__dot_17cek {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_u0g3c.badge__outlineCount_u0g3c {
+} .badge__dot_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_u0g3c {
+} .badge__isHidden_17cek {
     display: none;
-} .badge__icon_u0g3c svg {
+} .badge__icon_17cek svg {
     position: relative;
-} .badge__m_u0g3c svg {
+} .badge__m_17cek svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_u0g3c svg {
+} .badge__xl_17cek svg {
     width: 30px;
     height: 30px;
 }

package/badge/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"wrapper":"badge__wrapper_u0g3c","s":"badge__s_u0g3c","m":"badge__m_u0g3c","xl":"badge__xl_u0g3c","component":"badge__component_u0g3c","background-accent":"badge__background-accent_u0g3c","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_u0g3c","background-primary":"badge__background-primary_u0g3c","count":"badge__count_u0g3c","outlineCount":"badge__outlineCount_u0g3c","l":"badge__l_u0g3c","heightS":"badge__heightS_u0g3c","heightM":"badge__heightM_u0g3c","heightL":"badge__heightL_u0g3c","heightXL":"badge__heightXL_u0g3c","heightXXL":"badge__heightXXL_u0g3c","icon":"badge__icon_u0g3c","positive":"badge__positive_u0g3c","attention":"badge__attention_u0g3c","negative":"badge__negative_u0g3c","link":"badge__link_u0g3c","tertiary":"badge__tertiary_u0g3c","secondary":"badge__secondary_u0g3c","primary":"badge__primary_u0g3c","graphic-static-light":"badge__graphic-static-light_u0g3c","graphic-primary":"badge__graphic-primary_u0g3c","outline":"badge__outline_u0g3c","outlineColor":"badge__outlineColor_u0g3c","dot":"badge__dot_u0g3c","isHidden":"badge__isHidden_u0g3c"};
+const styles = {"wrapper":"badge__wrapper_17cek","s":"badge__s_17cek","m":"badge__m_17cek","xl":"badge__xl_17cek","component":"badge__component_17cek","background-accent":"badge__background-accent_17cek","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_17cek","background-primary":"badge__background-primary_17cek","count":"badge__count_17cek","outlineCount":"badge__outlineCount_17cek","l":"badge__l_17cek","heightS":"badge__heightS_17cek","heightM":"badge__heightM_17cek","heightL":"badge__heightL_17cek","heightXL":"badge__heightXL_17cek","heightXXL":"badge__heightXXL_17cek","icon":"badge__icon_17cek","positive":"badge__positive_17cek","attention":"badge__attention_17cek","negative":"badge__negative_17cek","link":"badge__link_17cek","tertiary":"badge__tertiary_17cek","secondary":"badge__secondary_17cek","primary":"badge__primary_17cek","graphic-static-light":"badge__graphic-static-light_17cek","graphic-primary":"badge__graphic-primary_17cek","outline":"badge__outline_17cek","outlineColor":"badge__outlineColor_17cek","dot":"badge__dot_17cek","isHidden":"badge__isHidden_17cek"};
 require('./index.css');
 
 // eslint-disable-next-line complexity

package/badge/modern/index.css

@@ -36,25 +36,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-bg-primary);
-} .badge__wrapper_u0g3c {
+} .badge__wrapper_17cek {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_u0g3c.badge__s_u0g3c {
+} .badge__wrapper_17cek.badge__s_17cek {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_u0g3c.badge__m_u0g3c {
+    } .badge__wrapper_17cek.badge__m_17cek {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_u0g3c.badge__xl_u0g3c {
+    } .badge__wrapper_17cek.badge__xl_17cek {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_u0g3c {
+    } .badge__component_17cek {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -64,91 +64,91 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_u0g3c.badge__background-accent_u0g3c {
+} .badge__component_17cek.badge__background-accent_17cek {
         background-color: var(--color-light-bg-accent);
         color: var(--color-static-text-primary-light);
-    } .badge__component_u0g3c.badge__background-specialbg-secondary-transparent_u0g3c {
+    } .badge__component_17cek.badge__background-specialbg-secondary-transparent_17cek {
         background-color: var(--color-light-specialbg-secondary-transparent);
         color: var(--color-light-text-primary);
-    } .badge__component_u0g3c.badge__background-primary_u0g3c {
+    } .badge__component_17cek.badge__background-primary_17cek {
         background-color: var(--color-light-bg-primary);
         color: var(--color-light-text-primary);
-    } .badge__count_u0g3c {
+    } .badge__count_17cek {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_u0g3c {
+} .badge__outlineCount_17cek {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_u0g3c {
+} .badge__s_17cek {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_u0g3c {
+} .badge__m_17cek {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_u0g3c {
+} .badge__l_17cek {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_u0g3c {
+} .badge__heightS_17cek {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_u0g3c {
+} .badge__heightM_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_u0g3c {
+} .badge__heightL_17cek {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_u0g3c {
+} .badge__heightXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_u0g3c {
+} .badge__heightXXL_17cek {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_u0g3c.badge__outlineCount_u0g3c {
+} .badge__heightS_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_u0g3c {
+} .badge__icon_17cek {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-graphic-positive)
-} .badge__icon_u0g3c.badge__positive_u0g3c {
+} .badge__icon_17cek.badge__positive_17cek {
         color: var(--color-light-graphic-positive);
         background-color: var(--color-light-graphic-positive);
-    } .badge__icon_u0g3c.badge__attention_u0g3c {
+    } .badge__icon_17cek.badge__attention_17cek {
         color: var(--color-light-graphic-attention);
         background-color: var(--color-light-graphic-attention);
-    } .badge__icon_u0g3c.badge__negative_u0g3c {
+    } .badge__icon_17cek.badge__negative_17cek {
         color: var(--color-light-graphic-negative);
         background-color: var(--color-light-graphic-negative);
-    } .badge__icon_u0g3c.badge__link_u0g3c {
+    } .badge__icon_17cek.badge__link_17cek {
         color: var(--color-light-graphic-link);
         background-color: var(--color-light-graphic-link);
-    } .badge__icon_u0g3c.badge__tertiary_u0g3c {
+    } .badge__icon_17cek.badge__tertiary_17cek {
         color: var(--color-light-graphic-tertiary);
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_u0g3c.badge__secondary_u0g3c {
+    } .badge__icon_17cek.badge__secondary_17cek {
         color: var(--color-light-graphic-secondary);
         background-color: var(--color-light-graphic-secondary);
-    } .badge__icon_u0g3c.badge__primary_u0g3c {
+    } .badge__icon_17cek.badge__primary_17cek {
         color: var(--color-light-graphic-primary);
         background-color: var(--color-light-graphic-primary);
-    } .badge__icon_u0g3c.badge__s_u0g3c {
+    } .badge__icon_17cek.badge__s_17cek {
     width: 16px;
     height: 16px;
-} .badge__icon_u0g3c:before {
+} .badge__icon_17cek:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -157,45 +157,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-static-light_17cek.badge__icon_17cek:before {
     background-color: var(--color-static-graphic-light);
-} .badge__graphic-primary_u0g3c.badge__icon_u0g3c:before {
+} .badge__graphic-primary_17cek.badge__icon_17cek:before {
     background-color: var(--color-light-graphic-primary);
-} .badge__outline_u0g3c {
+} .badge__outline_17cek {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_u0g3c {
+} .badge__outlineColor_17cek {
     background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_u0g3c.badge__attention_u0g3c {
+} .badge__outlineColor_17cek.badge__attention_17cek {
         background-color: var(--color-light-graphic-attention);
-    } .badge__outlineColor_u0g3c.badge__positive_u0g3c {
+    } .badge__outlineColor_17cek.badge__positive_17cek {
         background-color: var(--color-light-graphic-positive);
-    } .badge__outlineColor_u0g3c.badge__negative_u0g3c {
+    } .badge__outlineColor_17cek.badge__negative_17cek {
         background-color: var(--color-light-graphic-negative);
-    } .badge__outlineColor_u0g3c.badge__link_u0g3c {
+    } .badge__outlineColor_17cek.badge__link_17cek {
         background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_u0g3c.badge__tertiary_u0g3c {
+    } .badge__outlineColor_17cek.badge__tertiary_17cek {
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_u0g3c.badge__secondary_u0g3c {
+    } .badge__outlineColor_17cek.badge__secondary_17cek {
         background-color: var(--color-light-graphic-secondary);
-    } .badge__outlineColor_u0g3c.badge__primary_u0g3c {
+    } .badge__outlineColor_17cek.badge__primary_17cek {
         background-color: var(--color-light-graphic-primary);
-    } .badge__dot_u0g3c {
+    } .badge__dot_17cek {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_u0g3c.badge__outlineCount_u0g3c {
+} .badge__dot_17cek.badge__outlineCount_17cek {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_u0g3c {
+} .badge__isHidden_17cek {
     display: none;
-} .badge__icon_u0g3c svg {
+} .badge__icon_17cek svg {
     position: relative;
-} .badge__m_u0g3c svg {
+} .badge__m_17cek svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_u0g3c svg {
+} .badge__xl_17cek svg {
     width: 30px;
     height: 30px;
 }

package/bank-card/Component.js

@@ -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_1vnnr","aspectRatioContainer":"bank-card__aspectRatioContainer_1vnnr","content":"bank-card__content_1vnnr","label":"bank-card__label_1vnnr","focused":"bank-card__focused_1vnnr","filled":"bank-card__filled_1vnnr","input":"bank-card__input_1vnnr","bankLogo":"bank-card__bankLogo_1vnnr","brandLogo":"bank-card__brandLogo_1vnnr","usePhoto":"bank-card__usePhoto_1vnnr"};
+var styles = {"component":"bank-card__component_bf1gu","aspectRatioContainer":"bank-card__aspectRatioContainer_bf1gu","content":"bank-card__content_bf1gu","label":"bank-card__label_bf1gu","focused":"bank-card__focused_bf1gu","filled":"bank-card__filled_bf1gu","input":"bank-card__input_bf1gu","bankLogo":"bank-card__bankLogo_bf1gu","brandLogo":"bank-card__brandLogo_bf1gu","usePhoto":"bank-card__usePhoto_bf1gu"};
 require('./index.css');
 
 // prettier-ignore