@alfalab/core-components 48.23.0-beta.1 → 48.23.0

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8c901e89.js';
+import { c as commonStyles } from '../../index.module-98af5c45.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8c901e89.js';
+import { c as commonStyles } from '../../index.module-98af5c45.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-e6f80b3b.js';
+import '../index.module-e8b3b734.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8c901e89.js';
+import '../index.module-98af5c45.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-e6f80b3b.js';
+import './index.module-e8b3b734.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-8c901e89.js';
+import './index.module-98af5c45.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-e6f80b3b.js';
+import '../index.module-e8b3b734.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8c901e89.js';
+import '../index.module-98af5c45.js';
 import '../components/tabs/Component.js';

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,27 +1,4 @@
-.divider__component_1des1 {
-    border-bottom: 1px solid #353539;
-}.card-image__cardImage_auzvm {
-    background: #e7e8ea;
-} .card-image__loaded_auzvm {
-    background: transparent
-}.backdrop__backdrop_7f1fg {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_7f1fg,
-.backdrop__enter_7f1fg {
-    background-color: transparent;
-} .backdrop__appearActive_7f1fg,
-.backdrop__enterActive_7f1fg,
-.backdrop__appearDone_7f1fg,
-.backdrop__enterDone_7f1fg {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_7f1fg {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_7f1fg,
-.backdrop__exitDone_7f1fg {
-    background-color: transparent;
-} .backdrop__transparent_7f1fg.backdrop__transparent_7f1fg {
-    background-color: transparent;
-}.badge__component_19yly.badge__background-accent_19yly {
+.badge__component_19yly.badge__background-accent_19yly {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_19yly.badge__background-specialbg-secondary-transparent_19yly {
@@ -81,6 +58,42 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_19yly.badge__outlineCount_19yly {
     border: 1px solid rgba(3, 3, 6, 0.88);
+}.card-image__cardImage_auzvm {
+    background: #e7e8ea;
+} .card-image__loaded_auzvm {
+    background: transparent
+}.backdrop__backdrop_7f1fg {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_7f1fg,
+.backdrop__enter_7f1fg {
+    background-color: transparent;
+} .backdrop__appearActive_7f1fg,
+.backdrop__enterActive_7f1fg,
+.backdrop__appearDone_7f1fg,
+.backdrop__enterDone_7f1fg {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_7f1fg {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_7f1fg,
+.backdrop__exitDone_7f1fg {
+    background-color: transparent;
+} .backdrop__transparent_7f1fg.backdrop__transparent_7f1fg {
+    background-color: transparent;
+}.divider__component_1des1 {
+    border-bottom: 1px solid #353539;
+}.dropzone__component_fhcxh {
+    border: 1px dashed rgba(255, 255, 255, 0.94);
+} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
+    background-color: transparent;
+} .dropzone__dragOver_fhcxh {
+    background-color: transparent;
+} .dropzone__error_fhcxh {
+    border-color: #ff4837;
+}
+.dropzone__overlay_1y9ww {
+    background: rgba(214, 214, 229, 0.07);
+} .dropzone__text_1y9ww {
+    color: rgba(255, 255, 255, 0.94);
 }.hatching-progress-bar__container_xpwrn {
     background: rgba(222, 222, 238, 0.13);
 } .hatching-progress-bar__hatch_xpwrn {
@@ -105,20 +118,7 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_xpwrn {
         background: #f83a2a;
-    }.dropzone__component_fhcxh {
-    border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
-    background-color: transparent;
-} .dropzone__dragOver_fhcxh {
-    background-color: transparent;
-} .dropzone__error_fhcxh {
-    border-color: #ff4837;
-}
-.dropzone__overlay_1y9ww {
-    background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1y9ww {
-    color: rgba(255, 255, 255, 0.94);
-}@media (max-width: 599px) {
+    }@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
     }

package/typography/esm/component.js

@@ -9,10 +9,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-68bfd94c.js';
+import './colors.module-a9d133f9.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-a20670be.js';
+import './common.module-9b64ffa3.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -11,8 +11,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-68bfd94c.js';
+import './colors.module-a9d133f9.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-a20670be.js';
+import './common.module-9b64ffa3.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-68bfd94c.js';
+import { c as colors } from '../colors.module-a9d133f9.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-68bfd94c.js';
+import '../colors.module-a9d133f9.js';

package/typography/esm/title/component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-68bfd94c.js';
+import { c as colors } from '../colors.module-a9d133f9.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/title/index.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-a20670be.js';
+import { c as commonStyles } from '../common.module-9b64ffa3.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-68bfd94c.js';
+import '../colors.module-a9d133f9.js';
 
 var styles = {"transparent":"typography__transparent_mmk5v","styrene-xlarge":"typography__styrene-xlarge_mmk5v","styrene-large":"typography__styrene-large_mmk5v","styrene-medium":"typography__styrene-medium_mmk5v","styrene-small":"typography__styrene-small_mmk5v","styrene-xsmall":"typography__styrene-xsmall_mmk5v","system-xlarge":"typography__system-xlarge_mmk5v","system-large":"typography__system-large_mmk5v","system-medium":"typography__system-medium_mmk5v","system-small":"typography__system-small_mmk5v","system-xsmall":"typography__system-xsmall_mmk5v","margins-xlarge":"typography__margins-xlarge_mmk5v","margins-large":"typography__margins-large_mmk5v","margins-medium":"typography__margins-medium_mmk5v","margins-small":"typography__margins-small_mmk5v","margins-xsmall":"typography__margins-xsmall_mmk5v"};
 require('./index.css');

package/typography/esm/title-mobile/component.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-a20670be.js';
+import { c as commonStyles } from '../common.module-9b64ffa3.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-68bfd94c.js';
+import '../colors.module-a9d133f9.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_vsp9y","styrene-large":"typography__styrene-large_vsp9y","styrene-medium":"typography__styrene-medium_vsp9y","styrene-small":"typography__styrene-small_vsp9y","styrene-xsmall":"typography__styrene-xsmall_vsp9y","system-xlarge":"typography__system-xlarge_vsp9y","system-large":"typography__system-large_vsp9y","system-medium":"typography__system-medium_vsp9y","system-small":"typography__system-small_vsp9y","system-xsmall":"typography__system-xsmall_vsp9y","margins-xlarge":"typography__margins-xlarge_vsp9y","margins-large":"typography__margins-large_vsp9y","margins-medium":"typography__margins-medium_vsp9y","margins-small":"typography__margins-small_vsp9y","margins-xsmall":"typography__margins-xsmall_vsp9y"};
 require('./index.css');

package/typography/esm/title-mobile/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-68bfd94c.js';
-import '../common.module-a20670be.js';
+import '../colors.module-a9d133f9.js';
+import '../common.module-9b64ffa3.js';

package/typography/esm/title-responsive/component.js

@@ -10,8 +10,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-68bfd94c.js';
-import '../common.module-a20670be.js';
+import '../colors.module-a9d133f9.js';
+import '../common.module-9b64ffa3.js';
 
 var TitleResponsive = forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["breakpoint", "client"]);

package/typography/esm/title-responsive/index.js

@@ -10,6 +10,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-68bfd94c.js';
-import '../common.module-a20670be.js';
+import '../colors.module-a9d133f9.js';
+import '../common.module-9b64ffa3.js';
 import '../title-mobile/component.js';

package/typography/modern/component.js

@@ -8,10 +8,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-5326aaed.js';
+import './colors.module-04ff9960.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-c5c9c067.js';
+import './common.module-f418479d.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -10,8 +10,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-5326aaed.js';
+import './colors.module-04ff9960.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-c5c9c067.js';
+import './common.module-f418479d.js';
 import '../../mq/modern';

package/typography/modern/text/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-5326aaed.js';
+import { c as colors } from '../colors.module-04ff9960.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/text/index.js

@@ -5,4 +5,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
-import '../colors.module-5326aaed.js';
+import '../colors.module-04ff9960.js';

package/typography/modern/title/component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-5326aaed.js';
+import { c as colors } from '../colors.module-04ff9960.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-c5c9c067.js';
+import { c as commonStyles } from '../common.module-f418479d.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-5326aaed.js';
+import '../colors.module-04ff9960.js';
 
 const styles = {"transparent":"typography__transparent_mmk5v","styrene-xlarge":"typography__styrene-xlarge_mmk5v","styrene-large":"typography__styrene-large_mmk5v","styrene-medium":"typography__styrene-medium_mmk5v","styrene-small":"typography__styrene-small_mmk5v","styrene-xsmall":"typography__styrene-xsmall_mmk5v","system-xlarge":"typography__system-xlarge_mmk5v","system-large":"typography__system-large_mmk5v","system-medium":"typography__system-medium_mmk5v","system-small":"typography__system-small_mmk5v","system-xsmall":"typography__system-xsmall_mmk5v","margins-xlarge":"typography__margins-xlarge_mmk5v","margins-large":"typography__margins-large_mmk5v","margins-medium":"typography__margins-medium_mmk5v","margins-small":"typography__margins-small_mmk5v","margins-xsmall":"typography__margins-xsmall_mmk5v"};
 require('./index.css');

package/typography/modern/title-mobile/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-c5c9c067.js';
+import { c as commonStyles } from '../common.module-f418479d.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-5326aaed.js';
+import '../colors.module-04ff9960.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_vsp9y","styrene-large":"typography__styrene-large_vsp9y","styrene-medium":"typography__styrene-medium_vsp9y","styrene-small":"typography__styrene-small_vsp9y","styrene-xsmall":"typography__styrene-xsmall_vsp9y","system-xlarge":"typography__system-xlarge_vsp9y","system-large":"typography__system-large_vsp9y","system-medium":"typography__system-medium_vsp9y","system-small":"typography__system-small_vsp9y","system-xsmall":"typography__system-xsmall_vsp9y","margins-xlarge":"typography__margins-xlarge_vsp9y","margins-large":"typography__margins-large_vsp9y","margins-medium":"typography__margins-medium_vsp9y","margins-small":"typography__margins-small_vsp9y","margins-xsmall":"typography__margins-xsmall_vsp9y"};
 require('./index.css');

package/typography/modern/title-mobile/index.js

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-5326aaed.js';
-import '../common.module-c5c9c067.js';
+import '../colors.module-04ff9960.js';
+import '../common.module-f418479d.js';

package/typography/modern/title-responsive/component.js

@@ -9,8 +9,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-5326aaed.js';
-import '../common.module-c5c9c067.js';
+import '../colors.module-04ff9960.js';
+import '../common.module-f418479d.js';
 
 const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, client === 'desktop');

package/typography/modern/title-responsive/index.js

@@ -9,6 +9,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-5326aaed.js';
-import '../common.module-c5c9c067.js';
+import '../colors.module-04ff9960.js';
+import '../common.module-f418479d.js';
 import '../title-mobile/component.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-261d4bae.js');
+var colors_module = require('../colors.module-60c27fcf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-261d4bae.js');
+var colors_module = require('../colors.module-60c27fcf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-26c8fc0f.js');
+var common_module = require('../common.module-4a8391af.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-26c8fc0f.js');
+var common_module = require('../common.module-4a8391af.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-modal/components/header/desktop/Component.desktop.js

@@ -7,7 +7,7 @@ var coreComponentsNavigationBarPrivate = require('../../../../navigation-bar-pri
 var coreComponentsShared = require('../../../../shared');
 var Context = require('../../../Context.js');
 var ResponsiveContext = require('../../../ResponsiveContext.js');
-var index_module = require('../../../index.module-5a259fb8.js');
+var index_module = require('../../../index.module-cf6eab05.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -19,11 +19,21 @@ require('./desktop.css');
 
 var HeaderDesktop = function (_a) {
     var _b, _c, _d;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName"]);
-    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef;
+    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, onClose = _a.onClose, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
     var modalHeaderHighlighted = (React.useContext(ResponsiveContext.ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -36,7 +46,7 @@ var HeaderDesktop = function (_a) {
             _c[desktopStyles.medium] = bigTitle,
             _c)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles.medium] = bigTitle,
-            _d)), titleRef: titleRef }), children));
+            _d)), titleRef: titleRef, onClose: handleClose }), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;

package/universal-modal/components/header/mobile/Component.mobile.js

@@ -6,7 +6,7 @@ var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('../../../../navigation-bar-private');
 var coreComponentsShared = require('../../../../shared');
 var Context = require('../../../Context.js');
-var index_module = require('../../../index.module-5a259fb8.js');
+var index_module = require('../../../index.module-cf6eab05.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-modal/cssm/components/header/desktop/Component.desktop.js

@@ -19,11 +19,21 @@ var desktopStyles__default = /*#__PURE__*/_interopDefaultCompat(desktopStyles);
 
 var HeaderDesktop = function (_a) {
     var _b, _c, _d;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName"]);
-    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef;
+    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, onClose = _a.onClose, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
     var modalHeaderHighlighted = (React.useContext(ResponsiveContext.ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -36,7 +46,7 @@ var HeaderDesktop = function (_a) {
             _c[desktopStyles__default.default.medium] = bigTitle,
             _c)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles__default.default.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles__default.default.medium] = bigTitle,
-            _d)), titleRef: titleRef }), children));
+            _d)), titleRef: titleRef, onClose: handleClose }), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;

package/universal-modal/cssm/utils/getUniversalModalTestIds.d.ts

@@ -4,5 +4,6 @@ declare function getUniversalModalTestIds(dataTestId: string): {
     header: string;
     content: string;
     footer: string;
+    closer: string;
 };
 export { getUniversalModalTestIds };

package/universal-modal/cssm/utils/getUniversalModalTestIds.js

@@ -9,6 +9,7 @@ function getUniversalModalTestIds(dataTestId) {
         header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
         content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
         footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
     };
 }