@alfalab/core-components-bottom-sheet 6.13.2 → 6.14.0

package/component.js

@@ -14,8 +14,6 @@ var components_footer_Component = require('./components/footer/Component.js');
 var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
 var utils = require('./utils.js');
-require('@alfalab/core-components-navigation-bar');
-require('@alfalab/core-components-backdrop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -23,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_822hf","wrapper":"bottom-sheet__wrapper_822hf","fullscreen":"bottom-sheet__fullscreen_822hf","component":"bottom-sheet__component_822hf","withTransition":"bottom-sheet__withTransition_822hf","scrollableContainer":"bottom-sheet__scrollableContainer_822hf","marker":"bottom-sheet__marker_822hf","defaultMarker":"bottom-sheet__defaultMarker_822hf","content":"bottom-sheet__content_822hf","noHeader":"bottom-sheet__noHeader_822hf","noFooter":"bottom-sheet__noFooter_822hf","scrollLocked":"bottom-sheet__scrollLocked_822hf","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_822hf","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_822hf","appear":"bottom-sheet__appear_822hf","enter":"bottom-sheet__enter_822hf","appearActive":"bottom-sheet__appearActive_822hf","enterActive":"bottom-sheet__enterActive_822hf","enterDone":"bottom-sheet__enterDone_822hf","appearDone":"bottom-sheet__appearDone_822hf","exit":"bottom-sheet__exit_822hf","exitActive":"bottom-sheet__exitActive_822hf","background-accent":"bottom-sheet__background-accent_822hf","background-info":"bottom-sheet__background-info_822hf","background-attention-muted":"bottom-sheet__background-attention-muted_822hf","background-positive-muted":"bottom-sheet__background-positive-muted_822hf","background-negative-muted":"bottom-sheet__background-negative-muted_822hf","background-primary":"bottom-sheet__background-primary_822hf","background-primary-inverted":"bottom-sheet__background-primary-inverted_822hf","background-secondary":"bottom-sheet__background-secondary_822hf","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_822hf","background-tertiary":"bottom-sheet__background-tertiary_822hf","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_822hf","background-quaternary":"bottom-sheet__background-quaternary_822hf","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_822hf","background-specialbg-component":"bottom-sheet__background-specialbg-component_822hf","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_822hf","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_822hf","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_822hf","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_822hf","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_822hf","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_822hf","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_822hf","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_822hf"};
+var styles = {"modal":"bottom-sheet__modal_6rf8a","wrapper":"bottom-sheet__wrapper_6rf8a","fullscreen":"bottom-sheet__fullscreen_6rf8a","component":"bottom-sheet__component_6rf8a","withTransition":"bottom-sheet__withTransition_6rf8a","scrollableContainer":"bottom-sheet__scrollableContainer_6rf8a","marker":"bottom-sheet__marker_6rf8a","defaultMarker":"bottom-sheet__defaultMarker_6rf8a","content":"bottom-sheet__content_6rf8a","noHeader":"bottom-sheet__noHeader_6rf8a","noFooter":"bottom-sheet__noFooter_6rf8a","scrollLocked":"bottom-sheet__scrollLocked_6rf8a","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_6rf8a","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_6rf8a","appear":"bottom-sheet__appear_6rf8a","enter":"bottom-sheet__enter_6rf8a","appearActive":"bottom-sheet__appearActive_6rf8a","enterActive":"bottom-sheet__enterActive_6rf8a","enterDone":"bottom-sheet__enterDone_6rf8a","appearDone":"bottom-sheet__appearDone_6rf8a","exit":"bottom-sheet__exit_6rf8a","exitActive":"bottom-sheet__exitActive_6rf8a","background-accent":"bottom-sheet__background-accent_6rf8a","background-info":"bottom-sheet__background-info_6rf8a","background-attention-muted":"bottom-sheet__background-attention-muted_6rf8a","background-positive-muted":"bottom-sheet__background-positive-muted_6rf8a","background-negative-muted":"bottom-sheet__background-negative-muted_6rf8a","background-primary":"bottom-sheet__background-primary_6rf8a","background-primary-inverted":"bottom-sheet__background-primary-inverted_6rf8a","background-secondary":"bottom-sheet__background-secondary_6rf8a","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_6rf8a","background-tertiary":"bottom-sheet__background-tertiary_6rf8a","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_6rf8a","background-quaternary":"bottom-sheet__background-quaternary_6rf8a","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_6rf8a","background-specialbg-component":"bottom-sheet__background-specialbg-component_6rf8a","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_6rf8a","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_6rf8a","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_6rf8a","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_6rf8a","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_6rf8a","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_6rf8a","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_6rf8a","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_6rf8a"};
 require('./index.css')
 
 var isNil = coreComponentsShared.fnUtils.isNil;
@@ -351,8 +349,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(styles.content, contentClassName, (_f = {},
                             _f[styles.noHeader] = hideHeader || emptyHeader,
                             _f[styles.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 exports.BottomSheet = BottomSheet;

package/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/components/footer/Component.js

@@ -11,12 +11,12 @@ 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_132y0","sticky":"bottom-sheet__sticky_132y0","highlighted":"bottom-sheet__highlighted_132y0","background-accent":"bottom-sheet__background-accent_132y0","background-info":"bottom-sheet__background-info_132y0","background-attention-muted":"bottom-sheet__background-attention-muted_132y0","background-positive-muted":"bottom-sheet__background-positive-muted_132y0","background-negative-muted":"bottom-sheet__background-negative-muted_132y0","background-primary":"bottom-sheet__background-primary_132y0","background-primary-inverted":"bottom-sheet__background-primary-inverted_132y0","background-secondary":"bottom-sheet__background-secondary_132y0","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_132y0","background-tertiary":"bottom-sheet__background-tertiary_132y0","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_132y0","background-quaternary":"bottom-sheet__background-quaternary_132y0","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_132y0","background-specialbg-component":"bottom-sheet__background-specialbg-component_132y0","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_132y0","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_132y0","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_132y0","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_132y0","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_132y0","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_132y0","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_132y0","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_132y0"};
+var styles = {"footer":"bottom-sheet__footer_17wtd","sticky":"bottom-sheet__sticky_17wtd","highlighted":"bottom-sheet__highlighted_17wtd","background-accent":"bottom-sheet__background-accent_17wtd","background-info":"bottom-sheet__background-info_17wtd","background-attention-muted":"bottom-sheet__background-attention-muted_17wtd","background-positive-muted":"bottom-sheet__background-positive-muted_17wtd","background-negative-muted":"bottom-sheet__background-negative-muted_17wtd","background-primary":"bottom-sheet__background-primary_17wtd","background-primary-inverted":"bottom-sheet__background-primary-inverted_17wtd","background-secondary":"bottom-sheet__background-secondary_17wtd","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_17wtd","background-tertiary":"bottom-sheet__background-tertiary_17wtd","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_17wtd","background-quaternary":"bottom-sheet__background-quaternary_17wtd","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_17wtd","background-specialbg-component":"bottom-sheet__background-specialbg-component_17wtd","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_17wtd","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_17wtd","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_17wtd","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_17wtd","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_17wtd","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_17wtd","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_17wtd","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_17wtd"};
 require('./index.css')
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
@@ -24,7 +24,7 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 exports.Footer = Footer;

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1himm */
+/* hash: 17kb9 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -46,58 +46,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_132y0 {
+} .bottom-sheet__footer_17wtd {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_132y0 {
+} .bottom-sheet__sticky_17wtd {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_132y0 {
+} .bottom-sheet__highlighted_17wtd {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_132y0 {
+} .bottom-sheet__background-accent_17wtd {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_132y0 {
+        } .bottom-sheet__background-info_17wtd {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_132y0 {
+        } .bottom-sheet__background-attention-muted_17wtd {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_132y0 {
+        } .bottom-sheet__background-positive-muted_17wtd {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_132y0 {
+        } .bottom-sheet__background-negative-muted_17wtd {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_132y0 {
+        } .bottom-sheet__background-primary_17wtd {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_132y0 {
+        } .bottom-sheet__background-primary-inverted_17wtd {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_132y0 {
+        } .bottom-sheet__background-secondary_17wtd {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_132y0 {
+        } .bottom-sheet__background-secondary-inverted_17wtd {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_132y0 {
+        } .bottom-sheet__background-tertiary_17wtd {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_132y0 {
+        } .bottom-sheet__background-tertiary-inverted_17wtd {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_132y0 {
+        } .bottom-sheet__background-quaternary_17wtd {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_132y0 {
+        } .bottom-sheet__background-quaternary-inverted_17wtd {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_132y0 {
+        } .bottom-sheet__background-specialbg-component_17wtd {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-component-inverted_17wtd {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-primary-grouped_17wtd {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_17wtd {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_17wtd {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_17wtd {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_17wtd {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_17wtd {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_17wtd {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/components/header/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1vp4g","hasContent":"bottom-sheet__hasContent_1vp4g","header":"bottom-sheet__header_1vp4g","sticky":"bottom-sheet__sticky_1vp4g","highlighted":"bottom-sheet__highlighted_1vp4g","justifyEnd":"bottom-sheet__justifyEnd_1vp4g","addon":"bottom-sheet__addon_1vp4g","addonFixed":"bottom-sheet__addonFixed_1vp4g","title":"bottom-sheet__title_1vp4g","titleCenter":"bottom-sheet__titleCenter_1vp4g","titleLeft":"bottom-sheet__titleLeft_1vp4g","trimTitle":"bottom-sheet__trimTitle_1vp4g"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1hvqa","hasContent":"bottom-sheet__hasContent_1hvqa","header":"bottom-sheet__header_1hvqa","sticky":"bottom-sheet__sticky_1hvqa","highlighted":"bottom-sheet__highlighted_1hvqa","justifyEnd":"bottom-sheet__justifyEnd_1hvqa","addon":"bottom-sheet__addon_1hvqa","addonFixed":"bottom-sheet__addonFixed_1hvqa","title":"bottom-sheet__title_1hvqa","titleCenter":"bottom-sheet__titleCenter_1hvqa","titleLeft":"bottom-sheet__titleLeft_1hvqa","trimTitle":"bottom-sheet__trimTitle_1hvqa"};
 require('./index.css')
 
 var Header = function (_a) {

package/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ifb0 */
+/* hash: frex9 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,42 +30,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_1vp4g {
+} .bottom-sheet__headerWrapper_1hvqa {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_1vp4g {
+} .bottom-sheet__hasContent_1hvqa {
     background-color: inherit;
-} .bottom-sheet__header_1vp4g {
+} .bottom-sheet__header_1hvqa {
     display: flex;
-} .bottom-sheet__sticky_1vp4g {
+} .bottom-sheet__sticky_1hvqa {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_1vp4g {
+} .bottom-sheet__highlighted_1hvqa {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1vp4g {
+} .bottom-sheet__justifyEnd_1hvqa {
     justify-content: flex-end;
-} .bottom-sheet__addon_1vp4g {
+} .bottom-sheet__addon_1hvqa {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1vp4g {
+} .bottom-sheet__addonFixed_1hvqa {
     position: fixed;
-} .bottom-sheet__title_1vp4g {
+} .bottom-sheet__title_1hvqa {
     padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_1vp4g {
+} .bottom-sheet__titleCenter_1hvqa {
     text-align: center;
-} .bottom-sheet__titleLeft_1vp4g {
+} .bottom-sheet__titleLeft_1hvqa {
     text-align: left;
-} .bottom-sheet__trimTitle_1vp4g {
+} .bottom-sheet__trimTitle_1hvqa {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/cssm/component.js

@@ -15,10 +15,6 @@ var components_header_Component = require('./components/header/Component.js');
 var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
-require('./components/footer/index.module.css');
-require('@alfalab/core-components-navigation-bar/cssm');
-require('./components/header/index.module.css');
-require('@alfalab/core-components-backdrop/cssm');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -352,8 +348,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("div", { ref: contentRef, className: cn__default.default(styles__default.default.content, contentClassName, (_f = {},
                             _f[styles__default.default.noHeader] = hideHeader || emptyHeader,
                             _f[styles__default.default.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 exports.BottomSheet = BottomSheet;

package/cssm/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/cssm/components/footer/Component.js

@@ -15,7 +15,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = React.useContext(coreComponentsBaseModal.BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
@@ -23,7 +23,7 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.footer, className, (_b = {},
             _b[styles__default.default.sticky] = sticky,
             _b[styles__default.default.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 exports.Footer = Footer;

package/cssm/index.js

@@ -4,22 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var component = require('./component.js');
 var utils = require('./utils.js');
-require('tslib');
-require('react');
-require('react-div-100vh');
-require('react-merge-refs');
-require('react-swipeable');
-require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('./components/footer/Component.js');
-require('./components/footer/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-navigation-bar/cssm');
-require('./components/header/index.module.css');
-require('./components/swipeable-backdrop/Component.js');
-require('@alfalab/core-components-backdrop/cssm');
-require('./index.module.css');
 
 
 

package/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getBottomSheetTestIds } from "../utils";

package/cssm/shared/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getBottomSheetTestIds = utils.getBottomSheetTestIds;

package/cssm/utils.d.ts

@@ -5,4 +5,13 @@ declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
 declare const HEADER_OFFSET = 24;
 declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
+declare function getBottomSheetTestIds(dataTestId: string): {
+    bottomSheet: string;
+    content: string;
+    footer: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };

package/cssm/utils.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+
 var TIMEOUT = 500;
 var SWIPE_VELOCITY = 0.4;
 var MARKER_HEIGHT = 24;
@@ -23,6 +25,17 @@ var convertPercentToNumber = function (value, fullHeight, headerOffset) {
     }
     return Math.min(maxHeight, value);
 };
+function getBottomSheetTestIds(dataTestId) {
+    return {
+        bottomSheet: dataTestId,
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
+    };
+}
 
 exports.CLOSE_OFFSET = CLOSE_OFFSET;
 exports.HEADER_OFFSET = HEADER_OFFSET;
@@ -31,3 +44,4 @@ exports.SCROLL_OFFSET = SCROLL_OFFSET;
 exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
 exports.TIMEOUT = TIMEOUT;
 exports.convertPercentToNumber = convertPercentToNumber;
+exports.getBottomSheetTestIds = getBottomSheetTestIds;

package/esm/component.js

@@ -10,10 +10,8 @@ import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
-import '@alfalab/core-components-navigation-bar/esm';
-import '@alfalab/core-components-backdrop/esm';
 
-var styles = {"modal":"bottom-sheet__modal_822hf","wrapper":"bottom-sheet__wrapper_822hf","fullscreen":"bottom-sheet__fullscreen_822hf","component":"bottom-sheet__component_822hf","withTransition":"bottom-sheet__withTransition_822hf","scrollableContainer":"bottom-sheet__scrollableContainer_822hf","marker":"bottom-sheet__marker_822hf","defaultMarker":"bottom-sheet__defaultMarker_822hf","content":"bottom-sheet__content_822hf","noHeader":"bottom-sheet__noHeader_822hf","noFooter":"bottom-sheet__noFooter_822hf","scrollLocked":"bottom-sheet__scrollLocked_822hf","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_822hf","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_822hf","appear":"bottom-sheet__appear_822hf","enter":"bottom-sheet__enter_822hf","appearActive":"bottom-sheet__appearActive_822hf","enterActive":"bottom-sheet__enterActive_822hf","enterDone":"bottom-sheet__enterDone_822hf","appearDone":"bottom-sheet__appearDone_822hf","exit":"bottom-sheet__exit_822hf","exitActive":"bottom-sheet__exitActive_822hf","background-accent":"bottom-sheet__background-accent_822hf","background-info":"bottom-sheet__background-info_822hf","background-attention-muted":"bottom-sheet__background-attention-muted_822hf","background-positive-muted":"bottom-sheet__background-positive-muted_822hf","background-negative-muted":"bottom-sheet__background-negative-muted_822hf","background-primary":"bottom-sheet__background-primary_822hf","background-primary-inverted":"bottom-sheet__background-primary-inverted_822hf","background-secondary":"bottom-sheet__background-secondary_822hf","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_822hf","background-tertiary":"bottom-sheet__background-tertiary_822hf","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_822hf","background-quaternary":"bottom-sheet__background-quaternary_822hf","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_822hf","background-specialbg-component":"bottom-sheet__background-specialbg-component_822hf","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_822hf","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_822hf","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_822hf","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_822hf","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_822hf","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_822hf","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_822hf","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_822hf"};
+var styles = {"modal":"bottom-sheet__modal_6rf8a","wrapper":"bottom-sheet__wrapper_6rf8a","fullscreen":"bottom-sheet__fullscreen_6rf8a","component":"bottom-sheet__component_6rf8a","withTransition":"bottom-sheet__withTransition_6rf8a","scrollableContainer":"bottom-sheet__scrollableContainer_6rf8a","marker":"bottom-sheet__marker_6rf8a","defaultMarker":"bottom-sheet__defaultMarker_6rf8a","content":"bottom-sheet__content_6rf8a","noHeader":"bottom-sheet__noHeader_6rf8a","noFooter":"bottom-sheet__noFooter_6rf8a","scrollLocked":"bottom-sheet__scrollLocked_6rf8a","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_6rf8a","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_6rf8a","appear":"bottom-sheet__appear_6rf8a","enter":"bottom-sheet__enter_6rf8a","appearActive":"bottom-sheet__appearActive_6rf8a","enterActive":"bottom-sheet__enterActive_6rf8a","enterDone":"bottom-sheet__enterDone_6rf8a","appearDone":"bottom-sheet__appearDone_6rf8a","exit":"bottom-sheet__exit_6rf8a","exitActive":"bottom-sheet__exitActive_6rf8a","background-accent":"bottom-sheet__background-accent_6rf8a","background-info":"bottom-sheet__background-info_6rf8a","background-attention-muted":"bottom-sheet__background-attention-muted_6rf8a","background-positive-muted":"bottom-sheet__background-positive-muted_6rf8a","background-negative-muted":"bottom-sheet__background-negative-muted_6rf8a","background-primary":"bottom-sheet__background-primary_6rf8a","background-primary-inverted":"bottom-sheet__background-primary-inverted_6rf8a","background-secondary":"bottom-sheet__background-secondary_6rf8a","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_6rf8a","background-tertiary":"bottom-sheet__background-tertiary_6rf8a","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_6rf8a","background-quaternary":"bottom-sheet__background-quaternary_6rf8a","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_6rf8a","background-specialbg-component":"bottom-sheet__background-specialbg-component_6rf8a","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_6rf8a","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_6rf8a","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_6rf8a","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_6rf8a","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_6rf8a","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_6rf8a","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_6rf8a","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_6rf8a"};
 require('./index.css')
 
 var isNil = fnUtils.isNil;
@@ -341,8 +339,8 @@ var BottomSheet = forwardRef(function (_a, ref) {
                     React.createElement("div", { ref: contentRef, className: cn(styles.content, contentClassName, (_f = {},
                             _f[styles.noHeader] = hideHeader || emptyHeader,
                             _f[styles.noFooter] = !actionButton,
-                            _f)) }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName) }, actionButton)))))));
+                            _f)), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
+                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
 
 export { BottomSheet };

package/esm/components/footer/Component.d.ts

@@ -12,6 +12,10 @@ type FooterProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer: FC<FooterProps>;
 export { FooterProps, Footer };

package/esm/components/footer/Component.js

@@ -2,12 +2,12 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
 
-var styles = {"footer":"bottom-sheet__footer_132y0","sticky":"bottom-sheet__sticky_132y0","highlighted":"bottom-sheet__highlighted_132y0","background-accent":"bottom-sheet__background-accent_132y0","background-info":"bottom-sheet__background-info_132y0","background-attention-muted":"bottom-sheet__background-attention-muted_132y0","background-positive-muted":"bottom-sheet__background-positive-muted_132y0","background-negative-muted":"bottom-sheet__background-negative-muted_132y0","background-primary":"bottom-sheet__background-primary_132y0","background-primary-inverted":"bottom-sheet__background-primary-inverted_132y0","background-secondary":"bottom-sheet__background-secondary_132y0","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_132y0","background-tertiary":"bottom-sheet__background-tertiary_132y0","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_132y0","background-quaternary":"bottom-sheet__background-quaternary_132y0","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_132y0","background-specialbg-component":"bottom-sheet__background-specialbg-component_132y0","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_132y0","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_132y0","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_132y0","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_132y0","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_132y0","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_132y0","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_132y0","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_132y0"};
+var styles = {"footer":"bottom-sheet__footer_17wtd","sticky":"bottom-sheet__sticky_17wtd","highlighted":"bottom-sheet__highlighted_17wtd","background-accent":"bottom-sheet__background-accent_17wtd","background-info":"bottom-sheet__background-info_17wtd","background-attention-muted":"bottom-sheet__background-attention-muted_17wtd","background-positive-muted":"bottom-sheet__background-positive-muted_17wtd","background-negative-muted":"bottom-sheet__background-negative-muted_17wtd","background-primary":"bottom-sheet__background-primary_17wtd","background-primary-inverted":"bottom-sheet__background-primary-inverted_17wtd","background-secondary":"bottom-sheet__background-secondary_17wtd","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_17wtd","background-tertiary":"bottom-sheet__background-tertiary_17wtd","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_17wtd","background-quaternary":"bottom-sheet__background-quaternary_17wtd","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_17wtd","background-specialbg-component":"bottom-sheet__background-specialbg-component_17wtd","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_17wtd","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_17wtd","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_17wtd","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_17wtd","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_17wtd","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_17wtd","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_17wtd","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_17wtd"};
 require('./index.css')
 
 var Footer = function (_a) {
     var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId;
     var _c = useContext(BaseModalContext), footerHighlighted = _c.footerHighlighted, setHasFooter = _c.setHasFooter;
     useEffect(function () {
         setHasFooter(true);
@@ -15,7 +15,7 @@ var Footer = function (_a) {
     return (React.createElement("div", { className: cn(styles.footer, className, (_b = {},
             _b[styles.sticky] = sticky,
             _b[styles.highlighted] = footerHighlighted && sticky,
-            _b)) }, children));
+            _b)), "data-test-id": dataTestId }, children));
 };
 
 export { Footer };

package/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1himm */
+/* hash: 17kb9 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -46,58 +46,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_132y0 {
+} .bottom-sheet__footer_17wtd {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_132y0 {
+} .bottom-sheet__sticky_17wtd {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_132y0 {
+} .bottom-sheet__highlighted_17wtd {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_132y0 {
+} .bottom-sheet__background-accent_17wtd {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_132y0 {
+        } .bottom-sheet__background-info_17wtd {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_132y0 {
+        } .bottom-sheet__background-attention-muted_17wtd {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_132y0 {
+        } .bottom-sheet__background-positive-muted_17wtd {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_132y0 {
+        } .bottom-sheet__background-negative-muted_17wtd {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_132y0 {
+        } .bottom-sheet__background-primary_17wtd {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_132y0 {
+        } .bottom-sheet__background-primary-inverted_17wtd {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_132y0 {
+        } .bottom-sheet__background-secondary_17wtd {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_132y0 {
+        } .bottom-sheet__background-secondary-inverted_17wtd {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_132y0 {
+        } .bottom-sheet__background-tertiary_17wtd {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_132y0 {
+        } .bottom-sheet__background-tertiary-inverted_17wtd {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_132y0 {
+        } .bottom-sheet__background-quaternary_17wtd {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_132y0 {
+        } .bottom-sheet__background-quaternary-inverted_17wtd {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_132y0 {
+        } .bottom-sheet__background-specialbg-component_17wtd {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-component-inverted_17wtd {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-primary-grouped_17wtd {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_17wtd {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_17wtd {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_17wtd {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_17wtd {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_17wtd {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_132y0 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_17wtd {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/esm/components/header/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
 import { NavigationBar } from '@alfalab/core-components-navigation-bar/esm';
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1vp4g","hasContent":"bottom-sheet__hasContent_1vp4g","header":"bottom-sheet__header_1vp4g","sticky":"bottom-sheet__sticky_1vp4g","highlighted":"bottom-sheet__highlighted_1vp4g","justifyEnd":"bottom-sheet__justifyEnd_1vp4g","addon":"bottom-sheet__addon_1vp4g","addonFixed":"bottom-sheet__addonFixed_1vp4g","title":"bottom-sheet__title_1vp4g","titleCenter":"bottom-sheet__titleCenter_1vp4g","titleLeft":"bottom-sheet__titleLeft_1vp4g","trimTitle":"bottom-sheet__trimTitle_1vp4g"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1hvqa","hasContent":"bottom-sheet__hasContent_1hvqa","header":"bottom-sheet__header_1hvqa","sticky":"bottom-sheet__sticky_1hvqa","highlighted":"bottom-sheet__highlighted_1hvqa","justifyEnd":"bottom-sheet__justifyEnd_1hvqa","addon":"bottom-sheet__addon_1hvqa","addonFixed":"bottom-sheet__addonFixed_1hvqa","title":"bottom-sheet__title_1hvqa","titleCenter":"bottom-sheet__titleCenter_1hvqa","titleLeft":"bottom-sheet__titleLeft_1hvqa","trimTitle":"bottom-sheet__trimTitle_1hvqa"};
 require('./index.css')
 
 var Header = function (_a) {