@alfalab/core-components 48.33.4 → 48.34.0

package/bank-card/Component.js

@@ -17,7 +17,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_1ww18","aspectRatioContainer":"bank-card__aspectRatioContainer_1ww18","content":"bank-card__content_1ww18","label":"bank-card__label_1ww18","focused":"bank-card__focused_1ww18","filled":"bank-card__filled_1ww18","input":"bank-card__input_1ww18","bankLogo":"bank-card__bankLogo_1ww18","brandLogo":"bank-card__brandLogo_1ww18","usePhoto":"bank-card__usePhoto_1ww18"};
+var styles = {"component":"bank-card__component_67q69","aspectRatioContainer":"bank-card__aspectRatioContainer_67q69","content":"bank-card__content_67q69","label":"bank-card__label_67q69","focused":"bank-card__focused_67q69","filled":"bank-card__filled_67q69","input":"bank-card__input_67q69","bankLogo":"bank-card__bankLogo_67q69","brandLogo":"bank-card__brandLogo_67q69","usePhoto":"bank-card__usePhoto_67q69"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/Component.js

@@ -10,7 +10,7 @@ import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
 import { MaskTypeEnum } from './enums.js';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_1ww18","aspectRatioContainer":"bank-card__aspectRatioContainer_1ww18","content":"bank-card__content_1ww18","label":"bank-card__label_1ww18","focused":"bank-card__focused_1ww18","filled":"bank-card__filled_1ww18","input":"bank-card__input_1ww18","bankLogo":"bank-card__bankLogo_1ww18","brandLogo":"bank-card__brandLogo_1ww18","usePhoto":"bank-card__usePhoto_1ww18"};
+var styles = {"component":"bank-card__component_67q69","aspectRatioContainer":"bank-card__aspectRatioContainer_67q69","content":"bank-card__content_67q69","label":"bank-card__label_67q69","focused":"bank-card__focused_67q69","filled":"bank-card__filled_67q69","input":"bank-card__input_67q69","bankLogo":"bank-card__bankLogo_67q69","brandLogo":"bank-card__brandLogo_67q69","usePhoto":"bank-card__usePhoto_67q69"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/esm/index.css

@@ -36,7 +36,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1ww18 {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_67q69 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1ww18 {
+} .bank-card__aspectRatioContainer_67q69 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1ww18 {
+} .bank-card__content_67q69 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -70,26 +70,26 @@
     padding-right: var(--gap-20);
     border-radius: var(--border-radius-12);
     box-sizing: border-box;
-} .bank-card__label_1ww18 {
+} .bank-card__label_67q69 {
     left: var(--gap-0);
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__label_67q69 {
         font-size: 16px
 }
-    } .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+    } .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1ww18:before {
+    } .bank-card__focused_67q69:before {
     transform: scale(1) !important;
-} .bank-card__input_1ww18 {
+} .bank-card__input_67q69 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -102,25 +102,25 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: var(--gap-0) !important;
     padding-bottom: var(--gap-4) !important
-} @media (max-width: 360px) { .bank-card__input_1ww18 {
+} @media (max-width: 360px) { .bank-card__input_67q69 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1ww18 {
+    } .bank-card__bankLogo_67q69 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_1ww18 svg {
+} .bank-card__bankLogo_67q69 svg {
         display: block
-    } .bank-card__bankLogo_1ww18 svg g {
+    } .bank-card__bankLogo_67q69 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_1ww18 {
+        } .bank-card__brandLogo_67q69 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_1ww18 svg {
+} .bank-card__brandLogo_67q69 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_1ww18 {
+    } .bank-card__usePhoto_67q69 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_1ww18 svg {
+} .bank-card__usePhoto_67q69 svg {
         fill: var(--color-light-neutral-translucent-1300);
         display: block;
     }

package/bank-card/index.css

@@ -36,7 +36,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1ww18 {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_67q69 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1ww18 {
+} .bank-card__aspectRatioContainer_67q69 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1ww18 {
+} .bank-card__content_67q69 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -70,26 +70,26 @@
     padding-right: var(--gap-20);
     border-radius: var(--border-radius-12);
     box-sizing: border-box;
-} .bank-card__label_1ww18 {
+} .bank-card__label_67q69 {
     left: var(--gap-0);
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__label_67q69 {
         font-size: 16px
 }
-    } .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+    } .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1ww18:before {
+    } .bank-card__focused_67q69:before {
     transform: scale(1) !important;
-} .bank-card__input_1ww18 {
+} .bank-card__input_67q69 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -102,25 +102,25 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: var(--gap-0) !important;
     padding-bottom: var(--gap-4) !important
-} @media (max-width: 360px) { .bank-card__input_1ww18 {
+} @media (max-width: 360px) { .bank-card__input_67q69 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1ww18 {
+    } .bank-card__bankLogo_67q69 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_1ww18 svg {
+} .bank-card__bankLogo_67q69 svg {
         display: block
-    } .bank-card__bankLogo_1ww18 svg g {
+    } .bank-card__bankLogo_67q69 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_1ww18 {
+        } .bank-card__brandLogo_67q69 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_1ww18 svg {
+} .bank-card__brandLogo_67q69 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_1ww18 {
+    } .bank-card__usePhoto_67q69 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_1ww18 svg {
+} .bank-card__usePhoto_67q69 svg {
         fill: var(--color-light-neutral-translucent-1300);
         display: block;
     }

package/bank-card/modern/Component.js

@@ -10,7 +10,7 @@ import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
 import { MaskTypeEnum } from './enums.js';
 import { validateCardNumber } from './utils.js';
 
-const styles = {"component":"bank-card__component_1ww18","aspectRatioContainer":"bank-card__aspectRatioContainer_1ww18","content":"bank-card__content_1ww18","label":"bank-card__label_1ww18","focused":"bank-card__focused_1ww18","filled":"bank-card__filled_1ww18","input":"bank-card__input_1ww18","bankLogo":"bank-card__bankLogo_1ww18","brandLogo":"bank-card__brandLogo_1ww18","usePhoto":"bank-card__usePhoto_1ww18"};
+const styles = {"component":"bank-card__component_67q69","aspectRatioContainer":"bank-card__aspectRatioContainer_67q69","content":"bank-card__content_67q69","label":"bank-card__label_67q69","focused":"bank-card__focused_67q69","filled":"bank-card__filled_67q69","input":"bank-card__input_67q69","bankLogo":"bank-card__bankLogo_67q69","brandLogo":"bank-card__brandLogo_67q69","usePhoto":"bank-card__usePhoto_67q69"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -36,7 +36,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1ww18 {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_67q69 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1ww18 {
+} .bank-card__aspectRatioContainer_67q69 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1ww18 {
+} .bank-card__content_67q69 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -70,26 +70,26 @@
     padding-right: var(--gap-20);
     border-radius: var(--border-radius-12);
     box-sizing: border-box;
-} .bank-card__label_1ww18 {
+} .bank-card__label_67q69 {
     left: var(--gap-0);
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__label_67q69 {
         font-size: 16px
 }
-    } .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+    } .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1ww18 .bank-card__label_1ww18,
-.bank-card__filled_1ww18 .bank-card__label_1ww18 {
+} @media (max-width: 360px) { .bank-card__focused_67q69 .bank-card__label_67q69,
+.bank-card__filled_67q69 .bank-card__label_67q69 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1ww18:before {
+    } .bank-card__focused_67q69:before {
     transform: scale(1) !important;
-} .bank-card__input_1ww18 {
+} .bank-card__input_67q69 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -102,25 +102,25 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: var(--gap-0) !important;
     padding-bottom: var(--gap-4) !important
-} @media (max-width: 360px) { .bank-card__input_1ww18 {
+} @media (max-width: 360px) { .bank-card__input_67q69 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1ww18 {
+    } .bank-card__bankLogo_67q69 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_1ww18 svg {
+} .bank-card__bankLogo_67q69 svg {
         display: block
-    } .bank-card__bankLogo_1ww18 svg g {
+    } .bank-card__bankLogo_67q69 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_1ww18 {
+        } .bank-card__brandLogo_67q69 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_1ww18 svg {
+} .bank-card__brandLogo_67q69 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_1ww18 {
+    } .bank-card__usePhoto_67q69 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_1ww18 svg {
+} .bank-card__usePhoto_67q69 svg {
         fill: var(--color-light-neutral-translucent-1300);
         display: block;
     }

package/base-modal/Component.js

@@ -23,7 +23,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_yzp8r","wrapper":"base-modal__wrapper_yzp8r","content":"base-modal__content_yzp8r","hasFooter":"base-modal__hasFooter_yzp8r","hasHeader":"base-modal__hasHeader_yzp8r","hidden":"base-modal__hidden_yzp8r","backdrop":"base-modal__backdrop_yzp8r","appear":"base-modal__appear_yzp8r","enter":"base-modal__enter_yzp8r","appearActive":"base-modal__appearActive_yzp8r","enterActive":"base-modal__enterActive_yzp8r","exit":"base-modal__exit_yzp8r","exitActive":"base-modal__exitActive_yzp8r","exitDone":"base-modal__exitDone_yzp8r"};
+var styles = {"component":"base-modal__component_mcayr","wrapper":"base-modal__wrapper_mcayr","content":"base-modal__content_mcayr","hasFooter":"base-modal__hasFooter_mcayr","hasHeader":"base-modal__hasHeader_mcayr","hidden":"base-modal__hidden_mcayr","backdrop":"base-modal__backdrop_mcayr","appear":"base-modal__appear_mcayr","enter":"base-modal__enter_mcayr","appearActive":"base-modal__appearActive_mcayr","enterActive":"base-modal__enterActive_mcayr","exit":"base-modal__exit_mcayr","exitActive":"base-modal__exitActive_mcayr","exitDone":"base-modal__exitDone_mcayr"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/Component.js

@@ -15,7 +15,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/esm';
 
-var styles = {"component":"base-modal__component_yzp8r","wrapper":"base-modal__wrapper_yzp8r","content":"base-modal__content_yzp8r","hasFooter":"base-modal__hasFooter_yzp8r","hasHeader":"base-modal__hasHeader_yzp8r","hidden":"base-modal__hidden_yzp8r","backdrop":"base-modal__backdrop_yzp8r","appear":"base-modal__appear_yzp8r","enter":"base-modal__enter_yzp8r","appearActive":"base-modal__appearActive_yzp8r","enterActive":"base-modal__enterActive_yzp8r","exit":"base-modal__exit_yzp8r","exitActive":"base-modal__exitActive_yzp8r","exitDone":"base-modal__exitDone_yzp8r"};
+var styles = {"component":"base-modal__component_mcayr","wrapper":"base-modal__wrapper_mcayr","content":"base-modal__content_mcayr","hasFooter":"base-modal__hasFooter_mcayr","hasHeader":"base-modal__hasHeader_mcayr","hidden":"base-modal__hidden_mcayr","backdrop":"base-modal__backdrop_mcayr","appear":"base-modal__appear_mcayr","enter":"base-modal__enter_mcayr","appearActive":"base-modal__appearActive_mcayr","enterActive":"base-modal__enterActive_mcayr","exit":"base-modal__exit_mcayr","exitActive":"base-modal__exitActive_mcayr","exitDone":"base-modal__exitDone_mcayr"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_yzp8r {
+} .base-modal__component_mcayr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_yzp8r {
+} .base-modal__wrapper_mcayr {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_yzp8r {
+} .base-modal__content_mcayr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasFooter_yzp8r {
+} @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasFooter_mcayr {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasHeader_yzp8r {
+        } @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasHeader_mcayr {
             padding-top: unset
     }
-        } .base-modal__hidden_yzp8r {
+        } .base-modal__hidden_mcayr {
     display: none;
-} .base-modal__backdrop_yzp8r {
+} .base-modal__backdrop_mcayr {
     z-index: 0;
-} .base-modal__appear_yzp8r,
-.base-modal__enter_yzp8r {
+} .base-modal__appear_mcayr,
+.base-modal__enter_mcayr {
     opacity: 0;
-} .base-modal__appearActive_yzp8r,
-.base-modal__enterActive_yzp8r {
+} .base-modal__appearActive_mcayr,
+.base-modal__enterActive_mcayr {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_yzp8r {
+} .base-modal__exit_mcayr {
     opacity: 1;
-} .base-modal__exitActive_yzp8r,
-.base-modal__exitDone_yzp8r {
+} .base-modal__exitActive_mcayr,
+.base-modal__exitDone_mcayr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_yzp8r {
+} .base-modal__component_mcayr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_yzp8r {
+} .base-modal__wrapper_mcayr {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_yzp8r {
+} .base-modal__content_mcayr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasFooter_yzp8r {
+} @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasFooter_mcayr {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasHeader_yzp8r {
+        } @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasHeader_mcayr {
             padding-top: unset
     }
-        } .base-modal__hidden_yzp8r {
+        } .base-modal__hidden_mcayr {
     display: none;
-} .base-modal__backdrop_yzp8r {
+} .base-modal__backdrop_mcayr {
     z-index: 0;
-} .base-modal__appear_yzp8r,
-.base-modal__enter_yzp8r {
+} .base-modal__appear_mcayr,
+.base-modal__enter_mcayr {
     opacity: 0;
-} .base-modal__appearActive_yzp8r,
-.base-modal__enterActive_yzp8r {
+} .base-modal__appearActive_mcayr,
+.base-modal__enterActive_mcayr {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_yzp8r {
+} .base-modal__exit_mcayr {
     opacity: 1;
-} .base-modal__exitActive_yzp8r,
-.base-modal__exitDone_yzp8r {
+} .base-modal__exitActive_mcayr,
+.base-modal__exitDone_mcayr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -14,7 +14,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/modern';
 
-const styles = {"component":"base-modal__component_yzp8r","wrapper":"base-modal__wrapper_yzp8r","content":"base-modal__content_yzp8r","hasFooter":"base-modal__hasFooter_yzp8r","hasHeader":"base-modal__hasHeader_yzp8r","hidden":"base-modal__hidden_yzp8r","backdrop":"base-modal__backdrop_yzp8r","appear":"base-modal__appear_yzp8r","enter":"base-modal__enter_yzp8r","appearActive":"base-modal__appearActive_yzp8r","enterActive":"base-modal__enterActive_yzp8r","exit":"base-modal__exit_yzp8r","exitActive":"base-modal__exitActive_yzp8r","exitDone":"base-modal__exitDone_yzp8r"};
+const styles = {"component":"base-modal__component_mcayr","wrapper":"base-modal__wrapper_mcayr","content":"base-modal__content_mcayr","hasFooter":"base-modal__hasFooter_mcayr","hasHeader":"base-modal__hasHeader_mcayr","hidden":"base-modal__hidden_mcayr","backdrop":"base-modal__backdrop_mcayr","appear":"base-modal__appear_mcayr","enter":"base-modal__enter_mcayr","appearActive":"base-modal__appearActive_mcayr","enterActive":"base-modal__enterActive_mcayr","exit":"base-modal__exit_mcayr","exitActive":"base-modal__exitActive_mcayr","exitDone":"base-modal__exitDone_mcayr"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_yzp8r {
+} .base-modal__component_mcayr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_yzp8r {
+} .base-modal__wrapper_mcayr {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_yzp8r {
+} .base-modal__content_mcayr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasFooter_yzp8r {
+} @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasFooter_mcayr {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_yzp8r.base-modal__hasHeader_yzp8r {
+        } @media (display-mode: standalone) { .base-modal__content_mcayr.base-modal__hasHeader_mcayr {
             padding-top: unset
     }
-        } .base-modal__hidden_yzp8r {
+        } .base-modal__hidden_mcayr {
     display: none;
-} .base-modal__backdrop_yzp8r {
+} .base-modal__backdrop_mcayr {
     z-index: 0;
-} .base-modal__appear_yzp8r,
-.base-modal__enter_yzp8r {
+} .base-modal__appear_mcayr,
+.base-modal__enter_mcayr {
     opacity: 0;
-} .base-modal__appearActive_yzp8r,
-.base-modal__enterActive_yzp8r {
+} .base-modal__appearActive_mcayr,
+.base-modal__enterActive_mcayr {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_yzp8r {
+} .base-modal__exit_mcayr {
     opacity: 1;
-} .base-modal__exitActive_yzp8r,
-.base-modal__exitDone_yzp8r {
+} .base-modal__exitActive_mcayr,
+.base-modal__exitDone_mcayr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"modal":"bottom-sheet__modal_h8rbl","wrapper":"bottom-sheet__wrapper_h8rbl","fullscreen":"bottom-sheet__fullscreen_h8rbl","component":"bottom-sheet__component_h8rbl","withTransition":"bottom-sheet__withTransition_h8rbl","scrollableContainer":"bottom-sheet__scrollableContainer_h8rbl","marker":"bottom-sheet__marker_h8rbl","defaultMarker":"bottom-sheet__defaultMarker_h8rbl","content":"bottom-sheet__content_h8rbl","noHeader":"bottom-sheet__noHeader_h8rbl","noFooter":"bottom-sheet__noFooter_h8rbl","scrollLocked":"bottom-sheet__scrollLocked_h8rbl","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_h8rbl","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_h8rbl","appear":"bottom-sheet__appear_h8rbl","enter":"bottom-sheet__enter_h8rbl","appearActive":"bottom-sheet__appearActive_h8rbl","enterActive":"bottom-sheet__enterActive_h8rbl","enterDone":"bottom-sheet__enterDone_h8rbl","appearDone":"bottom-sheet__appearDone_h8rbl","exit":"bottom-sheet__exit_h8rbl","exitActive":"bottom-sheet__exitActive_h8rbl","safeAreaBottom":"bottom-sheet__safeAreaBottom_h8rbl","background-accent":"bottom-sheet__background-accent_h8rbl","background-info":"bottom-sheet__background-info_h8rbl","background-attention-muted":"bottom-sheet__background-attention-muted_h8rbl","background-positive-muted":"bottom-sheet__background-positive-muted_h8rbl","background-negative-muted":"bottom-sheet__background-negative-muted_h8rbl","background-primary":"bottom-sheet__background-primary_h8rbl","background-primary-inverted":"bottom-sheet__background-primary-inverted_h8rbl","background-secondary":"bottom-sheet__background-secondary_h8rbl","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_h8rbl","background-tertiary":"bottom-sheet__background-tertiary_h8rbl","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_h8rbl","background-quaternary":"bottom-sheet__background-quaternary_h8rbl","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_h8rbl","background-specialbg-component":"bottom-sheet__background-specialbg-component_h8rbl","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_h8rbl","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_h8rbl","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_h8rbl","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_h8rbl","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_h8rbl","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_h8rbl","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_h8rbl","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_h8rbl"};
+var styles = {"modal":"bottom-sheet__modal_xe3sh","wrapper":"bottom-sheet__wrapper_xe3sh","fullscreen":"bottom-sheet__fullscreen_xe3sh","component":"bottom-sheet__component_xe3sh","withTransition":"bottom-sheet__withTransition_xe3sh","scrollableContainer":"bottom-sheet__scrollableContainer_xe3sh","marker":"bottom-sheet__marker_xe3sh","defaultMarker":"bottom-sheet__defaultMarker_xe3sh","content":"bottom-sheet__content_xe3sh","noHeader":"bottom-sheet__noHeader_xe3sh","noFooter":"bottom-sheet__noFooter_xe3sh","scrollLocked":"bottom-sheet__scrollLocked_xe3sh","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_xe3sh","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_xe3sh","appear":"bottom-sheet__appear_xe3sh","enter":"bottom-sheet__enter_xe3sh","appearActive":"bottom-sheet__appearActive_xe3sh","enterActive":"bottom-sheet__enterActive_xe3sh","enterDone":"bottom-sheet__enterDone_xe3sh","appearDone":"bottom-sheet__appearDone_xe3sh","exit":"bottom-sheet__exit_xe3sh","exitActive":"bottom-sheet__exitActive_xe3sh","safeAreaBottom":"bottom-sheet__safeAreaBottom_xe3sh","background-accent":"bottom-sheet__background-accent_xe3sh","background-info":"bottom-sheet__background-info_xe3sh","background-attention-muted":"bottom-sheet__background-attention-muted_xe3sh","background-positive-muted":"bottom-sheet__background-positive-muted_xe3sh","background-negative-muted":"bottom-sheet__background-negative-muted_xe3sh","background-primary":"bottom-sheet__background-primary_xe3sh","background-primary-inverted":"bottom-sheet__background-primary-inverted_xe3sh","background-secondary":"bottom-sheet__background-secondary_xe3sh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_xe3sh","background-tertiary":"bottom-sheet__background-tertiary_xe3sh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_xe3sh","background-quaternary":"bottom-sheet__background-quaternary_xe3sh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_xe3sh","background-specialbg-component":"bottom-sheet__background-specialbg-component_xe3sh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_xe3sh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_xe3sh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_xe3sh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_xe3sh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_xe3sh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_xe3sh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_xe3sh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_xe3sh"};
 require('./index.css');
 
 var isNil = coreComponentsShared.fnUtils.isNil;

package/bottom-sheet/components/footer/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"bottom-sheet__footer_172lj","sticky":"bottom-sheet__sticky_172lj","highlighted":"bottom-sheet__highlighted_172lj","background-accent":"bottom-sheet__background-accent_172lj","background-info":"bottom-sheet__background-info_172lj","background-attention-muted":"bottom-sheet__background-attention-muted_172lj","background-positive-muted":"bottom-sheet__background-positive-muted_172lj","background-negative-muted":"bottom-sheet__background-negative-muted_172lj","background-primary":"bottom-sheet__background-primary_172lj","background-primary-inverted":"bottom-sheet__background-primary-inverted_172lj","background-secondary":"bottom-sheet__background-secondary_172lj","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_172lj","background-tertiary":"bottom-sheet__background-tertiary_172lj","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_172lj","background-quaternary":"bottom-sheet__background-quaternary_172lj","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_172lj","background-specialbg-component":"bottom-sheet__background-specialbg-component_172lj","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_172lj","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_172lj","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_172lj","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_172lj","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_172lj","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_172lj","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_172lj","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_172lj"};
+var styles = {"footer":"bottom-sheet__footer_72z09","sticky":"bottom-sheet__sticky_72z09","highlighted":"bottom-sheet__highlighted_72z09","background-accent":"bottom-sheet__background-accent_72z09","background-info":"bottom-sheet__background-info_72z09","background-attention-muted":"bottom-sheet__background-attention-muted_72z09","background-positive-muted":"bottom-sheet__background-positive-muted_72z09","background-negative-muted":"bottom-sheet__background-negative-muted_72z09","background-primary":"bottom-sheet__background-primary_72z09","background-primary-inverted":"bottom-sheet__background-primary-inverted_72z09","background-secondary":"bottom-sheet__background-secondary_72z09","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_72z09","background-tertiary":"bottom-sheet__background-tertiary_72z09","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_72z09","background-quaternary":"bottom-sheet__background-quaternary_72z09","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_72z09","background-specialbg-component":"bottom-sheet__background-specialbg-component_72z09","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_72z09","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_72z09","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_72z09","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_72z09","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_72z09","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_72z09","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_72z09","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_72z09"};
 require('./index.css');
 
 var Footer = function (_a) {