@alfalab/core-components 48.35.0 → 48.36.0-beta-28d75cc

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_17alo","aspectRatioContainer":"bank-card__aspectRatioContainer_17alo","content":"bank-card__content_17alo","label":"bank-card__label_17alo","focused":"bank-card__focused_17alo","filled":"bank-card__filled_17alo","input":"bank-card__input_17alo","bankLogo":"bank-card__bankLogo_17alo","brandLogo":"bank-card__brandLogo_17alo","usePhoto":"bank-card__usePhoto_17alo"};
+var styles = {"component":"bank-card__component_mf0am","aspectRatioContainer":"bank-card__aspectRatioContainer_mf0am","content":"bank-card__content_mf0am","label":"bank-card__label_mf0am","focused":"bank-card__focused_mf0am","filled":"bank-card__filled_mf0am","input":"bank-card__input_mf0am","bankLogo":"bank-card__bankLogo_mf0am","brandLogo":"bank-card__brandLogo_mf0am","usePhoto":"bank-card__usePhoto_mf0am"};
 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_17alo","aspectRatioContainer":"bank-card__aspectRatioContainer_17alo","content":"bank-card__content_17alo","label":"bank-card__label_17alo","focused":"bank-card__focused_17alo","filled":"bank-card__filled_17alo","input":"bank-card__input_17alo","bankLogo":"bank-card__bankLogo_17alo","brandLogo":"bank-card__brandLogo_17alo","usePhoto":"bank-card__usePhoto_17alo"};
+var styles = {"component":"bank-card__component_mf0am","aspectRatioContainer":"bank-card__aspectRatioContainer_mf0am","content":"bank-card__content_mf0am","label":"bank-card__label_mf0am","focused":"bank-card__focused_mf0am","filled":"bank-card__filled_mf0am","input":"bank-card__input_mf0am","bankLogo":"bank-card__bankLogo_mf0am","brandLogo":"bank-card__brandLogo_mf0am","usePhoto":"bank-card__usePhoto_mf0am"};
 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_17alo {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_mf0am {
     /* 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_17alo {
+} .bank-card__aspectRatioContainer_mf0am {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_17alo {
+} .bank-card__content_mf0am {
     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_17alo {
+} .bank-card__label_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__label_mf0am {
         font-size: 16px
 }
-    } .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+    } .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+} @media (max-width: 360px) { .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_17alo:before {
+    } .bank-card__focused_mf0am:before {
     transform: scale(1) !important;
-} .bank-card__input_17alo {
+} .bank-card__input_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__input_mf0am {
         font-size: 16px
 }
-    } .bank-card__bankLogo_17alo {
+    } .bank-card__bankLogo_mf0am {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_17alo svg {
+} .bank-card__bankLogo_mf0am svg {
         display: block
-    } .bank-card__bankLogo_17alo svg g {
+    } .bank-card__bankLogo_mf0am svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_17alo {
+        } .bank-card__brandLogo_mf0am {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_17alo svg {
+} .bank-card__brandLogo_mf0am svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_17alo {
+    } .bank-card__usePhoto_mf0am {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_17alo svg {
+} .bank-card__usePhoto_mf0am 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_17alo {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_mf0am {
     /* 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_17alo {
+} .bank-card__aspectRatioContainer_mf0am {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_17alo {
+} .bank-card__content_mf0am {
     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_17alo {
+} .bank-card__label_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__label_mf0am {
         font-size: 16px
 }
-    } .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+    } .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+} @media (max-width: 360px) { .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_17alo:before {
+    } .bank-card__focused_mf0am:before {
     transform: scale(1) !important;
-} .bank-card__input_17alo {
+} .bank-card__input_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__input_mf0am {
         font-size: 16px
 }
-    } .bank-card__bankLogo_17alo {
+    } .bank-card__bankLogo_mf0am {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_17alo svg {
+} .bank-card__bankLogo_mf0am svg {
         display: block
-    } .bank-card__bankLogo_17alo svg g {
+    } .bank-card__bankLogo_mf0am svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_17alo {
+        } .bank-card__brandLogo_mf0am {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_17alo svg {
+} .bank-card__brandLogo_mf0am svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_17alo {
+    } .bank-card__usePhoto_mf0am {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_17alo svg {
+} .bank-card__usePhoto_mf0am 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_17alo","aspectRatioContainer":"bank-card__aspectRatioContainer_17alo","content":"bank-card__content_17alo","label":"bank-card__label_17alo","focused":"bank-card__focused_17alo","filled":"bank-card__filled_17alo","input":"bank-card__input_17alo","bankLogo":"bank-card__bankLogo_17alo","brandLogo":"bank-card__brandLogo_17alo","usePhoto":"bank-card__usePhoto_17alo"};
+const styles = {"component":"bank-card__component_mf0am","aspectRatioContainer":"bank-card__aspectRatioContainer_mf0am","content":"bank-card__content_mf0am","label":"bank-card__label_mf0am","focused":"bank-card__focused_mf0am","filled":"bank-card__filled_mf0am","input":"bank-card__input_mf0am","bankLogo":"bank-card__bankLogo_mf0am","brandLogo":"bank-card__brandLogo_mf0am","usePhoto":"bank-card__usePhoto_mf0am"};
 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_17alo {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_mf0am {
     /* 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_17alo {
+} .bank-card__aspectRatioContainer_mf0am {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_17alo {
+} .bank-card__content_mf0am {
     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_17alo {
+} .bank-card__label_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__label_mf0am {
         font-size: 16px
 }
-    } .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+    } .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_17alo .bank-card__label_17alo,
-.bank-card__filled_17alo .bank-card__label_17alo {
+} @media (max-width: 360px) { .bank-card__focused_mf0am .bank-card__label_mf0am,
+.bank-card__filled_mf0am .bank-card__label_mf0am {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_17alo:before {
+    } .bank-card__focused_mf0am:before {
     transform: scale(1) !important;
-} .bank-card__input_17alo {
+} .bank-card__input_mf0am {
     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_17alo {
+} @media (max-width: 360px) { .bank-card__input_mf0am {
         font-size: 16px
 }
-    } .bank-card__bankLogo_17alo {
+    } .bank-card__bankLogo_mf0am {
     position: absolute;
     top: var(--gap-16);
     left: var(--gap-16)
-} .bank-card__bankLogo_17alo svg {
+} .bank-card__bankLogo_mf0am svg {
         display: block
-    } .bank-card__bankLogo_17alo svg g {
+    } .bank-card__bankLogo_mf0am svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_17alo {
+        } .bank-card__brandLogo_mf0am {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_17alo svg {
+} .bank-card__brandLogo_mf0am svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_17alo {
+    } .bank-card__usePhoto_mf0am {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_17alo svg {
+} .bank-card__usePhoto_mf0am 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_174xu","wrapper":"base-modal__wrapper_174xu","content":"base-modal__content_174xu","hasFooter":"base-modal__hasFooter_174xu","hasHeader":"base-modal__hasHeader_174xu","hidden":"base-modal__hidden_174xu","backdrop":"base-modal__backdrop_174xu","appear":"base-modal__appear_174xu","enter":"base-modal__enter_174xu","appearActive":"base-modal__appearActive_174xu","enterActive":"base-modal__enterActive_174xu","exit":"base-modal__exit_174xu","exitActive":"base-modal__exitActive_174xu","exitDone":"base-modal__exitDone_174xu"};
+var styles = {"component":"base-modal__component_14jfe","wrapper":"base-modal__wrapper_14jfe","content":"base-modal__content_14jfe","hasFooter":"base-modal__hasFooter_14jfe","hasHeader":"base-modal__hasHeader_14jfe","hidden":"base-modal__hidden_14jfe","backdrop":"base-modal__backdrop_14jfe","appear":"base-modal__appear_14jfe","enter":"base-modal__enter_14jfe","appearActive":"base-modal__appearActive_14jfe","enterActive":"base-modal__enterActive_14jfe","exit":"base-modal__exit_14jfe","exitActive":"base-modal__exitActive_14jfe","exitDone":"base-modal__exitDone_14jfe"};
 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_174xu","wrapper":"base-modal__wrapper_174xu","content":"base-modal__content_174xu","hasFooter":"base-modal__hasFooter_174xu","hasHeader":"base-modal__hasHeader_174xu","hidden":"base-modal__hidden_174xu","backdrop":"base-modal__backdrop_174xu","appear":"base-modal__appear_174xu","enter":"base-modal__enter_174xu","appearActive":"base-modal__appearActive_174xu","enterActive":"base-modal__enterActive_174xu","exit":"base-modal__exit_174xu","exitActive":"base-modal__exitActive_174xu","exitDone":"base-modal__exitDone_174xu"};
+var styles = {"component":"base-modal__component_14jfe","wrapper":"base-modal__wrapper_14jfe","content":"base-modal__content_14jfe","hasFooter":"base-modal__hasFooter_14jfe","hasHeader":"base-modal__hasHeader_14jfe","hidden":"base-modal__hidden_14jfe","backdrop":"base-modal__backdrop_14jfe","appear":"base-modal__appear_14jfe","enter":"base-modal__enter_14jfe","appearActive":"base-modal__appearActive_14jfe","enterActive":"base-modal__enterActive_14jfe","exit":"base-modal__exit_14jfe","exitActive":"base-modal__exitActive_14jfe","exitDone":"base-modal__exitDone_14jfe"};
 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_174xu {
+} .base-modal__component_14jfe {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_174xu {
+} .base-modal__wrapper_14jfe {
     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_174xu {
+} .base-modal__content_14jfe {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasFooter_174xu {
+} @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasFooter_14jfe {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasHeader_174xu {
+        } @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasHeader_14jfe {
             padding-top: unset
     }
-        } .base-modal__hidden_174xu {
+        } .base-modal__hidden_14jfe {
     display: none;
-} .base-modal__backdrop_174xu {
+} .base-modal__backdrop_14jfe {
     z-index: 0;
-} .base-modal__appear_174xu,
-.base-modal__enter_174xu {
+} .base-modal__appear_14jfe,
+.base-modal__enter_14jfe {
     opacity: 0;
-} .base-modal__appearActive_174xu,
-.base-modal__enterActive_174xu {
+} .base-modal__appearActive_14jfe,
+.base-modal__enterActive_14jfe {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_174xu {
+} .base-modal__exit_14jfe {
     opacity: 1;
-} .base-modal__exitActive_174xu,
-.base-modal__exitDone_174xu {
+} .base-modal__exitActive_14jfe,
+.base-modal__exitDone_14jfe {
     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_174xu {
+} .base-modal__component_14jfe {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_174xu {
+} .base-modal__wrapper_14jfe {
     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_174xu {
+} .base-modal__content_14jfe {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasFooter_174xu {
+} @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasFooter_14jfe {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasHeader_174xu {
+        } @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasHeader_14jfe {
             padding-top: unset
     }
-        } .base-modal__hidden_174xu {
+        } .base-modal__hidden_14jfe {
     display: none;
-} .base-modal__backdrop_174xu {
+} .base-modal__backdrop_14jfe {
     z-index: 0;
-} .base-modal__appear_174xu,
-.base-modal__enter_174xu {
+} .base-modal__appear_14jfe,
+.base-modal__enter_14jfe {
     opacity: 0;
-} .base-modal__appearActive_174xu,
-.base-modal__enterActive_174xu {
+} .base-modal__appearActive_14jfe,
+.base-modal__enterActive_14jfe {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_174xu {
+} .base-modal__exit_14jfe {
     opacity: 1;
-} .base-modal__exitActive_174xu,
-.base-modal__exitDone_174xu {
+} .base-modal__exitActive_14jfe,
+.base-modal__exitDone_14jfe {
     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_174xu","wrapper":"base-modal__wrapper_174xu","content":"base-modal__content_174xu","hasFooter":"base-modal__hasFooter_174xu","hasHeader":"base-modal__hasHeader_174xu","hidden":"base-modal__hidden_174xu","backdrop":"base-modal__backdrop_174xu","appear":"base-modal__appear_174xu","enter":"base-modal__enter_174xu","appearActive":"base-modal__appearActive_174xu","enterActive":"base-modal__enterActive_174xu","exit":"base-modal__exit_174xu","exitActive":"base-modal__exitActive_174xu","exitDone":"base-modal__exitDone_174xu"};
+const styles = {"component":"base-modal__component_14jfe","wrapper":"base-modal__wrapper_14jfe","content":"base-modal__content_14jfe","hasFooter":"base-modal__hasFooter_14jfe","hasHeader":"base-modal__hasHeader_14jfe","hidden":"base-modal__hidden_14jfe","backdrop":"base-modal__backdrop_14jfe","appear":"base-modal__appear_14jfe","enter":"base-modal__enter_14jfe","appearActive":"base-modal__appearActive_14jfe","enterActive":"base-modal__enterActive_14jfe","exit":"base-modal__exit_14jfe","exitActive":"base-modal__exitActive_14jfe","exitDone":"base-modal__exitDone_14jfe"};
 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_174xu {
+} .base-modal__component_14jfe {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_174xu {
+} .base-modal__wrapper_14jfe {
     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_174xu {
+} .base-modal__content_14jfe {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasFooter_174xu {
+} @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasFooter_14jfe {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_174xu.base-modal__hasHeader_174xu {
+        } @media (display-mode: standalone) { .base-modal__content_14jfe.base-modal__hasHeader_14jfe {
             padding-top: unset
     }
-        } .base-modal__hidden_174xu {
+        } .base-modal__hidden_14jfe {
     display: none;
-} .base-modal__backdrop_174xu {
+} .base-modal__backdrop_14jfe {
     z-index: 0;
-} .base-modal__appear_174xu,
-.base-modal__enter_174xu {
+} .base-modal__appear_14jfe,
+.base-modal__enter_14jfe {
     opacity: 0;
-} .base-modal__appearActive_174xu,
-.base-modal__enterActive_174xu {
+} .base-modal__appearActive_14jfe,
+.base-modal__enterActive_14jfe {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_174xu {
+} .base-modal__exit_14jfe {
     opacity: 1;
-} .base-modal__exitActive_174xu,
-.base-modal__exitDone_174xu {
+} .base-modal__exitActive_14jfe,
+.base-modal__exitDone_14jfe {
     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_u7i0l","wrapper":"bottom-sheet__wrapper_u7i0l","fullscreen":"bottom-sheet__fullscreen_u7i0l","component":"bottom-sheet__component_u7i0l","withTransition":"bottom-sheet__withTransition_u7i0l","scrollableContainer":"bottom-sheet__scrollableContainer_u7i0l","marker":"bottom-sheet__marker_u7i0l","defaultMarker":"bottom-sheet__defaultMarker_u7i0l","content":"bottom-sheet__content_u7i0l","noHeader":"bottom-sheet__noHeader_u7i0l","noFooter":"bottom-sheet__noFooter_u7i0l","scrollLocked":"bottom-sheet__scrollLocked_u7i0l","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_u7i0l","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_u7i0l","appear":"bottom-sheet__appear_u7i0l","enter":"bottom-sheet__enter_u7i0l","appearActive":"bottom-sheet__appearActive_u7i0l","enterActive":"bottom-sheet__enterActive_u7i0l","enterDone":"bottom-sheet__enterDone_u7i0l","appearDone":"bottom-sheet__appearDone_u7i0l","exit":"bottom-sheet__exit_u7i0l","exitActive":"bottom-sheet__exitActive_u7i0l","safeAreaBottom":"bottom-sheet__safeAreaBottom_u7i0l","background-accent":"bottom-sheet__background-accent_u7i0l","background-info":"bottom-sheet__background-info_u7i0l","background-attention-muted":"bottom-sheet__background-attention-muted_u7i0l","background-positive-muted":"bottom-sheet__background-positive-muted_u7i0l","background-negative-muted":"bottom-sheet__background-negative-muted_u7i0l","background-primary":"bottom-sheet__background-primary_u7i0l","background-primary-inverted":"bottom-sheet__background-primary-inverted_u7i0l","background-secondary":"bottom-sheet__background-secondary_u7i0l","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_u7i0l","background-tertiary":"bottom-sheet__background-tertiary_u7i0l","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_u7i0l","background-quaternary":"bottom-sheet__background-quaternary_u7i0l","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_u7i0l","background-specialbg-component":"bottom-sheet__background-specialbg-component_u7i0l","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_u7i0l","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_u7i0l","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_u7i0l","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_u7i0l","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_u7i0l","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_u7i0l","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_u7i0l","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_u7i0l"};
+var styles = {"modal":"bottom-sheet__modal_19msl","wrapper":"bottom-sheet__wrapper_19msl","outerClassName":"bottom-sheet__outerClassName_19msl","fullscreen":"bottom-sheet__fullscreen_19msl","component":"bottom-sheet__component_19msl","withTransition":"bottom-sheet__withTransition_19msl","scrollableContainer":"bottom-sheet__scrollableContainer_19msl","marker":"bottom-sheet__marker_19msl","defaultMarker":"bottom-sheet__defaultMarker_19msl","content":"bottom-sheet__content_19msl","noHeader":"bottom-sheet__noHeader_19msl","noFooter":"bottom-sheet__noFooter_19msl","scrollLocked":"bottom-sheet__scrollLocked_19msl","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_19msl","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_19msl","appear":"bottom-sheet__appear_19msl","enter":"bottom-sheet__enter_19msl","appearActive":"bottom-sheet__appearActive_19msl","enterActive":"bottom-sheet__enterActive_19msl","enterDone":"bottom-sheet__enterDone_19msl","appearDone":"bottom-sheet__appearDone_19msl","exit":"bottom-sheet__exit_19msl","exitActive":"bottom-sheet__exitActive_19msl","safeAreaBottom":"bottom-sheet__safeAreaBottom_19msl","background-accent":"bottom-sheet__background-accent_19msl","background-info":"bottom-sheet__background-info_19msl","background-attention-muted":"bottom-sheet__background-attention-muted_19msl","background-positive-muted":"bottom-sheet__background-positive-muted_19msl","background-negative-muted":"bottom-sheet__background-negative-muted_19msl","background-primary":"bottom-sheet__background-primary_19msl","background-primary-inverted":"bottom-sheet__background-primary-inverted_19msl","background-secondary":"bottom-sheet__background-secondary_19msl","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_19msl","background-tertiary":"bottom-sheet__background-tertiary_19msl","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_19msl","background-quaternary":"bottom-sheet__background-quaternary_19msl","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_19msl","background-specialbg-component":"bottom-sheet__background-specialbg-component_19msl","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_19msl","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_19msl","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_19msl","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_19msl","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_19msl","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_19msl","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_19msl","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_19msl"};
 require('./index.css');
 
 var isNil = coreComponentsShared.fnUtils.isNil;
@@ -31,7 +31,7 @@ var BottomSheet = React.forwardRef(
 function (_a, ref) {
     var _b, _c, _d, _e, _f;
     var _g, _h;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, _w = _a.showSwipeMarker, showSwipeMarker = _w === void 0 ? true : _w, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _x = _a.iOSLock, iOSLock = _x === void 0 ? false : _x, _y = _a.virtualKeyboard, virtualKeyboard = _y === void 0 ? false : _y, preventScrollOnSwipe = _a.preventScrollOnSwipe;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, bottomSheetWrapperClassName = _a.bottomSheetWrapperClassName, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, outerClassName = _a.outerClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, outerAddons = _a.outerAddons, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, _w = _a.showSwipeMarker, showSwipeMarker = _w === void 0 ? true : _w, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _x = _a.iOSLock, iOSLock = _x === void 0 ? false : _x, _y = _a.virtualKeyboard, virtualKeyboard = _y === void 0 ? false : _y, preventScrollOnSwipe = _a.preventScrollOnSwipe;
     var windowHeight = (_g = reactDiv100vh.use100vh()) !== null && _g !== void 0 ? _g : 0;
     var visualViewportSize = hooks_useVisualviewportSize.useVisualViewportSize();
     var fullHeight = virtualKeyboard ? (_h = visualViewportSize === null || visualViewportSize === void 0 ? void 0 : visualViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
@@ -383,9 +383,10 @@ function (_a, ref) {
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: styles.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
             _b[styles.disabledPointerEvents] = hideOverlay,
             _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered, onEnter: handleEnter, onExit: handleExit }), disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted, iOSLock: iOSLock },
-        React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, (_c = {},
+        React__default.default.createElement("div", { className: cn__default.default(styles.wrapper, bottomSheetWrapperClassName, (_c = {},
                 _c[styles.fullscreen] = headerOffset === 0 && sheetOffset === 0,
                 _c)), onTransitionEnd: setSheetHeight },
+            outerAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.outerClassName, outerClassName), style: getSwipeStyles() }, outerAddons)),
             React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, bgClassName, className, (_d = {},
                     _d[styles.withTransition] = swipingInProgress === false,
                     _d[styles.safeAreaBottom] = coreComponentsShared.os.isIOS(),

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_p43wg","sticky":"bottom-sheet__sticky_p43wg","highlighted":"bottom-sheet__highlighted_p43wg","background-accent":"bottom-sheet__background-accent_p43wg","background-info":"bottom-sheet__background-info_p43wg","background-attention-muted":"bottom-sheet__background-attention-muted_p43wg","background-positive-muted":"bottom-sheet__background-positive-muted_p43wg","background-negative-muted":"bottom-sheet__background-negative-muted_p43wg","background-primary":"bottom-sheet__background-primary_p43wg","background-primary-inverted":"bottom-sheet__background-primary-inverted_p43wg","background-secondary":"bottom-sheet__background-secondary_p43wg","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_p43wg","background-tertiary":"bottom-sheet__background-tertiary_p43wg","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_p43wg","background-quaternary":"bottom-sheet__background-quaternary_p43wg","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_p43wg","background-specialbg-component":"bottom-sheet__background-specialbg-component_p43wg","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_p43wg","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_p43wg","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_p43wg","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_p43wg","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_p43wg","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_p43wg","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_p43wg","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_p43wg"};
+var styles = {"footer":"bottom-sheet__footer_vpojn","sticky":"bottom-sheet__sticky_vpojn","highlighted":"bottom-sheet__highlighted_vpojn","background-accent":"bottom-sheet__background-accent_vpojn","background-info":"bottom-sheet__background-info_vpojn","background-attention-muted":"bottom-sheet__background-attention-muted_vpojn","background-positive-muted":"bottom-sheet__background-positive-muted_vpojn","background-negative-muted":"bottom-sheet__background-negative-muted_vpojn","background-primary":"bottom-sheet__background-primary_vpojn","background-primary-inverted":"bottom-sheet__background-primary-inverted_vpojn","background-secondary":"bottom-sheet__background-secondary_vpojn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_vpojn","background-tertiary":"bottom-sheet__background-tertiary_vpojn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_vpojn","background-quaternary":"bottom-sheet__background-quaternary_vpojn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_vpojn","background-specialbg-component":"bottom-sheet__background-specialbg-component_vpojn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_vpojn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_vpojn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_vpojn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_vpojn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_vpojn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_vpojn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_vpojn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_vpojn"};
 require('./index.css');
 
 var Footer = function (_a) {