@alfalab/core-components 20.6.0 → 21.0.0

package/amount-input/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_8vt40","bold":"amount-input__bold_8vt40","input":"amount-input__input_8vt40","suffixContainer":"amount-input__suffixContainer_8vt40","filled":"amount-input__filled_8vt40"};
+var styles = {"container":"amount-input__container_m8w8i","bold":"amount-input__bold_m8w8i","input":"amount-input__input_m8w8i","suffixContainer":"amount-input__suffixContainer_m8w8i","filled":"amount-input__filled_m8w8i"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_bpd5n"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1aycz"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1r9qg"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_rhm8r"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/default.css

@@ -1,4 +1,4 @@
-/* hash: bpd5n */
+/* hash: 1aycz */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_bpd5n {
+.amount-input__minorPartAndCurrency_1aycz {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/Component.js

@@ -44,13 +44,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_8vt40","bold":"amount-input__bold_8vt40","input":"amount-input__input_8vt40","suffixContainer":"amount-input__suffixContainer_8vt40","filled":"amount-input__filled_8vt40"};
+var styles = {"container":"amount-input__container_m8w8i","bold":"amount-input__bold_m8w8i","input":"amount-input__input_m8w8i","suffixContainer":"amount-input__suffixContainer_m8w8i","filled":"amount-input__filled_m8w8i"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_bpd5n"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1aycz"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1r9qg"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_rhm8r"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: bpd5n */
+/* hash: 1aycz */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_bpd5n {
+.amount-input__minorPartAndCurrency_1aycz {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 8vt40 */
+/* hash: m8w8i */
 :root {
 
     /* Hard */
@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_8vt40 {
+.amount-input__container_m8w8i {
     position: relative;
 }
-.amount-input__bold_8vt40 .amount-input__input_8vt40,
-.amount-input__bold_8vt40 .amount-input__suffixContainer_8vt40 {
+.amount-input__bold_m8w8i .amount-input__input_m8w8i,
+.amount-input__bold_m8w8i .amount-input__suffixContainer_m8w8i {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_8vt40 > *:first-child {
+.amount-input__suffixContainer_m8w8i > *:first-child {
     display: none;
 }
-.amount-input__filled_8vt40 .amount-input__input_8vt40,
-.amount-input__input_8vt40:focus {
+.amount-input__filled_m8w8i .amount-input__input_m8w8i,
+.amount-input__input_m8w8i:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1r9qg */
+/* hash: rhm8r */
 :root {
 
     /* Hard */
@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_1r9qg {
+.amount-input__minorPartAndCurrency_rhm8r {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 8vt40 */
+/* hash: m8w8i */
 :root {
 
     /* Hard */
@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_8vt40 {
+.amount-input__container_m8w8i {
     position: relative;
 }
-.amount-input__bold_8vt40 .amount-input__input_8vt40,
-.amount-input__bold_8vt40 .amount-input__suffixContainer_8vt40 {
+.amount-input__bold_m8w8i .amount-input__input_m8w8i,
+.amount-input__bold_m8w8i .amount-input__suffixContainer_m8w8i {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_8vt40 > *:first-child {
+.amount-input__suffixContainer_m8w8i > *:first-child {
     display: none;
 }
-.amount-input__filled_8vt40 .amount-input__input_8vt40,
-.amount-input__input_8vt40:focus {
+.amount-input__filled_m8w8i .amount-input__input_m8w8i,
+.amount-input__input_m8w8i:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1r9qg */
+/* hash: rhm8r */
 :root {
 
     /* Hard */
@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_1r9qg {
+.amount-input__minorPartAndCurrency_rhm8r {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/modern/Component.js

@@ -5,13 +5,13 @@ import { Input } from '../../input/modern';
 import { withSuffix } from '../../with-suffix/modern';
 import { getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-var styles = {"container":"amount-input__container_8vt40","bold":"amount-input__bold_8vt40","input":"amount-input__input_8vt40","suffixContainer":"amount-input__suffixContainer_8vt40","filled":"amount-input__filled_8vt40"};
+var styles = {"container":"amount-input__container_m8w8i","bold":"amount-input__bold_m8w8i","input":"amount-input__input_m8w8i","suffixContainer":"amount-input__suffixContainer_m8w8i","filled":"amount-input__filled_m8w8i"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_bpd5n"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1aycz"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1r9qg"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_rhm8r"};
 require('./inverted.css');
 
 const colorStyles = {

package/amount-input/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: bpd5n */
+/* hash: 1aycz */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_bpd5n {
+.amount-input__minorPartAndCurrency_1aycz {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 8vt40 */
+/* hash: m8w8i */
 :root {
 
     /* Hard */
@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_8vt40 {
+.amount-input__container_m8w8i {
     position: relative;
 }
-.amount-input__bold_8vt40 .amount-input__input_8vt40,
-.amount-input__bold_8vt40 .amount-input__suffixContainer_8vt40 {
+.amount-input__bold_m8w8i .amount-input__input_m8w8i,
+.amount-input__bold_m8w8i .amount-input__suffixContainer_m8w8i {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_8vt40 > *:first-child {
+.amount-input__suffixContainer_m8w8i > *:first-child {
     display: none;
 }
-.amount-input__filled_8vt40 .amount-input__input_8vt40,
-.amount-input__input_8vt40:focus {
+.amount-input__filled_m8w8i .amount-input__input_m8w8i,
+.amount-input__input_m8w8i:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1r9qg */
+/* hash: rhm8r */
 :root {
 
     /* Hard */
@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_1r9qg {
+.amount-input__minorPartAndCurrency_rhm8r {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/bank-card/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"bank-card__component_1y17j","aspectRatioContainer":"bank-card__aspectRatioContainer_1y17j","content":"bank-card__content_1y17j","label":"bank-card__label_1y17j","focused":"bank-card__focused_1y17j","filled":"bank-card__filled_1y17j","input":"bank-card__input_1y17j","bankLogo":"bank-card__bankLogo_1y17j","brandLogo":"bank-card__brandLogo_1y17j","usePhoto":"bank-card__usePhoto_1y17j"};
+var styles = {"component":"bank-card__component_1szi5","aspectRatioContainer":"bank-card__aspectRatioContainer_1szi5","content":"bank-card__content_1szi5","label":"bank-card__label_1szi5","focused":"bank-card__focused_1szi5","filled":"bank-card__filled_1szi5","input":"bank-card__input_1szi5","bankLogo":"bank-card__bankLogo_1szi5","brandLogo":"bank-card__brandLogo_1szi5","usePhoto":"bank-card__usePhoto_1szi5"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/Component.js

@@ -6,7 +6,7 @@ import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
 import { MirXxlIcon, VisaXxlIcon, MastercardLIcon } from '@alfalab/icons-logotype';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_1y17j","aspectRatioContainer":"bank-card__aspectRatioContainer_1y17j","content":"bank-card__content_1y17j","label":"bank-card__label_1y17j","focused":"bank-card__focused_1y17j","filled":"bank-card__filled_1y17j","input":"bank-card__input_1y17j","bankLogo":"bank-card__bankLogo_1y17j","brandLogo":"bank-card__brandLogo_1y17j","usePhoto":"bank-card__usePhoto_1y17j"};
+var styles = {"component":"bank-card__component_1szi5","aspectRatioContainer":"bank-card__aspectRatioContainer_1szi5","content":"bank-card__content_1szi5","label":"bank-card__label_1szi5","focused":"bank-card__focused_1szi5","filled":"bank-card__filled_1szi5","input":"bank-card__input_1szi5","bankLogo":"bank-card__bankLogo_1szi5","brandLogo":"bank-card__brandLogo_1szi5","usePhoto":"bank-card__usePhoto_1szi5"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y17j */
+/* hash: 1szi5 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -510,7 +510,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_1y17j {
+.bank-card__component_1szi5 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -529,11 +529,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_1y17j {
+.bank-card__aspectRatioContainer_1szi5 {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_1y17j {
+.bank-card__content_1szi5 {
     position: absolute;
     top: 0;
     right: 0;
@@ -546,7 +546,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -554,25 +554,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_1y17j:before {
+.bank-card__focused_1szi5:before {
     transform: scale(1) !important;
 }
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -586,33 +586,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_1y17j {
+.bank-card__bankLogo_1szi5 {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_1y17j svg {
+.bank-card__bankLogo_1szi5 svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_1y17j svg g {
+.bank-card__bankLogo_1szi5 svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_1y17j {
+.bank-card__brandLogo_1szi5 {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_1y17j svg {
+.bank-card__brandLogo_1szi5 svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_1y17j {
+.bank-card__usePhoto_1szi5 {
     display: block;
     margin: 0;
     padding: 0;
@@ -630,6 +630,6 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_1y17j svg {
+.bank-card__usePhoto_1szi5 svg {
         display: block;
     }

package/bank-card/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y17j */
+/* hash: 1szi5 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -510,7 +510,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_1y17j {
+.bank-card__component_1szi5 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -529,11 +529,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_1y17j {
+.bank-card__aspectRatioContainer_1szi5 {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_1y17j {
+.bank-card__content_1szi5 {
     position: absolute;
     top: 0;
     right: 0;
@@ -546,7 +546,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -554,25 +554,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_1y17j:before {
+.bank-card__focused_1szi5:before {
     transform: scale(1) !important;
 }
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -586,33 +586,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_1y17j {
+.bank-card__bankLogo_1szi5 {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_1y17j svg {
+.bank-card__bankLogo_1szi5 svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_1y17j svg g {
+.bank-card__bankLogo_1szi5 svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_1y17j {
+.bank-card__brandLogo_1szi5 {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_1y17j svg {
+.bank-card__brandLogo_1szi5 svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_1y17j {
+.bank-card__usePhoto_1szi5 {
     display: block;
     margin: 0;
     padding: 0;
@@ -630,6 +630,6 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_1y17j svg {
+.bank-card__usePhoto_1szi5 svg {
         display: block;
     }

package/bank-card/modern/Component.js

@@ -6,7 +6,7 @@ import { MirXxlIcon, VisaXxlIcon, MastercardLIcon } from '@alfalab/icons-logotyp
 import { MaskedInput } from '../../masked-input/modern';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_1y17j","aspectRatioContainer":"bank-card__aspectRatioContainer_1y17j","content":"bank-card__content_1y17j","label":"bank-card__label_1y17j","focused":"bank-card__focused_1y17j","filled":"bank-card__filled_1y17j","input":"bank-card__input_1y17j","bankLogo":"bank-card__bankLogo_1y17j","brandLogo":"bank-card__brandLogo_1y17j","usePhoto":"bank-card__usePhoto_1y17j"};
+var styles = {"component":"bank-card__component_1szi5","aspectRatioContainer":"bank-card__aspectRatioContainer_1szi5","content":"bank-card__content_1szi5","label":"bank-card__label_1szi5","focused":"bank-card__focused_1szi5","filled":"bank-card__filled_1szi5","input":"bank-card__input_1szi5","bankLogo":"bank-card__bankLogo_1szi5","brandLogo":"bank-card__brandLogo_1szi5","usePhoto":"bank-card__usePhoto_1szi5"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y17j */
+/* hash: 1szi5 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -510,7 +510,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_1y17j {
+.bank-card__component_1szi5 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -529,11 +529,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_1y17j {
+.bank-card__aspectRatioContainer_1szi5 {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_1y17j {
+.bank-card__content_1szi5 {
     position: absolute;
     top: 0;
     right: 0;
@@ -546,7 +546,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -554,25 +554,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_1y17j {
+.bank-card__label_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_1y17j .bank-card__label_1y17j,
-.bank-card__filled_1y17j .bank-card__label_1y17j {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_1y17j:before {
+.bank-card__focused_1szi5:before {
     transform: scale(1) !important;
 }
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -586,33 +586,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_1y17j {
+.bank-card__input_1szi5 {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_1y17j {
+.bank-card__bankLogo_1szi5 {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_1y17j svg {
+.bank-card__bankLogo_1szi5 svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_1y17j svg g {
+.bank-card__bankLogo_1szi5 svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_1y17j {
+.bank-card__brandLogo_1szi5 {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_1y17j svg {
+.bank-card__brandLogo_1szi5 svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_1y17j {
+.bank-card__usePhoto_1szi5 {
     display: block;
     margin: 0;
     padding: 0;
@@ -630,6 +630,6 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_1y17j svg {
+.bank-card__usePhoto_1szi5 svg {
         display: block;
     }

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-af3fab91.js');
+var tslib_es6 = require('./tslib.es6-4fa31cb9.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-af3fab91.js');
+var tslib_es6 = require('../../tslib.es6-4fa31cb9.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-af3fab91.js');
+require('../../tslib.es6-4fa31cb9.js');
 require('react');
 require('classnames');
 require('date-fns');