@alfalab/core-components 41.9.0 → 41.11.0

package/badge/modern/index.css

@@ -36,25 +36,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-bg-primary);
-} .badge__wrapper_19r88 {
+} .badge__wrapper_13qu9 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_19r88.badge__s_19r88 {
+} .badge__wrapper_13qu9.badge__s_13qu9 {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_19r88.badge__m_19r88 {
+    } .badge__wrapper_13qu9.badge__m_13qu9 {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_19r88.badge__xl_19r88 {
+    } .badge__wrapper_13qu9.badge__xl_13qu9 {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_19r88 {
+    } .badge__component_13qu9 {
     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_19r88.badge__background-accent_19r88 {
+} .badge__component_13qu9.badge__background-accent_13qu9 {
         background-color: var(--color-light-bg-accent);
         color: var(--color-static-text-primary-light);
-    } .badge__component_19r88.badge__background-specialbg-secondary-transparent_19r88 {
+    } .badge__component_13qu9.badge__background-specialbg-secondary-transparent_13qu9 {
         background-color: var(--color-light-specialbg-secondary-transparent);
         color: var(--color-light-text-primary);
-    } .badge__component_19r88.badge__background-primary_19r88 {
+    } .badge__component_13qu9.badge__background-primary_13qu9 {
         background-color: var(--color-light-bg-primary);
         color: var(--color-light-text-primary);
-    } .badge__count_19r88 {
+    } .badge__count_13qu9 {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: var(--border-radius-pill);
-} .badge__outlineCount_19r88 {
+} .badge__outlineCount_13qu9 {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_19r88 {
+} .badge__s_13qu9 {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_19r88 {
+} .badge__m_13qu9 {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_19r88 {
+} .badge__l_13qu9 {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_19r88 {
+} .badge__heightS_13qu9 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_19r88 {
+} .badge__heightM_13qu9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_19r88 {
+} .badge__heightL_13qu9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_19r88 {
+} .badge__heightXL_13qu9 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_19r88 {
+} .badge__heightXXL_13qu9 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_19r88.badge__outlineCount_19r88 {
+} .badge__heightS_13qu9.badge__outlineCount_13qu9 {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_19r88 {
+} .badge__icon_13qu9 {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-graphic-positive)
-} .badge__icon_19r88.badge__positive_19r88 {
+} .badge__icon_13qu9.badge__positive_13qu9 {
         color: var(--color-light-graphic-positive);
         background-color: var(--color-light-graphic-positive);
-    } .badge__icon_19r88.badge__attention_19r88 {
+    } .badge__icon_13qu9.badge__attention_13qu9 {
         color: var(--color-light-graphic-attention);
         background-color: var(--color-light-graphic-attention);
-    } .badge__icon_19r88.badge__negative_19r88 {
+    } .badge__icon_13qu9.badge__negative_13qu9 {
         color: var(--color-light-graphic-negative);
         background-color: var(--color-light-graphic-negative);
-    } .badge__icon_19r88.badge__link_19r88 {
+    } .badge__icon_13qu9.badge__link_13qu9 {
         color: var(--color-light-graphic-link);
         background-color: var(--color-light-graphic-link);
-    } .badge__icon_19r88.badge__tertiary_19r88 {
+    } .badge__icon_13qu9.badge__tertiary_13qu9 {
         color: var(--color-light-graphic-tertiary);
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__icon_19r88.badge__secondary_19r88 {
+    } .badge__icon_13qu9.badge__secondary_13qu9 {
         color: var(--color-light-graphic-secondary);
         background-color: var(--color-light-graphic-secondary);
-    } .badge__icon_19r88.badge__primary_19r88 {
+    } .badge__icon_13qu9.badge__primary_13qu9 {
         color: var(--color-light-graphic-primary);
         background-color: var(--color-light-graphic-primary);
-    } .badge__icon_19r88.badge__s_19r88 {
+    } .badge__icon_13qu9.badge__s_13qu9 {
     width: 16px;
     height: 16px;
-} .badge__icon_19r88:before {
+} .badge__icon_13qu9: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_19r88.badge__icon_19r88:before {
+} .badge__graphic-static-light_13qu9.badge__icon_13qu9:before {
     background-color: var(--color-static-graphic-light);
-} .badge__graphic-primary_19r88.badge__icon_19r88:before {
+} .badge__graphic-primary_13qu9.badge__icon_13qu9:before {
     background-color: var(--color-light-graphic-primary);
-} .badge__outline_19r88 {
+} .badge__outline_13qu9 {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_19r88 {
+} .badge__outlineColor_13qu9 {
     background-color: var(--color-light-bg-accent)
-} .badge__outlineColor_19r88.badge__attention_19r88 {
+} .badge__outlineColor_13qu9.badge__attention_13qu9 {
         background-color: var(--color-light-graphic-attention);
-    } .badge__outlineColor_19r88.badge__positive_19r88 {
+    } .badge__outlineColor_13qu9.badge__positive_13qu9 {
         background-color: var(--color-light-graphic-positive);
-    } .badge__outlineColor_19r88.badge__negative_19r88 {
+    } .badge__outlineColor_13qu9.badge__negative_13qu9 {
         background-color: var(--color-light-graphic-negative);
-    } .badge__outlineColor_19r88.badge__link_19r88 {
+    } .badge__outlineColor_13qu9.badge__link_13qu9 {
         background-color: var(--color-light-graphic-link);
-    } .badge__outlineColor_19r88.badge__tertiary_19r88 {
+    } .badge__outlineColor_13qu9.badge__tertiary_13qu9 {
         background-color: var(--color-light-graphic-tertiary);
-    } .badge__outlineColor_19r88.badge__secondary_19r88 {
+    } .badge__outlineColor_13qu9.badge__secondary_13qu9 {
         background-color: var(--color-light-graphic-secondary);
-    } .badge__outlineColor_19r88.badge__primary_19r88 {
+    } .badge__outlineColor_13qu9.badge__primary_13qu9 {
         background-color: var(--color-light-graphic-primary);
-    } .badge__dot_19r88 {
+    } .badge__dot_13qu9 {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_19r88.badge__outlineCount_19r88 {
+} .badge__dot_13qu9.badge__outlineCount_13qu9 {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_19r88 {
+} .badge__isHidden_13qu9 {
     display: none;
-} .badge__icon_19r88 svg {
+} .badge__icon_13qu9 svg {
     position: relative;
-} .badge__m_19r88 svg {
+} .badge__m_13qu9 svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_19r88 svg {
+} .badge__xl_13qu9 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_1davg","aspectRatioContainer":"bank-card__aspectRatioContainer_1davg","content":"bank-card__content_1davg","label":"bank-card__label_1davg","focused":"bank-card__focused_1davg","filled":"bank-card__filled_1davg","input":"bank-card__input_1davg","bankLogo":"bank-card__bankLogo_1davg","brandLogo":"bank-card__brandLogo_1davg","usePhoto":"bank-card__usePhoto_1davg"};
+var styles = {"component":"bank-card__component_1p3l8","aspectRatioContainer":"bank-card__aspectRatioContainer_1p3l8","content":"bank-card__content_1p3l8","label":"bank-card__label_1p3l8","focused":"bank-card__focused_1p3l8","filled":"bank-card__filled_1p3l8","input":"bank-card__input_1p3l8","bankLogo":"bank-card__bankLogo_1p3l8","brandLogo":"bank-card__brandLogo_1p3l8","usePhoto":"bank-card__usePhoto_1p3l8"};
 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_1davg","aspectRatioContainer":"bank-card__aspectRatioContainer_1davg","content":"bank-card__content_1davg","label":"bank-card__label_1davg","focused":"bank-card__focused_1davg","filled":"bank-card__filled_1davg","input":"bank-card__input_1davg","bankLogo":"bank-card__bankLogo_1davg","brandLogo":"bank-card__brandLogo_1davg","usePhoto":"bank-card__usePhoto_1davg"};
+var styles = {"component":"bank-card__component_1p3l8","aspectRatioContainer":"bank-card__aspectRatioContainer_1p3l8","content":"bank-card__content_1p3l8","label":"bank-card__label_1p3l8","focused":"bank-card__focused_1p3l8","filled":"bank-card__filled_1p3l8","input":"bank-card__input_1p3l8","bankLogo":"bank-card__bankLogo_1p3l8","brandLogo":"bank-card__brandLogo_1p3l8","usePhoto":"bank-card__usePhoto_1p3l8"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 14xc6 */
+/* hash: rr49p */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -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_1davg {
+} .bank-card__component_1p3l8 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1davg {
+} .bank-card__aspectRatioContainer_1p3l8 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1davg {
+} .bank-card__content_1p3l8 {
     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_1davg {
+} .bank-card__label_1p3l8 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__label_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+    } .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1davg:before {
+    } .bank-card__focused_1p3l8:before {
     transform: scale(1) !important;
-} .bank-card__input_1davg {
+} .bank-card__input_1p3l8 {
     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_1davg {
+} @media (max-width: 360px) { .bank-card__input_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1davg {
+    } .bank-card__bankLogo_1p3l8 {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_1davg svg {
+} .bank-card__bankLogo_1p3l8 svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_1davg svg g {
+    } .bank-card__bankLogo_1p3l8 svg g {
             fill: var(--color-black);
-        } .bank-card__brandLogo_1davg {
+        } .bank-card__brandLogo_1p3l8 {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_1davg svg {
+} .bank-card__brandLogo_1p3l8 svg {
         display: block;
         fill: var(--color-black);
-    } .bank-card__usePhoto_1davg {
+    } .bank-card__usePhoto_1p3l8 {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_1davg svg {
+} .bank-card__usePhoto_1p3l8 svg {
         fill: var(--color-black);
         display: block;
     }

package/bank-card/index.css

@@ -1,4 +1,4 @@
-/* hash: 14xc6 */
+/* hash: rr49p */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -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_1davg {
+} .bank-card__component_1p3l8 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1davg {
+} .bank-card__aspectRatioContainer_1p3l8 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1davg {
+} .bank-card__content_1p3l8 {
     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_1davg {
+} .bank-card__label_1p3l8 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__label_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+    } .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1davg:before {
+    } .bank-card__focused_1p3l8:before {
     transform: scale(1) !important;
-} .bank-card__input_1davg {
+} .bank-card__input_1p3l8 {
     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_1davg {
+} @media (max-width: 360px) { .bank-card__input_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1davg {
+    } .bank-card__bankLogo_1p3l8 {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_1davg svg {
+} .bank-card__bankLogo_1p3l8 svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_1davg svg g {
+    } .bank-card__bankLogo_1p3l8 svg g {
             fill: var(--color-black);
-        } .bank-card__brandLogo_1davg {
+        } .bank-card__brandLogo_1p3l8 {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_1davg svg {
+} .bank-card__brandLogo_1p3l8 svg {
         display: block;
         fill: var(--color-black);
-    } .bank-card__usePhoto_1davg {
+    } .bank-card__usePhoto_1p3l8 {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_1davg svg {
+} .bank-card__usePhoto_1p3l8 svg {
         fill: var(--color-black);
         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_1davg","aspectRatioContainer":"bank-card__aspectRatioContainer_1davg","content":"bank-card__content_1davg","label":"bank-card__label_1davg","focused":"bank-card__focused_1davg","filled":"bank-card__filled_1davg","input":"bank-card__input_1davg","bankLogo":"bank-card__bankLogo_1davg","brandLogo":"bank-card__brandLogo_1davg","usePhoto":"bank-card__usePhoto_1davg"};
+const styles = {"component":"bank-card__component_1p3l8","aspectRatioContainer":"bank-card__aspectRatioContainer_1p3l8","content":"bank-card__content_1p3l8","label":"bank-card__label_1p3l8","focused":"bank-card__focused_1p3l8","filled":"bank-card__filled_1p3l8","input":"bank-card__input_1p3l8","bankLogo":"bank-card__bankLogo_1p3l8","brandLogo":"bank-card__brandLogo_1p3l8","usePhoto":"bank-card__usePhoto_1p3l8"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 14xc6 */
+/* hash: rr49p */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -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_1davg {
+} .bank-card__component_1p3l8 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -41,10 +41,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1davg {
+} .bank-card__aspectRatioContainer_1p3l8 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1davg {
+} .bank-card__content_1p3l8 {
     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_1davg {
+} .bank-card__label_1p3l8 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__label_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+    } .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1davg .bank-card__label_1davg,
-.bank-card__filled_1davg .bank-card__label_1davg {
+} @media (max-width: 360px) { .bank-card__focused_1p3l8 .bank-card__label_1p3l8,
+.bank-card__filled_1p3l8 .bank-card__label_1p3l8 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1davg:before {
+    } .bank-card__focused_1p3l8:before {
     transform: scale(1) !important;
-} .bank-card__input_1davg {
+} .bank-card__input_1p3l8 {
     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_1davg {
+} @media (max-width: 360px) { .bank-card__input_1p3l8 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1davg {
+    } .bank-card__bankLogo_1p3l8 {
     position: absolute;
     top: 20px;
     left: 20px
-} .bank-card__bankLogo_1davg svg {
+} .bank-card__bankLogo_1p3l8 svg {
         max-height: 32px;
         width: auto;
         display: block
-    } .bank-card__bankLogo_1davg svg g {
+    } .bank-card__bankLogo_1p3l8 svg g {
             fill: var(--color-black);
-        } .bank-card__brandLogo_1davg {
+        } .bank-card__brandLogo_1p3l8 {
     position: absolute;
     bottom: 20px;
     right: 20px
-} .bank-card__brandLogo_1davg svg {
+} .bank-card__brandLogo_1p3l8 svg {
         display: block;
         fill: var(--color-black);
-    } .bank-card__usePhoto_1davg {
+    } .bank-card__usePhoto_1p3l8 {
     display: block;
     margin: 0;
     padding: 0;
@@ -125,7 +125,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
-} .bank-card__usePhoto_1davg svg {
+} .bank-card__usePhoto_1p3l8 svg {
         fill: var(--color-black);
         display: block;
     }

package/base-modal/Component.js

@@ -21,7 +21,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_543k2","wrapper":"base-modal__wrapper_543k2","content":"base-modal__content_543k2","hidden":"base-modal__hidden_543k2","backdrop":"base-modal__backdrop_543k2","appear":"base-modal__appear_543k2","enter":"base-modal__enter_543k2","appearActive":"base-modal__appearActive_543k2","enterActive":"base-modal__enterActive_543k2","exit":"base-modal__exit_543k2","exitActive":"base-modal__exitActive_543k2","exitDone":"base-modal__exitDone_543k2"};
+var styles = {"component":"base-modal__component_5ev1r","wrapper":"base-modal__wrapper_5ev1r","content":"base-modal__content_5ev1r","hidden":"base-modal__hidden_5ev1r","backdrop":"base-modal__backdrop_5ev1r","appear":"base-modal__appear_5ev1r","enter":"base-modal__enter_5ev1r","appearActive":"base-modal__appearActive_5ev1r","enterActive":"base-modal__enterActive_5ev1r","exit":"base-modal__exit_5ev1r","exitActive":"base-modal__exitActive_5ev1r","exitDone":"base-modal__exitDone_5ev1r"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/Component.js

@@ -12,7 +12,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/esm';
 
-var styles = {"component":"base-modal__component_543k2","wrapper":"base-modal__wrapper_543k2","content":"base-modal__content_543k2","hidden":"base-modal__hidden_543k2","backdrop":"base-modal__backdrop_543k2","appear":"base-modal__appear_543k2","enter":"base-modal__enter_543k2","appearActive":"base-modal__appearActive_543k2","enterActive":"base-modal__enterActive_543k2","exit":"base-modal__exit_543k2","exitActive":"base-modal__exitActive_543k2","exitDone":"base-modal__exitDone_543k2"};
+var styles = {"component":"base-modal__component_5ev1r","wrapper":"base-modal__wrapper_5ev1r","content":"base-modal__content_5ev1r","hidden":"base-modal__hidden_5ev1r","backdrop":"base-modal__backdrop_5ev1r","appear":"base-modal__appear_5ev1r","enter":"base-modal__enter_5ev1r","appearActive":"base-modal__appearActive_5ev1r","enterActive":"base-modal__enterActive_5ev1r","exit":"base-modal__exit_5ev1r","exitActive":"base-modal__exitActive_5ev1r","exitDone":"base-modal__exitDone_5ev1r"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/index.css

@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_543k2 {
+} .base-modal__component_5ev1r {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_543k2 {
+} .base-modal__wrapper_5ev1r {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_543k2 {
+} .base-modal__content_5ev1r {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_543k2 {
+} .base-modal__hidden_5ev1r {
     display: none;
-} .base-modal__backdrop_543k2 {
+} .base-modal__backdrop_5ev1r {
     z-index: 0;
-} .base-modal__appear_543k2,
-.base-modal__enter_543k2 {
+} .base-modal__appear_5ev1r,
+.base-modal__enter_5ev1r {
     opacity: 0;
-} .base-modal__appearActive_543k2,
-.base-modal__enterActive_543k2 {
+} .base-modal__appearActive_5ev1r,
+.base-modal__enterActive_5ev1r {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_543k2 {
+} .base-modal__exit_5ev1r {
     opacity: 1;
-} .base-modal__exitActive_543k2,
-.base-modal__exitDone_543k2 {
+} .base-modal__exitActive_5ev1r,
+.base-modal__exitDone_5ev1r {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }