@alfalab/core-components 48.29.0 → 48.29.1

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_kju1p","aspectRatioContainer":"bank-card__aspectRatioContainer_kju1p","content":"bank-card__content_kju1p","label":"bank-card__label_kju1p","focused":"bank-card__focused_kju1p","filled":"bank-card__filled_kju1p","input":"bank-card__input_kju1p","bankLogo":"bank-card__bankLogo_kju1p","brandLogo":"bank-card__brandLogo_kju1p","usePhoto":"bank-card__usePhoto_kju1p"};
+var styles = {"component":"bank-card__component_1gzw2","aspectRatioContainer":"bank-card__aspectRatioContainer_1gzw2","content":"bank-card__content_1gzw2","label":"bank-card__label_1gzw2","focused":"bank-card__focused_1gzw2","filled":"bank-card__filled_1gzw2","input":"bank-card__input_1gzw2","bankLogo":"bank-card__bankLogo_1gzw2","brandLogo":"bank-card__brandLogo_1gzw2","usePhoto":"bank-card__usePhoto_1gzw2"};
 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_kju1p","aspectRatioContainer":"bank-card__aspectRatioContainer_kju1p","content":"bank-card__content_kju1p","label":"bank-card__label_kju1p","focused":"bank-card__focused_kju1p","filled":"bank-card__filled_kju1p","input":"bank-card__input_kju1p","bankLogo":"bank-card__bankLogo_kju1p","brandLogo":"bank-card__brandLogo_kju1p","usePhoto":"bank-card__usePhoto_kju1p"};
+var styles = {"component":"bank-card__component_1gzw2","aspectRatioContainer":"bank-card__aspectRatioContainer_1gzw2","content":"bank-card__content_1gzw2","label":"bank-card__label_1gzw2","focused":"bank-card__focused_1gzw2","filled":"bank-card__filled_1gzw2","input":"bank-card__input_1gzw2","bankLogo":"bank-card__bankLogo_1gzw2","brandLogo":"bank-card__brandLogo_1gzw2","usePhoto":"bank-card__usePhoto_1gzw2"};
 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_kju1p {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1gzw2 {
     /* 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_kju1p {
+} .bank-card__aspectRatioContainer_1gzw2 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_kju1p {
+} .bank-card__content_1gzw2 {
     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_kju1p {
+} .bank-card__label_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__label_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+    } .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+} @media (max-width: 360px) { .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_kju1p:before {
+    } .bank-card__focused_1gzw2:before {
     transform: scale(1) !important;
-} .bank-card__input_kju1p {
+} .bank-card__input_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__input_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_kju1p {
+    } .bank-card__bankLogo_1gzw2 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_kju1p svg {
+} .bank-card__bankLogo_1gzw2 svg {
         display: block
-    } .bank-card__bankLogo_kju1p svg g {
+    } .bank-card__bankLogo_1gzw2 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_kju1p {
+        } .bank-card__brandLogo_1gzw2 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_kju1p svg {
+} .bank-card__brandLogo_1gzw2 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_kju1p {
+    } .bank-card__usePhoto_1gzw2 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_kju1p svg {
+} .bank-card__usePhoto_1gzw2 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_kju1p {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1gzw2 {
     /* 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_kju1p {
+} .bank-card__aspectRatioContainer_1gzw2 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_kju1p {
+} .bank-card__content_1gzw2 {
     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_kju1p {
+} .bank-card__label_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__label_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+    } .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+} @media (max-width: 360px) { .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_kju1p:before {
+    } .bank-card__focused_1gzw2:before {
     transform: scale(1) !important;
-} .bank-card__input_kju1p {
+} .bank-card__input_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__input_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_kju1p {
+    } .bank-card__bankLogo_1gzw2 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_kju1p svg {
+} .bank-card__bankLogo_1gzw2 svg {
         display: block
-    } .bank-card__bankLogo_kju1p svg g {
+    } .bank-card__bankLogo_1gzw2 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_kju1p {
+        } .bank-card__brandLogo_1gzw2 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_kju1p svg {
+} .bank-card__brandLogo_1gzw2 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_kju1p {
+    } .bank-card__usePhoto_1gzw2 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_kju1p svg {
+} .bank-card__usePhoto_1gzw2 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_kju1p","aspectRatioContainer":"bank-card__aspectRatioContainer_kju1p","content":"bank-card__content_kju1p","label":"bank-card__label_kju1p","focused":"bank-card__focused_kju1p","filled":"bank-card__filled_kju1p","input":"bank-card__input_kju1p","bankLogo":"bank-card__bankLogo_kju1p","brandLogo":"bank-card__brandLogo_kju1p","usePhoto":"bank-card__usePhoto_kju1p"};
+const styles = {"component":"bank-card__component_1gzw2","aspectRatioContainer":"bank-card__aspectRatioContainer_1gzw2","content":"bank-card__content_1gzw2","label":"bank-card__label_1gzw2","focused":"bank-card__focused_1gzw2","filled":"bank-card__filled_1gzw2","input":"bank-card__input_1gzw2","bankLogo":"bank-card__bankLogo_1gzw2","brandLogo":"bank-card__brandLogo_1gzw2","usePhoto":"bank-card__usePhoto_1gzw2"};
 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_kju1p {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1gzw2 {
     /* 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_kju1p {
+} .bank-card__aspectRatioContainer_1gzw2 {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_kju1p {
+} .bank-card__content_1gzw2 {
     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_kju1p {
+} .bank-card__label_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__label_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+    } .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_kju1p .bank-card__label_kju1p,
-.bank-card__filled_kju1p .bank-card__label_kju1p {
+} @media (max-width: 360px) { .bank-card__focused_1gzw2 .bank-card__label_1gzw2,
+.bank-card__filled_1gzw2 .bank-card__label_1gzw2 {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_kju1p:before {
+    } .bank-card__focused_1gzw2:before {
     transform: scale(1) !important;
-} .bank-card__input_kju1p {
+} .bank-card__input_1gzw2 {
     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_kju1p {
+} @media (max-width: 360px) { .bank-card__input_1gzw2 {
         font-size: 16px
 }
-    } .bank-card__bankLogo_kju1p {
+    } .bank-card__bankLogo_1gzw2 {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_kju1p svg {
+} .bank-card__bankLogo_1gzw2 svg {
         display: block
-    } .bank-card__bankLogo_kju1p svg g {
+    } .bank-card__bankLogo_1gzw2 svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_kju1p {
+        } .bank-card__brandLogo_1gzw2 {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_kju1p svg {
+} .bank-card__brandLogo_1gzw2 svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_kju1p {
+    } .bank-card__usePhoto_1gzw2 {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_kju1p svg {
+} .bank-card__usePhoto_1gzw2 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_r2unl","wrapper":"base-modal__wrapper_r2unl","content":"base-modal__content_r2unl","hasFooter":"base-modal__hasFooter_r2unl","hasHeader":"base-modal__hasHeader_r2unl","hidden":"base-modal__hidden_r2unl","backdrop":"base-modal__backdrop_r2unl","appear":"base-modal__appear_r2unl","enter":"base-modal__enter_r2unl","appearActive":"base-modal__appearActive_r2unl","enterActive":"base-modal__enterActive_r2unl","exit":"base-modal__exit_r2unl","exitActive":"base-modal__exitActive_r2unl","exitDone":"base-modal__exitDone_r2unl"};
+var styles = {"component":"base-modal__component_1x4v3","wrapper":"base-modal__wrapper_1x4v3","content":"base-modal__content_1x4v3","hasFooter":"base-modal__hasFooter_1x4v3","hasHeader":"base-modal__hasHeader_1x4v3","hidden":"base-modal__hidden_1x4v3","backdrop":"base-modal__backdrop_1x4v3","appear":"base-modal__appear_1x4v3","enter":"base-modal__enter_1x4v3","appearActive":"base-modal__appearActive_1x4v3","enterActive":"base-modal__enterActive_1x4v3","exit":"base-modal__exit_1x4v3","exitActive":"base-modal__exitActive_1x4v3","exitDone":"base-modal__exitDone_1x4v3"};
 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_r2unl","wrapper":"base-modal__wrapper_r2unl","content":"base-modal__content_r2unl","hasFooter":"base-modal__hasFooter_r2unl","hasHeader":"base-modal__hasHeader_r2unl","hidden":"base-modal__hidden_r2unl","backdrop":"base-modal__backdrop_r2unl","appear":"base-modal__appear_r2unl","enter":"base-modal__enter_r2unl","appearActive":"base-modal__appearActive_r2unl","enterActive":"base-modal__enterActive_r2unl","exit":"base-modal__exit_r2unl","exitActive":"base-modal__exitActive_r2unl","exitDone":"base-modal__exitDone_r2unl"};
+var styles = {"component":"base-modal__component_1x4v3","wrapper":"base-modal__wrapper_1x4v3","content":"base-modal__content_1x4v3","hasFooter":"base-modal__hasFooter_1x4v3","hasHeader":"base-modal__hasHeader_1x4v3","hidden":"base-modal__hidden_1x4v3","backdrop":"base-modal__backdrop_1x4v3","appear":"base-modal__appear_1x4v3","enter":"base-modal__enter_1x4v3","appearActive":"base-modal__appearActive_1x4v3","enterActive":"base-modal__enterActive_1x4v3","exit":"base-modal__exit_1x4v3","exitActive":"base-modal__exitActive_1x4v3","exitDone":"base-modal__exitDone_1x4v3"};
 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_r2unl {
+} .base-modal__component_1x4v3 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_r2unl {
+} .base-modal__wrapper_1x4v3 {
     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_r2unl {
+} .base-modal__content_1x4v3 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasFooter_r2unl {
+} @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasFooter_1x4v3 {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasHeader_r2unl {
+        } @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasHeader_1x4v3 {
             padding-top: unset
     }
-        } .base-modal__hidden_r2unl {
+        } .base-modal__hidden_1x4v3 {
     display: none;
-} .base-modal__backdrop_r2unl {
+} .base-modal__backdrop_1x4v3 {
     z-index: 0;
-} .base-modal__appear_r2unl,
-.base-modal__enter_r2unl {
+} .base-modal__appear_1x4v3,
+.base-modal__enter_1x4v3 {
     opacity: 0;
-} .base-modal__appearActive_r2unl,
-.base-modal__enterActive_r2unl {
+} .base-modal__appearActive_1x4v3,
+.base-modal__enterActive_1x4v3 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_r2unl {
+} .base-modal__exit_1x4v3 {
     opacity: 1;
-} .base-modal__exitActive_r2unl,
-.base-modal__exitDone_r2unl {
+} .base-modal__exitActive_1x4v3,
+.base-modal__exitDone_1x4v3 {
     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_r2unl {
+} .base-modal__component_1x4v3 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_r2unl {
+} .base-modal__wrapper_1x4v3 {
     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_r2unl {
+} .base-modal__content_1x4v3 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasFooter_r2unl {
+} @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasFooter_1x4v3 {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasHeader_r2unl {
+        } @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasHeader_1x4v3 {
             padding-top: unset
     }
-        } .base-modal__hidden_r2unl {
+        } .base-modal__hidden_1x4v3 {
     display: none;
-} .base-modal__backdrop_r2unl {
+} .base-modal__backdrop_1x4v3 {
     z-index: 0;
-} .base-modal__appear_r2unl,
-.base-modal__enter_r2unl {
+} .base-modal__appear_1x4v3,
+.base-modal__enter_1x4v3 {
     opacity: 0;
-} .base-modal__appearActive_r2unl,
-.base-modal__enterActive_r2unl {
+} .base-modal__appearActive_1x4v3,
+.base-modal__enterActive_1x4v3 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_r2unl {
+} .base-modal__exit_1x4v3 {
     opacity: 1;
-} .base-modal__exitActive_r2unl,
-.base-modal__exitDone_r2unl {
+} .base-modal__exitActive_1x4v3,
+.base-modal__exitDone_1x4v3 {
     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_r2unl","wrapper":"base-modal__wrapper_r2unl","content":"base-modal__content_r2unl","hasFooter":"base-modal__hasFooter_r2unl","hasHeader":"base-modal__hasHeader_r2unl","hidden":"base-modal__hidden_r2unl","backdrop":"base-modal__backdrop_r2unl","appear":"base-modal__appear_r2unl","enter":"base-modal__enter_r2unl","appearActive":"base-modal__appearActive_r2unl","enterActive":"base-modal__enterActive_r2unl","exit":"base-modal__exit_r2unl","exitActive":"base-modal__exitActive_r2unl","exitDone":"base-modal__exitDone_r2unl"};
+const styles = {"component":"base-modal__component_1x4v3","wrapper":"base-modal__wrapper_1x4v3","content":"base-modal__content_1x4v3","hasFooter":"base-modal__hasFooter_1x4v3","hasHeader":"base-modal__hasHeader_1x4v3","hidden":"base-modal__hidden_1x4v3","backdrop":"base-modal__backdrop_1x4v3","appear":"base-modal__appear_1x4v3","enter":"base-modal__enter_1x4v3","appearActive":"base-modal__appearActive_1x4v3","enterActive":"base-modal__enterActive_1x4v3","exit":"base-modal__exit_1x4v3","exitActive":"base-modal__exitActive_1x4v3","exitDone":"base-modal__exitDone_1x4v3"};
 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_r2unl {
+} .base-modal__component_1x4v3 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_r2unl {
+} .base-modal__wrapper_1x4v3 {
     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_r2unl {
+} .base-modal__content_1x4v3 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasFooter_r2unl {
+} @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasFooter_1x4v3 {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_r2unl.base-modal__hasHeader_r2unl {
+        } @media (display-mode: standalone) { .base-modal__content_1x4v3.base-modal__hasHeader_1x4v3 {
             padding-top: unset
     }
-        } .base-modal__hidden_r2unl {
+        } .base-modal__hidden_1x4v3 {
     display: none;
-} .base-modal__backdrop_r2unl {
+} .base-modal__backdrop_1x4v3 {
     z-index: 0;
-} .base-modal__appear_r2unl,
-.base-modal__enter_r2unl {
+} .base-modal__appear_1x4v3,
+.base-modal__enter_1x4v3 {
     opacity: 0;
-} .base-modal__appearActive_r2unl,
-.base-modal__enterActive_r2unl {
+} .base-modal__appearActive_1x4v3,
+.base-modal__enterActive_1x4v3 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_r2unl {
+} .base-modal__exit_1x4v3 {
     opacity: 1;
-} .base-modal__exitActive_r2unl,
-.base-modal__exitDone_r2unl {
+} .base-modal__exitActive_1x4v3,
+.base-modal__exitDone_1x4v3 {
     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_1ewu9","wrapper":"bottom-sheet__wrapper_1ewu9","fullscreen":"bottom-sheet__fullscreen_1ewu9","component":"bottom-sheet__component_1ewu9","withTransition":"bottom-sheet__withTransition_1ewu9","scrollableContainer":"bottom-sheet__scrollableContainer_1ewu9","marker":"bottom-sheet__marker_1ewu9","defaultMarker":"bottom-sheet__defaultMarker_1ewu9","content":"bottom-sheet__content_1ewu9","noHeader":"bottom-sheet__noHeader_1ewu9","noFooter":"bottom-sheet__noFooter_1ewu9","scrollLocked":"bottom-sheet__scrollLocked_1ewu9","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ewu9","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ewu9","appear":"bottom-sheet__appear_1ewu9","enter":"bottom-sheet__enter_1ewu9","appearActive":"bottom-sheet__appearActive_1ewu9","enterActive":"bottom-sheet__enterActive_1ewu9","enterDone":"bottom-sheet__enterDone_1ewu9","appearDone":"bottom-sheet__appearDone_1ewu9","exit":"bottom-sheet__exit_1ewu9","exitActive":"bottom-sheet__exitActive_1ewu9","safeAreaBottom":"bottom-sheet__safeAreaBottom_1ewu9","background-accent":"bottom-sheet__background-accent_1ewu9","background-info":"bottom-sheet__background-info_1ewu9","background-attention-muted":"bottom-sheet__background-attention-muted_1ewu9","background-positive-muted":"bottom-sheet__background-positive-muted_1ewu9","background-negative-muted":"bottom-sheet__background-negative-muted_1ewu9","background-primary":"bottom-sheet__background-primary_1ewu9","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ewu9","background-secondary":"bottom-sheet__background-secondary_1ewu9","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ewu9","background-tertiary":"bottom-sheet__background-tertiary_1ewu9","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ewu9","background-quaternary":"bottom-sheet__background-quaternary_1ewu9","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ewu9","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ewu9","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ewu9","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ewu9","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ewu9","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ewu9","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ewu9","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ewu9","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ewu9","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ewu9"};
+var styles = {"modal":"bottom-sheet__modal_1002u","wrapper":"bottom-sheet__wrapper_1002u","fullscreen":"bottom-sheet__fullscreen_1002u","component":"bottom-sheet__component_1002u","withTransition":"bottom-sheet__withTransition_1002u","scrollableContainer":"bottom-sheet__scrollableContainer_1002u","marker":"bottom-sheet__marker_1002u","defaultMarker":"bottom-sheet__defaultMarker_1002u","content":"bottom-sheet__content_1002u","noHeader":"bottom-sheet__noHeader_1002u","noFooter":"bottom-sheet__noFooter_1002u","scrollLocked":"bottom-sheet__scrollLocked_1002u","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1002u","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1002u","appear":"bottom-sheet__appear_1002u","enter":"bottom-sheet__enter_1002u","appearActive":"bottom-sheet__appearActive_1002u","enterActive":"bottom-sheet__enterActive_1002u","enterDone":"bottom-sheet__enterDone_1002u","appearDone":"bottom-sheet__appearDone_1002u","exit":"bottom-sheet__exit_1002u","exitActive":"bottom-sheet__exitActive_1002u","safeAreaBottom":"bottom-sheet__safeAreaBottom_1002u","background-accent":"bottom-sheet__background-accent_1002u","background-info":"bottom-sheet__background-info_1002u","background-attention-muted":"bottom-sheet__background-attention-muted_1002u","background-positive-muted":"bottom-sheet__background-positive-muted_1002u","background-negative-muted":"bottom-sheet__background-negative-muted_1002u","background-primary":"bottom-sheet__background-primary_1002u","background-primary-inverted":"bottom-sheet__background-primary-inverted_1002u","background-secondary":"bottom-sheet__background-secondary_1002u","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1002u","background-tertiary":"bottom-sheet__background-tertiary_1002u","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1002u","background-quaternary":"bottom-sheet__background-quaternary_1002u","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1002u","background-specialbg-component":"bottom-sheet__background-specialbg-component_1002u","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1002u","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1002u","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1002u","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1002u","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1002u","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1002u","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1002u","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1002u"};
 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_z0vmj","sticky":"bottom-sheet__sticky_z0vmj","highlighted":"bottom-sheet__highlighted_z0vmj","background-accent":"bottom-sheet__background-accent_z0vmj","background-info":"bottom-sheet__background-info_z0vmj","background-attention-muted":"bottom-sheet__background-attention-muted_z0vmj","background-positive-muted":"bottom-sheet__background-positive-muted_z0vmj","background-negative-muted":"bottom-sheet__background-negative-muted_z0vmj","background-primary":"bottom-sheet__background-primary_z0vmj","background-primary-inverted":"bottom-sheet__background-primary-inverted_z0vmj","background-secondary":"bottom-sheet__background-secondary_z0vmj","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_z0vmj","background-tertiary":"bottom-sheet__background-tertiary_z0vmj","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_z0vmj","background-quaternary":"bottom-sheet__background-quaternary_z0vmj","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_z0vmj","background-specialbg-component":"bottom-sheet__background-specialbg-component_z0vmj","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_z0vmj","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_z0vmj","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_z0vmj","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_z0vmj","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_z0vmj","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_z0vmj","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_z0vmj","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_z0vmj"};
+var styles = {"footer":"bottom-sheet__footer_b6ua7","sticky":"bottom-sheet__sticky_b6ua7","highlighted":"bottom-sheet__highlighted_b6ua7","background-accent":"bottom-sheet__background-accent_b6ua7","background-info":"bottom-sheet__background-info_b6ua7","background-attention-muted":"bottom-sheet__background-attention-muted_b6ua7","background-positive-muted":"bottom-sheet__background-positive-muted_b6ua7","background-negative-muted":"bottom-sheet__background-negative-muted_b6ua7","background-primary":"bottom-sheet__background-primary_b6ua7","background-primary-inverted":"bottom-sheet__background-primary-inverted_b6ua7","background-secondary":"bottom-sheet__background-secondary_b6ua7","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_b6ua7","background-tertiary":"bottom-sheet__background-tertiary_b6ua7","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_b6ua7","background-quaternary":"bottom-sheet__background-quaternary_b6ua7","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_b6ua7","background-specialbg-component":"bottom-sheet__background-specialbg-component_b6ua7","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_b6ua7","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_b6ua7","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_b6ua7","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_b6ua7","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_b6ua7","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_b6ua7","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_b6ua7","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_b6ua7"};
 require('./index.css');
 
 var Footer = function (_a) {