@alfalab/core-components 25.5.0 → 25.6.0

package/bank-card/modern/index.css

@@ -71,29 +71,72 @@
     --color-light-blue: #f5f7f9;
 }
 :root {
+    --color-static-corpbg-neutral: #bdc0c2;
+    --color-static-corpbg-primary: #212a33;
+    --color-static-corpbg-secondary: #384048;
+    --color-static-corpbg-tertiary: #7a7f85;
     --color-static-graphic-amethyst: #a489aa;
     --color-static-graphic-blackberry: #bfafc6;
+    --color-static-graphic-blue-chill: #0f9c8c;
     --color-static-graphic-blue-maya: #7eb3ff;
     --color-static-graphic-blue-moody: #7879cf;
     --color-static-graphic-blue-steel: #4f84ba;
     --color-static-graphic-botticelli: #cee5e5;
+    --color-static-graphic-boulder: #7a7a7a;
+    --color-static-graphic-brink-pink: #fc617c;
+    --color-static-graphic-burnt-sienna: #eb7a58;
     --color-static-graphic-carrot: #e8bba3;
+    --color-static-graphic-chatelle: #bfafc6;
+    --color-static-graphic-chathams-blue: #155966;
     --color-static-graphic-chick: #f2db9e;
+    --color-static-graphic-crete: #847128;
+    --color-static-graphic-curious-blue: #2381db;
+    --color-static-graphic-curious-blue-light: #3b99d9;
+    --color-static-graphic-eastern-blue: #269cb3;
+    --color-static-graphic-french-lilac: #d3baed;
+    --color-static-graphic-fuel-yellow: #f29d32;
+    --color-static-graphic-fun-blue: #1d6ab5;
     --color-static-graphic-gallery: #eee;
     --color-static-graphic-green-jungle: #2fc26e;
+    --color-static-graphic-hippie-blue: #5aa4b0;
+    --color-static-graphic-jaffa: #f07134;
+    --color-static-graphic-jaffa-light: #f18836;
+    --color-static-graphic-java: #15c0e0;
+    --color-static-graphic-jungle-green: #2ab79a;
     --color-static-graphic-lavender: #8888ad;
+    --color-static-graphic-mantis: #63cd4f;
+    --color-static-graphic-matisse: #16548f;
+    --color-static-graphic-milano-red: #cd1501;
+    --color-static-graphic-mirage: #1d2434;
+    --color-static-graphic-moon-raker: #e9dbf7;
+    --color-static-graphic-moss-green: #a6d29c;
+    --color-static-graphic-nevada: #626b75;
     --color-static-graphic-olive: #bfd3c9;
+    --color-static-graphic-olivine: #87b965;
     --color-static-graphic-peach: #fcc99b;
     --color-static-graphic-persimmon: #ff5c5c;
+    --color-static-graphic-pewter: #96a5a5;
+    --color-static-graphic-pickled-bluewood: #2d3f50;
+    --color-static-graphic-porsche: #e7b965;
     --color-static-graphic-raspberry: #dfb2bb;
+    --color-static-graphic-red-damask: #da713c;
+    --color-static-graphic-saffron: #f0c330;
     --color-static-graphic-salomie: #fee984;
     --color-static-graphic-sand: #f6bf65;
+    --color-static-graphic-sandy-brown: #f38f6f;
     --color-static-graphic-seawater: #aecfd9;
+    --color-static-graphic-serenade: #fff0e3;
     --color-static-graphic-sky: #a6c0db;
     --color-static-graphic-soft-peach: #f3eaeb;
     --color-static-graphic-solitude: #e8f2fe;
     --color-static-graphic-strawberry: #f8b6a9;
     --color-static-graphic-sundust: #d9d6ce;
+    --color-static-graphic-turkish-rose: #b56a6b;
+    --color-static-graphic-turquoise-blue: #6bd3e6;
+    --color-static-graphic-valencia: #d8463b;
+    --color-static-graphic-waikawa-gray: #5b6d9c;
+    --color-static-graphic-whisper: #f2eff6;
+    --color-static-graphic-zanah: #e1f0de;
     --color-static-local-light-blue: #f5f7f9;
     --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
     --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
@@ -288,6 +331,7 @@
     --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
     --color-dark-border-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
+    --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
@@ -352,6 +396,7 @@
     --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
     --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
+    --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
@@ -404,6 +449,8 @@
     --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
     --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
     --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
+    --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
+    --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
     --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
     --color-static-primary-dark: rgba(0, 0, 0, 0.8);
@@ -414,6 +461,8 @@
     --color-static-quinary-light: rgba(255, 255, 255, 0.16);
     --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
     --color-static-secondary-light: rgba(255, 255, 255, 0.64);
+    --color-static-senary-dark: rgba(0, 0, 0, 0.12);
+    --color-static-senary-light: rgba(255, 255, 255, 0.12);
     --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
 }
@@ -515,7 +564,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_1pe4y {
+.bank-card__component_2ket1 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -534,11 +583,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_1pe4y {
+.bank-card__aspectRatioContainer_2ket1 {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_1pe4y {
+.bank-card__content_2ket1 {
     position: absolute;
     top: 0;
     right: 0;
@@ -551,7 +600,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_1pe4y {
+.bank-card__label_2ket1 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -559,25 +608,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_1pe4y {
+.bank-card__label_2ket1 {
         font-size: 16px
 }
     }
-.bank-card__focused_1pe4y .bank-card__label_1pe4y,
-.bank-card__filled_1pe4y .bank-card__label_1pe4y {
+.bank-card__focused_2ket1 .bank-card__label_2ket1,
+.bank-card__filled_2ket1 .bank-card__label_2ket1 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_1pe4y .bank-card__label_1pe4y,
-.bank-card__filled_1pe4y .bank-card__label_1pe4y {
+.bank-card__focused_2ket1 .bank-card__label_2ket1,
+.bank-card__filled_2ket1 .bank-card__label_2ket1 {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_1pe4y:before {
+.bank-card__focused_2ket1:before {
     transform: scale(1) !important;
 }
-.bank-card__input_1pe4y {
+.bank-card__input_2ket1 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -591,33 +640,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_1pe4y {
+.bank-card__input_2ket1 {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_1pe4y {
+.bank-card__bankLogo_2ket1 {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_1pe4y svg {
+.bank-card__bankLogo_2ket1 svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_1pe4y svg g {
+.bank-card__bankLogo_2ket1 svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_1pe4y {
+.bank-card__brandLogo_2ket1 {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_1pe4y svg {
+.bank-card__brandLogo_2ket1 svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_1pe4y {
+.bank-card__usePhoto_2ket1 {
     display: block;
     margin: 0;
     padding: 0;
@@ -635,7 +684,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_1pe4y svg {
+.bank-card__usePhoto_2ket1 svg {
         fill: var(--color-black);
         display: block;
     }

package/base-modal/Component.js

@@ -46,7 +46,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_d6ee5","wrapper":"base-modal__wrapper_d6ee5","content":"base-modal__content_d6ee5","hidden":"base-modal__hidden_d6ee5","backdrop":"base-modal__backdrop_d6ee5","appear":"base-modal__appear_d6ee5","enter":"base-modal__enter_d6ee5","appearActive":"base-modal__appearActive_d6ee5","enterActive":"base-modal__enterActive_d6ee5","exit":"base-modal__exit_d6ee5","exitActive":"base-modal__exitActive_d6ee5","exitDone":"base-modal__exitDone_d6ee5"};
+var styles = {"component":"base-modal__component_1oskr","wrapper":"base-modal__wrapper_1oskr","content":"base-modal__content_1oskr","hidden":"base-modal__hidden_1oskr","backdrop":"base-modal__backdrop_1oskr","appear":"base-modal__appear_1oskr","enter":"base-modal__enter_1oskr","appearActive":"base-modal__appearActive_1oskr","enterActive":"base-modal__enterActive_1oskr","exit":"base-modal__exit_1oskr","exitActive":"base-modal__exitActive_1oskr","exitDone":"base-modal__exitDone_1oskr"};
 require('./index.css');
 
 var BaseModalContext = React__default['default'].createContext({

package/base-modal/esm/Component.js

@@ -37,7 +37,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_d6ee5","wrapper":"base-modal__wrapper_d6ee5","content":"base-modal__content_d6ee5","hidden":"base-modal__hidden_d6ee5","backdrop":"base-modal__backdrop_d6ee5","appear":"base-modal__appear_d6ee5","enter":"base-modal__enter_d6ee5","appearActive":"base-modal__appearActive_d6ee5","enterActive":"base-modal__enterActive_d6ee5","exit":"base-modal__exit_d6ee5","exitActive":"base-modal__exitActive_d6ee5","exitDone":"base-modal__exitDone_d6ee5"};
+var styles = {"component":"base-modal__component_1oskr","wrapper":"base-modal__wrapper_1oskr","content":"base-modal__content_1oskr","hidden":"base-modal__hidden_1oskr","backdrop":"base-modal__backdrop_1oskr","appear":"base-modal__appear_1oskr","enter":"base-modal__enter_1oskr","appearActive":"base-modal__appearActive_1oskr","enterActive":"base-modal__enterActive_1oskr","exit":"base-modal__exit_1oskr","exitActive":"base-modal__exitActive_1oskr","exitDone":"base-modal__exitDone_1oskr"};
 require('./index.css');
 
 var BaseModalContext = React.createContext({

package/base-modal/esm/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_d6ee5 {
+.base-modal__component_1oskr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_d6ee5 {
+.base-modal__wrapper_1oskr {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_d6ee5 {
+.base-modal__content_1oskr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_d6ee5 {
+.base-modal__hidden_1oskr {
     display: none;
 }
-.base-modal__backdrop_d6ee5 {
+.base-modal__backdrop_1oskr {
     z-index: 0;
 }
-.base-modal__appear_d6ee5,
-.base-modal__enter_d6ee5 {
+.base-modal__appear_1oskr,
+.base-modal__enter_1oskr {
     opacity: 0;
 }
-.base-modal__appearActive_d6ee5,
-.base-modal__enterActive_d6ee5 {
+.base-modal__appearActive_1oskr,
+.base-modal__enterActive_1oskr {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_d6ee5 {
+.base-modal__exit_1oskr {
     opacity: 1;
 }
-.base-modal__exitActive_d6ee5,
-.base-modal__exitDone_d6ee5 {
+.base-modal__exitActive_1oskr,
+.base-modal__exitDone_1oskr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_d6ee5 {
+.base-modal__component_1oskr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_d6ee5 {
+.base-modal__wrapper_1oskr {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_d6ee5 {
+.base-modal__content_1oskr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_d6ee5 {
+.base-modal__hidden_1oskr {
     display: none;
 }
-.base-modal__backdrop_d6ee5 {
+.base-modal__backdrop_1oskr {
     z-index: 0;
 }
-.base-modal__appear_d6ee5,
-.base-modal__enter_d6ee5 {
+.base-modal__appear_1oskr,
+.base-modal__enter_1oskr {
     opacity: 0;
 }
-.base-modal__appearActive_d6ee5,
-.base-modal__enterActive_d6ee5 {
+.base-modal__appearActive_1oskr,
+.base-modal__enterActive_1oskr {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_d6ee5 {
+.base-modal__exit_1oskr {
     opacity: 1;
 }
-.base-modal__exitActive_d6ee5,
-.base-modal__exitDone_d6ee5 {
+.base-modal__exitActive_1oskr,
+.base-modal__exitDone_1oskr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -10,7 +10,7 @@ import { stackingOrder, Stack } from '../../stack/modern';
 import '../../global-store/modern';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
-var styles = {"component":"base-modal__component_d6ee5","wrapper":"base-modal__wrapper_d6ee5","content":"base-modal__content_d6ee5","hidden":"base-modal__hidden_d6ee5","backdrop":"base-modal__backdrop_d6ee5","appear":"base-modal__appear_d6ee5","enter":"base-modal__enter_d6ee5","appearActive":"base-modal__appearActive_d6ee5","enterActive":"base-modal__enterActive_d6ee5","exit":"base-modal__exit_d6ee5","exitActive":"base-modal__exitActive_d6ee5","exitDone":"base-modal__exitDone_d6ee5"};
+var styles = {"component":"base-modal__component_1oskr","wrapper":"base-modal__wrapper_1oskr","content":"base-modal__content_1oskr","hidden":"base-modal__hidden_1oskr","backdrop":"base-modal__backdrop_1oskr","appear":"base-modal__appear_1oskr","enter":"base-modal__enter_1oskr","appearActive":"base-modal__appearActive_1oskr","enterActive":"base-modal__enterActive_1oskr","exit":"base-modal__exit_1oskr","exitActive":"base-modal__exitActive_1oskr","exitDone":"base-modal__exitDone_1oskr"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_d6ee5 {
+.base-modal__component_1oskr {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_d6ee5 {
+.base-modal__wrapper_1oskr {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_d6ee5 {
+.base-modal__content_1oskr {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_d6ee5 {
+.base-modal__hidden_1oskr {
     display: none;
 }
-.base-modal__backdrop_d6ee5 {
+.base-modal__backdrop_1oskr {
     z-index: 0;
 }
-.base-modal__appear_d6ee5,
-.base-modal__enter_d6ee5 {
+.base-modal__appear_1oskr,
+.base-modal__enter_1oskr {
     opacity: 0;
 }
-.base-modal__appearActive_d6ee5,
-.base-modal__enterActive_d6ee5 {
+.base-modal__appearActive_1oskr,
+.base-modal__enterActive_1oskr {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_d6ee5 {
+.base-modal__exit_1oskr {
     opacity: 1;
 }
-.base-modal__exitActive_d6ee5,
-.base-modal__exitDone_d6ee5 {
+.base-modal__exitActive_1oskr,
+.base-modal__exitDone_1oskr {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-fc5d4046.js');
+var components_swipeableBackdrop_Component = require('./Component-dec2283b.js');
 var React = require('react');
 var cn = require('classnames');
 var reactSwipeable = require('react-swipeable');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"modal":"bottom-sheet__modal_12928","component":"bottom-sheet__component_12928","withTransition":"bottom-sheet__withTransition_12928","marker":"bottom-sheet__marker_12928","scrollableContainer":"bottom-sheet__scrollableContainer_12928","withPadding":"bottom-sheet__withPadding_12928","content":"bottom-sheet__content_12928","title":"bottom-sheet__title_12928","scrollLocked":"bottom-sheet__scrollLocked_12928","appear":"bottom-sheet__appear_12928","enter":"bottom-sheet__enter_12928","appearActive":"bottom-sheet__appearActive_12928","enterActive":"bottom-sheet__enterActive_12928","enterDone":"bottom-sheet__enterDone_12928","appearDone":"bottom-sheet__appearDone_12928","exit":"bottom-sheet__exit_12928","exitActive":"bottom-sheet__exitActive_12928"};
+var styles = {"modal":"bottom-sheet__modal_13jph","component":"bottom-sheet__component_13jph","withTransition":"bottom-sheet__withTransition_13jph","marker":"bottom-sheet__marker_13jph","scrollableContainer":"bottom-sheet__scrollableContainer_13jph","withPadding":"bottom-sheet__withPadding_13jph","content":"bottom-sheet__content_13jph","title":"bottom-sheet__title_13jph","scrollLocked":"bottom-sheet__scrollLocked_13jph","appear":"bottom-sheet__appear_13jph","enter":"bottom-sheet__enter_13jph","appearActive":"bottom-sheet__appearActive_13jph","enterActive":"bottom-sheet__enterActive_13jph","enterDone":"bottom-sheet__enterDone_13jph","appearDone":"bottom-sheet__appearDone_13jph","exit":"bottom-sheet__exit_13jph","exitActive":"bottom-sheet__exitActive_13jph"};
 require('./index.css');
 
 var TIMEOUT = 300;

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"bottom-sheet__footer_uqtuc","highlighted":"bottom-sheet__highlighted_uqtuc"};
+var styles = {"footer":"bottom-sheet__footer_1v1zj","highlighted":"bottom-sheet__highlighted_1v1zj"};
 require('./index.css');
 
 var Footer = function (_a) {

package/bottom-sheet/components/footer/index.css

@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_uqtuc {
+.bottom-sheet__footer_1v1zj {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_uqtuc {
+.bottom-sheet__highlighted_1v1zj {
     box-shadow: var(--shadow-s-up);
 }

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('../../Component-fc5d4046.js');
+var components_swipeableBackdrop_Component = require('../../Component-dec2283b.js');
 require('react');
 require('../../../backdrop');
 

package/bottom-sheet/esm/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import '../../backdrop/esm';
-import { S as SwipeableBackdrop, _ as __assign } from './Component-56d8cba4.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-1098ce9a.js';
 import cn from 'classnames';
 import { useSwipeable } from 'react-swipeable';
 import { BaseModal } from '../../base-modal/esm';
 import { Typography } from '../../typography/esm';
 import { Footer } from './components/footer/Component.js';
 
-var styles = {"modal":"bottom-sheet__modal_12928","component":"bottom-sheet__component_12928","withTransition":"bottom-sheet__withTransition_12928","marker":"bottom-sheet__marker_12928","scrollableContainer":"bottom-sheet__scrollableContainer_12928","withPadding":"bottom-sheet__withPadding_12928","content":"bottom-sheet__content_12928","title":"bottom-sheet__title_12928","scrollLocked":"bottom-sheet__scrollLocked_12928","appear":"bottom-sheet__appear_12928","enter":"bottom-sheet__enter_12928","appearActive":"bottom-sheet__appearActive_12928","enterActive":"bottom-sheet__enterActive_12928","enterDone":"bottom-sheet__enterDone_12928","appearDone":"bottom-sheet__appearDone_12928","exit":"bottom-sheet__exit_12928","exitActive":"bottom-sheet__exitActive_12928"};
+var styles = {"modal":"bottom-sheet__modal_13jph","component":"bottom-sheet__component_13jph","withTransition":"bottom-sheet__withTransition_13jph","marker":"bottom-sheet__marker_13jph","scrollableContainer":"bottom-sheet__scrollableContainer_13jph","withPadding":"bottom-sheet__withPadding_13jph","content":"bottom-sheet__content_13jph","title":"bottom-sheet__title_13jph","scrollLocked":"bottom-sheet__scrollLocked_13jph","appear":"bottom-sheet__appear_13jph","enter":"bottom-sheet__enter_13jph","appearActive":"bottom-sheet__appearActive_13jph","enterActive":"bottom-sheet__enterActive_13jph","enterDone":"bottom-sheet__enterDone_13jph","appearDone":"bottom-sheet__appearDone_13jph","exit":"bottom-sheet__exit_13jph","exitActive":"bottom-sheet__exitActive_13jph"};
 require('./index.css');
 
 var TIMEOUT = 300;

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

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 
-var styles = {"footer":"bottom-sheet__footer_uqtuc","highlighted":"bottom-sheet__highlighted_uqtuc"};
+var styles = {"footer":"bottom-sheet__footer_1v1zj","highlighted":"bottom-sheet__highlighted_1v1zj"};
 require('./index.css');
 
 var Footer = function (_a) {

package/bottom-sheet/esm/components/footer/index.css

@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_uqtuc {
+.bottom-sheet__footer_1v1zj {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_uqtuc {
+.bottom-sheet__highlighted_1v1zj {
     box-shadow: var(--shadow-s-up);
 }

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,3 +1,3 @@
 import 'react';
 import '../../../../backdrop/esm';
-export { S as SwipeableBackdrop } from '../../Component-56d8cba4.js';
+export { S as SwipeableBackdrop } from '../../Component-1098ce9a.js';

package/bottom-sheet/esm/index.css

@@ -22,14 +22,14 @@
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
 }
-.bottom-sheet__modal_12928 {
+.bottom-sheet__modal_13jph {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_12928 {
+.bottom-sheet__component_13jph {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_12928 {
+.bottom-sheet__withTransition_13jph {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_12928 {
+.bottom-sheet__marker_13jph {
     position: absolute;
     top: var(--gap-xs);
     left: 50%;
@@ -52,41 +52,41 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-neutral);
 }
-.bottom-sheet__scrollableContainer_12928 {
+.bottom-sheet__scrollableContainer_13jph {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_12928 {
+.bottom-sheet__withPadding_13jph {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_12928 {
+.bottom-sheet__content_13jph {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_12928 {
+.bottom-sheet__title_13jph {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_12928 {
+.bottom-sheet__scrollLocked_13jph {
     overflow: hidden;
 }
-.bottom-sheet__appear_12928 .bottom-sheet__component_12928, .bottom-sheet__enter_12928 .bottom-sheet__component_12928 {
+.bottom-sheet__appear_13jph .bottom-sheet__component_13jph, .bottom-sheet__enter_13jph .bottom-sheet__component_13jph {
         transition: none;
     }
-.bottom-sheet__appearActive_12928 .bottom-sheet__component_12928, .bottom-sheet__enterActive_12928 .bottom-sheet__component_12928 {
+.bottom-sheet__appearActive_13jph .bottom-sheet__component_13jph, .bottom-sheet__enterActive_13jph .bottom-sheet__component_13jph {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_12928 .bottom-sheet__component_12928, .bottom-sheet__appearDone_12928 .bottom-sheet__component_12928 {
+.bottom-sheet__enterDone_13jph .bottom-sheet__component_13jph, .bottom-sheet__appearDone_13jph .bottom-sheet__component_13jph {
         transform: translateY(0);
     }
-.bottom-sheet__exit_12928 .bottom-sheet__component_12928 {
+.bottom-sheet__exit_13jph .bottom-sheet__component_13jph {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_12928 .bottom-sheet__component_12928 {
+.bottom-sheet__exitActive_13jph .bottom-sheet__component_13jph {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../backdrop/esm';
-import './Component-56d8cba4.js';
+import './Component-1098ce9a.js';
 import 'classnames';
 import 'react-swipeable';
 import '../../base-modal/esm';