@alfalab/core-components 44.5.0 → 44.5.1

package/badge/modern/index.css

@@ -37,25 +37,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-neutral-1500-inverted);
-} .badge__wrapper_1p5ut {
+} .badge__wrapper_p8duf {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_1p5ut.badge__s_1p5ut {
+} .badge__wrapper_p8duf.badge__s_p8duf {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_1p5ut.badge__m_1p5ut {
+    } .badge__wrapper_p8duf.badge__m_p8duf {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_1p5ut.badge__xl_1p5ut {
+    } .badge__wrapper_p8duf.badge__xl_p8duf {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_1p5ut {
+    } .badge__component_p8duf {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -65,91 +65,93 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_1p5ut.badge__background-accent_1p5ut {
+} .badge__component_p8duf.badge__background-accent_p8duf {
         background-color: var(--color-light-accent-primary);
         color: var(--color-static-text-primary-inverted);
-    } .badge__component_1p5ut.badge__background-specialbg-secondary-transparent_1p5ut {
+    } .badge__component_p8duf.badge__background-specialbg-secondary-transparent_p8duf {
         background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_1p5ut.badge__background-primary_1p5ut {
+    } .badge__component_p8duf.badge__background-primary_p8duf {
         background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__count_1p5ut {
+    } .badge__countWrapper_p8duf {
+    display: inline-flex;
+    border-radius: var(--border-radius-pill);
+} .badge__count_p8duf {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    border-radius: var(--border-radius-pill);
-} .badge__outlineCount_1p5ut {
+} .badge__outlineCount_p8duf {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_1p5ut {
+} .badge__s_p8duf {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_1p5ut {
+} .badge__m_p8duf {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_1p5ut {
+} .badge__l_p8duf {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_1p5ut {
+} .badge__heightS_p8duf {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_1p5ut {
+} .badge__heightM_p8duf {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_1p5ut {
+} .badge__heightL_p8duf {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_1p5ut {
+} .badge__heightXL_p8duf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_1p5ut {
+} .badge__heightXXL_p8duf {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_1p5ut.badge__outlineCount_1p5ut {
+} .badge__heightS_p8duf.badge__outlineCount_p8duf {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_1p5ut {
+} .badge__icon_p8duf {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-status-positive)
-} .badge__icon_1p5ut.badge__positive_1p5ut {
+} .badge__icon_p8duf.badge__positive_p8duf {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_1p5ut.badge__attention_1p5ut {
+    } .badge__icon_p8duf.badge__attention_p8duf {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_1p5ut.badge__negative_1p5ut {
+    } .badge__icon_p8duf.badge__negative_p8duf {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_1p5ut.badge__link_1p5ut {
+    } .badge__icon_p8duf.badge__link_p8duf {
         color: var(--color-light-status-info);
         background-color: var(--color-light-status-info);
-    } .badge__icon_1p5ut.badge__tertiary_1p5ut {
+    } .badge__icon_p8duf.badge__tertiary_p8duf {
         color: var(--color-light-neutral-500);
         background-color: var(--color-light-neutral-500);
-    } .badge__icon_1p5ut.badge__secondary_1p5ut {
+    } .badge__icon_p8duf.badge__secondary_p8duf {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_1p5ut.badge__primary_1p5ut {
+    } .badge__icon_p8duf.badge__primary_p8duf {
         color: var(--color-light-neutral-1500);
         background-color: var(--color-light-neutral-1500);
-    } .badge__icon_1p5ut.badge__s_1p5ut {
+    } .badge__icon_p8duf.badge__s_p8duf {
     width: 16px;
     height: 16px;
-} .badge__icon_1p5ut:before {
+} .badge__icon_p8duf:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -158,45 +160,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_1p5ut.badge__icon_1p5ut:before {
+} .badge__graphic-static-light_p8duf.badge__icon_p8duf:before {
     background-color: var(--color-static-neutral-1500-inverted);
-} .badge__graphic-primary_1p5ut.badge__icon_1p5ut:before {
+} .badge__graphic-primary_p8duf.badge__icon_p8duf:before {
     background-color: var(--color-light-neutral-1500);
-} .badge__outline_1p5ut {
+} .badge__outline_p8duf {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_1p5ut {
+} .badge__outlineColor_p8duf {
     background-color: var(--color-light-accent-primary)
-} .badge__outlineColor_1p5ut.badge__attention_1p5ut {
+} .badge__outlineColor_p8duf.badge__attention_p8duf {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_1p5ut.badge__positive_1p5ut {
+    } .badge__outlineColor_p8duf.badge__positive_p8duf {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_1p5ut.badge__negative_1p5ut {
+    } .badge__outlineColor_p8duf.badge__negative_p8duf {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_1p5ut.badge__link_1p5ut {
+    } .badge__outlineColor_p8duf.badge__link_p8duf {
         background-color: var(--color-light-status-info);
-    } .badge__outlineColor_1p5ut.badge__tertiary_1p5ut {
+    } .badge__outlineColor_p8duf.badge__tertiary_p8duf {
         background-color: var(--color-light-neutral-500);
-    } .badge__outlineColor_1p5ut.badge__secondary_1p5ut {
+    } .badge__outlineColor_p8duf.badge__secondary_p8duf {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_1p5ut.badge__primary_1p5ut {
+    } .badge__outlineColor_p8duf.badge__primary_p8duf {
         background-color: var(--color-light-neutral-1500);
-    } .badge__dot_1p5ut {
+    } .badge__dot_p8duf {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_1p5ut.badge__outlineCount_1p5ut {
+} .badge__dot_p8duf.badge__outlineCount_p8duf {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_1p5ut {
+} .badge__isHidden_p8duf {
     display: none;
-} .badge__icon_1p5ut svg {
+} .badge__icon_p8duf svg {
     position: relative;
-} .badge__m_1p5ut svg {
+} .badge__m_p8duf svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_1p5ut svg {
+} .badge__xl_p8duf 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_m7j4c","aspectRatioContainer":"bank-card__aspectRatioContainer_m7j4c","content":"bank-card__content_m7j4c","label":"bank-card__label_m7j4c","focused":"bank-card__focused_m7j4c","filled":"bank-card__filled_m7j4c","input":"bank-card__input_m7j4c","bankLogo":"bank-card__bankLogo_m7j4c","brandLogo":"bank-card__brandLogo_m7j4c","usePhoto":"bank-card__usePhoto_m7j4c"};
+var styles = {"component":"bank-card__component_wd8lq","aspectRatioContainer":"bank-card__aspectRatioContainer_wd8lq","content":"bank-card__content_wd8lq","label":"bank-card__label_wd8lq","focused":"bank-card__focused_wd8lq","filled":"bank-card__filled_wd8lq","input":"bank-card__input_wd8lq","bankLogo":"bank-card__bankLogo_wd8lq","brandLogo":"bank-card__brandLogo_wd8lq","usePhoto":"bank-card__usePhoto_wd8lq"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/Component.js

@@ -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_m7j4c","aspectRatioContainer":"bank-card__aspectRatioContainer_m7j4c","content":"bank-card__content_m7j4c","label":"bank-card__label_m7j4c","focused":"bank-card__focused_m7j4c","filled":"bank-card__filled_m7j4c","input":"bank-card__input_m7j4c","bankLogo":"bank-card__bankLogo_m7j4c","brandLogo":"bank-card__brandLogo_m7j4c","usePhoto":"bank-card__usePhoto_m7j4c"};
+var styles = {"component":"bank-card__component_wd8lq","aspectRatioContainer":"bank-card__aspectRatioContainer_wd8lq","content":"bank-card__content_wd8lq","label":"bank-card__label_wd8lq","focused":"bank-card__focused_wd8lq","filled":"bank-card__filled_wd8lq","input":"bank-card__input_wd8lq","bankLogo":"bank-card__bankLogo_wd8lq","brandLogo":"bank-card__brandLogo_wd8lq","usePhoto":"bank-card__usePhoto_wd8lq"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: ggzat */
+/* hash: 141pm */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500: #0e0e0e;
@@ -22,7 +22,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .bank-card__component_m7j4c {
+} .bank-card__component_wd8lq {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_m7j4c {
+} .bank-card__aspectRatioContainer_wd8lq {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_m7j4c {
+} .bank-card__content_wd8lq {
     position: absolute;
     top: 0;
     right: 0;
@@ -56,26 +56,26 @@
     padding-right: var(--gap-l);
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
-} .bank-card__label_m7j4c {
+} .bank-card__label_wd8lq {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__label_wd8lq {
         font-size: 16px
 }
-    } .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+    } .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
     color: var(--color-light-neutral-1500);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_m7j4c:before {
+    } .bank-card__focused_wd8lq:before {
     transform: scale(1) !important;
-} .bank-card__input_m7j4c {
+} .bank-card__input_wd8lq {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -88,27 +88,27 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: 0 !important;
     padding-bottom: var(--gap-2xs) !important
-} @media (max-width: 360px) { .bank-card__input_m7j4c {
+} @media (max-width: 360px) { .bank-card__input_wd8lq {
         font-size: 16px
 }
-    } .bank-card__bankLogo_m7j4c {
+    } .bank-card__bankLogo_wd8lq {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_m7j4c svg {
+} .bank-card__bankLogo_wd8lq svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_m7j4c svg g {
+    } .bank-card__bankLogo_wd8lq svg g {
             fill: var(--color-light-neutral-1500);
-        } .bank-card__brandLogo_m7j4c {
+        } .bank-card__brandLogo_wd8lq {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_m7j4c svg {
+} .bank-card__brandLogo_wd8lq svg {
         display: block;
         fill: var(--color-light-neutral-1500);
-    } .bank-card__usePhoto_m7j4c {
+    } .bank-card__usePhoto_wd8lq {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_m7j4c svg {
+} .bank-card__usePhoto_wd8lq svg {
         fill: var(--color-light-neutral-1500);
         display: block;
     }

package/bank-card/index.css

@@ -1,4 +1,4 @@
-/* hash: ggzat */
+/* hash: 141pm */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500: #0e0e0e;
@@ -22,7 +22,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .bank-card__component_m7j4c {
+} .bank-card__component_wd8lq {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_m7j4c {
+} .bank-card__aspectRatioContainer_wd8lq {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_m7j4c {
+} .bank-card__content_wd8lq {
     position: absolute;
     top: 0;
     right: 0;
@@ -56,26 +56,26 @@
     padding-right: var(--gap-l);
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
-} .bank-card__label_m7j4c {
+} .bank-card__label_wd8lq {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__label_wd8lq {
         font-size: 16px
 }
-    } .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+    } .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
     color: var(--color-light-neutral-1500);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_m7j4c:before {
+    } .bank-card__focused_wd8lq:before {
     transform: scale(1) !important;
-} .bank-card__input_m7j4c {
+} .bank-card__input_wd8lq {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -88,27 +88,27 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: 0 !important;
     padding-bottom: var(--gap-2xs) !important
-} @media (max-width: 360px) { .bank-card__input_m7j4c {
+} @media (max-width: 360px) { .bank-card__input_wd8lq {
         font-size: 16px
 }
-    } .bank-card__bankLogo_m7j4c {
+    } .bank-card__bankLogo_wd8lq {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_m7j4c svg {
+} .bank-card__bankLogo_wd8lq svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_m7j4c svg g {
+    } .bank-card__bankLogo_wd8lq svg g {
             fill: var(--color-light-neutral-1500);
-        } .bank-card__brandLogo_m7j4c {
+        } .bank-card__brandLogo_wd8lq {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_m7j4c svg {
+} .bank-card__brandLogo_wd8lq svg {
         display: block;
         fill: var(--color-light-neutral-1500);
-    } .bank-card__usePhoto_m7j4c {
+    } .bank-card__usePhoto_wd8lq {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_m7j4c svg {
+} .bank-card__usePhoto_wd8lq svg {
         fill: var(--color-light-neutral-1500);
         display: block;
     }

package/bank-card/modern/Component.js

@@ -8,7 +8,7 @@ import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
 import { validateCardNumber } from './utils.js';
 
-const styles = {"component":"bank-card__component_m7j4c","aspectRatioContainer":"bank-card__aspectRatioContainer_m7j4c","content":"bank-card__content_m7j4c","label":"bank-card__label_m7j4c","focused":"bank-card__focused_m7j4c","filled":"bank-card__filled_m7j4c","input":"bank-card__input_m7j4c","bankLogo":"bank-card__bankLogo_m7j4c","brandLogo":"bank-card__brandLogo_m7j4c","usePhoto":"bank-card__usePhoto_m7j4c"};
+const styles = {"component":"bank-card__component_wd8lq","aspectRatioContainer":"bank-card__aspectRatioContainer_wd8lq","content":"bank-card__content_wd8lq","label":"bank-card__label_wd8lq","focused":"bank-card__focused_wd8lq","filled":"bank-card__filled_wd8lq","input":"bank-card__input_wd8lq","bankLogo":"bank-card__bankLogo_wd8lq","brandLogo":"bank-card__brandLogo_wd8lq","usePhoto":"bank-card__usePhoto_wd8lq"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: ggzat */
+/* hash: 141pm */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500: #0e0e0e;
@@ -22,7 +22,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .bank-card__component_m7j4c {
+} .bank-card__component_wd8lq {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_m7j4c {
+} .bank-card__aspectRatioContainer_wd8lq {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_m7j4c {
+} .bank-card__content_wd8lq {
     position: absolute;
     top: 0;
     right: 0;
@@ -56,26 +56,26 @@
     padding-right: var(--gap-l);
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
-} .bank-card__label_m7j4c {
+} .bank-card__label_wd8lq {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__label_wd8lq {
         font-size: 16px
 }
-    } .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+    } .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
     color: var(--color-light-neutral-1500);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_m7j4c .bank-card__label_m7j4c,
-.bank-card__filled_m7j4c .bank-card__label_m7j4c {
+} @media (max-width: 360px) { .bank-card__focused_wd8lq .bank-card__label_wd8lq,
+.bank-card__filled_wd8lq .bank-card__label_wd8lq {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_m7j4c:before {
+    } .bank-card__focused_wd8lq:before {
     transform: scale(1) !important;
-} .bank-card__input_m7j4c {
+} .bank-card__input_wd8lq {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -88,27 +88,27 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: 0 !important;
     padding-bottom: var(--gap-2xs) !important
-} @media (max-width: 360px) { .bank-card__input_m7j4c {
+} @media (max-width: 360px) { .bank-card__input_wd8lq {
         font-size: 16px
 }
-    } .bank-card__bankLogo_m7j4c {
+    } .bank-card__bankLogo_wd8lq {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_m7j4c svg {
+} .bank-card__bankLogo_wd8lq svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_m7j4c svg g {
+    } .bank-card__bankLogo_wd8lq svg g {
             fill: var(--color-light-neutral-1500);
-        } .bank-card__brandLogo_m7j4c {
+        } .bank-card__brandLogo_wd8lq {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_m7j4c svg {
+} .bank-card__brandLogo_wd8lq svg {
         display: block;
         fill: var(--color-light-neutral-1500);
-    } .bank-card__usePhoto_m7j4c {
+    } .bank-card__usePhoto_wd8lq {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_m7j4c svg {
+} .bank-card__usePhoto_wd8lq svg {
         fill: var(--color-light-neutral-1500);
         display: block;
     }

package/base-modal/Component.js

@@ -22,7 +22,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"base-modal__component_1b68o","wrapper":"base-modal__wrapper_1b68o","content":"base-modal__content_1b68o","hidden":"base-modal__hidden_1b68o","backdrop":"base-modal__backdrop_1b68o","appear":"base-modal__appear_1b68o","enter":"base-modal__enter_1b68o","appearActive":"base-modal__appearActive_1b68o","enterActive":"base-modal__enterActive_1b68o","exit":"base-modal__exit_1b68o","exitActive":"base-modal__exitActive_1b68o","exitDone":"base-modal__exitDone_1b68o"};
+var styles = {"component":"base-modal__component_1k8s6","wrapper":"base-modal__wrapper_1k8s6","content":"base-modal__content_1k8s6","hidden":"base-modal__hidden_1k8s6","backdrop":"base-modal__backdrop_1k8s6","appear":"base-modal__appear_1k8s6","enter":"base-modal__enter_1k8s6","appearActive":"base-modal__appearActive_1k8s6","enterActive":"base-modal__enterActive_1k8s6","exit":"base-modal__exit_1k8s6","exitActive":"base-modal__exitActive_1k8s6","exitDone":"base-modal__exitDone_1k8s6"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/Component.js

@@ -13,7 +13,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/esm';
 
-var styles = {"component":"base-modal__component_1b68o","wrapper":"base-modal__wrapper_1b68o","content":"base-modal__content_1b68o","hidden":"base-modal__hidden_1b68o","backdrop":"base-modal__backdrop_1b68o","appear":"base-modal__appear_1b68o","enter":"base-modal__enter_1b68o","appearActive":"base-modal__appearActive_1b68o","enterActive":"base-modal__enterActive_1b68o","exit":"base-modal__exit_1b68o","exitActive":"base-modal__exitActive_1b68o","exitDone":"base-modal__exitDone_1b68o"};
+var styles = {"component":"base-modal__component_1k8s6","wrapper":"base-modal__wrapper_1k8s6","content":"base-modal__content_1k8s6","hidden":"base-modal__hidden_1k8s6","backdrop":"base-modal__backdrop_1k8s6","appear":"base-modal__appear_1k8s6","enter":"base-modal__enter_1k8s6","appearActive":"base-modal__appearActive_1k8s6","enterActive":"base-modal__enterActive_1k8s6","exit":"base-modal__exit_1k8s6","exitActive":"base-modal__exitActive_1k8s6","exitDone":"base-modal__exitDone_1k8s6"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1njhy */
+/* hash: 1npo2 */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #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 */
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_1b68o {
+} .base-modal__component_1k8s6 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_1b68o {
+} .base-modal__wrapper_1k8s6 {
     position: fixed;
     top: 0;
     left: 0;
@@ -34,27 +34,27 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_1b68o {
+} .base-modal__content_1k8s6 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_1b68o {
+} .base-modal__hidden_1k8s6 {
     display: none;
-} .base-modal__backdrop_1b68o {
+} .base-modal__backdrop_1k8s6 {
     z-index: 0;
-} .base-modal__appear_1b68o,
-.base-modal__enter_1b68o {
+} .base-modal__appear_1k8s6,
+.base-modal__enter_1k8s6 {
     opacity: 0;
-} .base-modal__appearActive_1b68o,
-.base-modal__enterActive_1b68o {
+} .base-modal__appearActive_1k8s6,
+.base-modal__enterActive_1k8s6 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_1b68o {
+} .base-modal__exit_1k8s6 {
     opacity: 1;
-} .base-modal__exitActive_1b68o,
-.base-modal__exitDone_1b68o {
+} .base-modal__exitActive_1k8s6,
+.base-modal__exitDone_1k8s6 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }