@alfalab/core-components 24.0.0 → 24.1.0

package/modal/esm/Component.mobile.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from './tslib.es6-ac516cca.js';
 import React, { forwardRef, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
@@ -8,13 +8,13 @@ import { Closer } from './components/closer/Component.js';
 import './components/header/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import { t as transitions } from './transitions.module-65c74d65.js';
+import { t as transitions } from './transitions.module-3cc5d671.js';
 import { useMedia } from '@alfalab/hooks';
 import { HeaderMobile } from './components/header/Component.mobile.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';
 
-var styles = {"component":"modal__component_h1wyr"};
+var styles = {"component":"modal__component_1ntik"};
 require('./mobile.css');
 
 var ModalMobileComponent = forwardRef(function (_a, ref) {

package/modal/esm/Component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from './tslib.es6-ac516cca.js';
 import React, { forwardRef, useMemo, useContext } from 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -12,7 +12,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-65c74d65.js';
+import './transitions.module-3cc5d671.js';
 import { ModalDesktop } from './Component.desktop.js';
 import { useMedia } from '@alfalab/hooks';
 import './components/header/Component.mobile.js';

package/modal/esm/components/closer/Component.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ac516cca.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import { ModalContext } from '../../Context.js';
 import { Button } from '../../../../button/esm';
 
-var styles = {"closer":"modal__closer_1sit8","left":"modal__left_1sit8","right":"modal__right_1sit8","fullscreen":"modal__fullscreen_1sit8"};
+var styles = {"closer":"modal__closer_y72x5","left":"modal__left_y72x5","right":"modal__right_y72x5","fullscreen":"modal__fullscreen_y72x5"};
 require('./index.css');
 
 var Closer = function (_a) {

package/modal/esm/components/closer/index.css

@@ -24,7 +24,7 @@
 
     /* scroll */
 }
-.modal__closer_1sit8 {
+.modal__closer_y72x5 {
     width: 48px;
     height: 48px;
     background-image: var(--modal-closer-icon);
@@ -33,20 +33,20 @@
     flex-shrink: 0;
     transition: opacity 0.2s ease-out
 }
-.modal__closer_1sit8:hover {
+.modal__closer_y72x5:hover {
         opacity: 0.7;
     }
-.modal__closer_1sit8:active {
+.modal__closer_y72x5:active {
         opacity: 0.5;
     }
-.modal__left_1sit8,
-.modal__right_1sit8 {
+.modal__left_y72x5,
+.modal__right_y72x5 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__right_1sit8 {
+.modal__right_y72x5 {
     margin-left: auto;
 }
-.modal__fullscreen_1sit8 {
+.modal__fullscreen_y72x5 {
     top: 0;
 }

package/modal/esm/components/content/Component.desktop.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_x320t modal__content_168tv","flex":"modal__flex_x320t modal__flex_168tv","s":"modal__s_x320t","m":"modal__m_x320t","l":"modal__l_x320t","fullscreen":"modal__fullscreen_x320t"};
+var styles = {"content":"modal__content_17v2u modal__content_w6h8o","flex":"modal__flex_17v2u modal__flex_w6h8o","s":"modal__s_17v2u","m":"modal__m_17v2u","l":"modal__l_17v2u","fullscreen":"modal__fullscreen_17v2u"};
 require('./desktop.css');
 
 var ContentDesktop = function (_a) {

package/modal/esm/components/content/Component.mobile.js

@@ -1,11 +1,11 @@
-import { a as __assign } from '../../tslib.es6-59bd6939.js';
+import { a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_1m4a0 modal__content_168tv","flex":"modal__flex_1m4a0 modal__flex_168tv"};
+var styles = {"content":"modal__content_1shzz modal__content_w6h8o","flex":"modal__flex_1shzz modal__flex_w6h8o"};
 require('./mobile.css');
 
 var ContentMobile = function (props) { return (React.createElement(Content, __assign({ styles: styles }, props))); };

package/modal/esm/components/content/desktop.css

@@ -34,14 +34,14 @@
     /* sticky */
 
     /* scroll */
-}.modal__content_168tv {
+}.modal__content_w6h8o {
     box-sizing: border-box;
     width: 100%
-}.modal__content_168tv:first-child {
+}.modal__content_w6h8o:first-child {
         padding-top: var(--modal-content-no-header-top-padding);
-    }.modal__content_168tv:last-child {
+    }.modal__content_w6h8o:last-child {
         padding-bottom: var(--modal-content-no-footer-bottom-padding);
-    }.modal__flex_168tv {
+    }.modal__flex_w6h8o {
     flex: 1 1 auto;
 }
 :root {
@@ -343,6 +343,7 @@
     --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
     --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
     --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
+    --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
     --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
     --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
     --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -406,6 +407,7 @@
     --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
+    --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
     --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
     --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
     --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -599,20 +601,20 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__content_x320t {
+.modal__content_17v2u {
 }
-.modal__flex_x320t {
+.modal__flex_17v2u {
 }
-.modal__s_x320t {
+.modal__s_17v2u {
     padding: var(--modal-s-content-paddings);
 }
-.modal__m_x320t {
+.modal__m_17v2u {
     padding: var(--modal-m-content-paddings);
 }
-.modal__l_x320t,
-.modal__fullscreen_x320t {
+.modal__l_17v2u,
+.modal__fullscreen_17v2u {
     padding: var(--modal-l-content-paddings)
 }
-.modal__l_x320t:last-child, .modal__fullscreen_x320t:last-child {
+.modal__l_17v2u:last-child, .modal__fullscreen_17v2u:last-child {
         padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
     }

package/modal/esm/components/content/mobile.css

@@ -30,14 +30,14 @@
     /* sticky */
 
     /* scroll */
-}.modal__content_168tv {
+}.modal__content_w6h8o {
     box-sizing: border-box;
     width: 100%
-}.modal__content_168tv:first-child {
+}.modal__content_w6h8o:first-child {
         padding-top: var(--modal-content-no-header-top-padding);
-    }.modal__content_168tv:last-child {
+    }.modal__content_w6h8o:last-child {
         padding-bottom: var(--modal-content-no-footer-bottom-padding);
-    }.modal__flex_168tv {
+    }.modal__flex_w6h8o {
     flex: 1 1 auto;
 }
 :root {
@@ -339,6 +339,7 @@
     --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
     --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
     --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
+    --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
     --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
     --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
     --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -402,6 +403,7 @@
     --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
+    --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
     --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
     --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
     --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -595,9 +597,9 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__content_1m4a0 {
+.modal__content_1shzz {
 
     padding: 0 var(--gap-m) 0;
 }
-.modal__flex_1m4a0 {
+.modal__flex_1shzz {
 }

package/modal/esm/components/footer/Component.desktop.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_obfas modal__footer_1quwz","highlighted":"modal__highlighted_obfas modal__highlighted_1quwz","sticky":"modal__sticky_obfas modal__sticky_1quwz","fullscreen":"modal__fullscreen_obfas","s":"modal__s_obfas","m":"modal__m_obfas","l":"modal__l_obfas"};
+var styles = {"footer":"modal__footer_lltsa modal__footer_1mtdw","highlighted":"modal__highlighted_lltsa modal__highlighted_1mtdw","sticky":"modal__sticky_lltsa modal__sticky_1mtdw","fullscreen":"modal__fullscreen_lltsa","s":"modal__s_lltsa","m":"modal__m_lltsa","l":"modal__l_lltsa"};
 require('./desktop.css');
 
 var FooterDesktop = function (_a) {

package/modal/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '../../../../base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var layoutStyles = {"column":"modal__column_1u2ds","gap-16":"modal__gap-16_1u2ds","gap-24":"modal__gap-24_1u2ds","gap-32":"modal__gap-32_1u2ds","start":"modal__start_1u2ds","center":"modal__center_1u2ds","space-between":"modal__space-between_1u2ds"};
+var layoutStyles = {"column":"modal__column_1hpu3","gap-16":"modal__gap-16_1hpu3","gap-24":"modal__gap-24_1hpu3","gap-32":"modal__gap-32_1hpu3","start":"modal__start_1hpu3","center":"modal__center_1hpu3","space-between":"modal__space-between_1hpu3"};
 require('./layout.css');
 
 var Footer = function (_a) {

package/modal/esm/components/footer/Component.mobile.js

@@ -1,11 +1,11 @@
-import { a as __assign } from '../../tslib.es6-59bd6939.js';
+import { a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_10931 modal__footer_1quwz","highlighted":"modal__highlighted_10931 modal__highlighted_1quwz","sticky":"modal__sticky_10931 modal__sticky_1quwz"};
+var styles = {"footer":"modal__footer_1lnpw modal__footer_1mtdw","highlighted":"modal__highlighted_1lnpw modal__highlighted_1mtdw","sticky":"modal__sticky_1lnpw modal__sticky_1mtdw"};
 require('./mobile.css');
 
 var FooterMobile = function (props) { return React.createElement(Footer, __assign({ styles: styles }, props)); };

package/modal/esm/components/footer/desktop.css

@@ -42,16 +42,16 @@
     /* scroll */
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
-}.modal__footer_1quwz {
+}.modal__footer_1mtdw {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     background: var(--modal-header-background);
-}.modal__sticky_1quwz {
+}.modal__sticky_1mtdw {
     background: var(--modal-footer-sticky-background);
     box-shadow: var(--modal-footer-sticky-box-shadow);
     position: sticky;
-}.modal__highlighted_1quwz {
+}.modal__highlighted_1mtdw {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }
@@ -354,6 +354,7 @@
     --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
     --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
     --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
+    --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
     --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
     --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
     --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -417,6 +418,7 @@
     --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
+    --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
     --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
     --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
     --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -610,27 +612,27 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__footer_obfas {
+.modal__footer_lltsa {
 
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__highlighted_obfas {
+.modal__highlighted_lltsa {
 }
-.modal__sticky_obfas {
+.modal__sticky_lltsa {
 
     bottom: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__fullscreen_obfas {
+.modal__fullscreen_lltsa {
     bottom: 0;
 }
-.modal__s_obfas {
+.modal__s_lltsa {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__m_obfas {
+.modal__m_lltsa {
     padding: var(--modal-m-footer-paddings);
 }
-.modal__l_obfas,
-.modal__fullscreen_obfas {
+.modal__l_lltsa,
+.modal__fullscreen_lltsa {
     padding: var(--modal-l-footer-paddings);
 }

package/modal/esm/components/footer/layout.css

@@ -25,60 +25,60 @@
 
     /* scroll */
 }
-.modal__column_1u2ds {
+.modal__column_1hpu3 {
     display: flex;
     flex-direction: column
 }
-.modal__column_1u2ds > * {
+.modal__column_1hpu3 > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_1u2ds > *:last-child,
-    .modal__column_1u2ds > *:only-child {
+.modal__column_1hpu3 > *:last-child,
+    .modal__column_1hpu3 > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_1u2ds.modal__gap-16_1u2ds > * {
+.modal__column_1hpu3.modal__gap-16_1hpu3 > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_1u2ds.modal__gap-24_1u2ds > * {
+.modal__column_1hpu3.modal__gap-24_1hpu3 > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_1u2ds.modal__gap-32_1u2ds > * {
+.modal__column_1hpu3.modal__gap-32_1hpu3 > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_1u2ds {
+.modal__start_1hpu3 {
     justify-content: flex-start;
 }
-.modal__center_1u2ds {
+.modal__center_1hpu3 {
     justify-content: center;
 }
-.modal__space-between_1u2ds {
+.modal__space-between_1hpu3 {
     justify-content: space-between
 }
-.modal__space-between_1u2ds > * {
+.modal__space-between_1hpu3 > * {
         flex: 1;
     }
-.modal__start_1u2ds,
-.modal__center_1u2ds,
-.modal__space-between_1u2ds {
+.modal__start_1hpu3,
+.modal__center_1hpu3,
+.modal__space-between_1hpu3 {
     display: flex
 }
-.modal__start_1u2ds > *, .modal__center_1u2ds > *, .modal__space-between_1u2ds > * {
+.modal__start_1hpu3 > *, .modal__center_1hpu3 > *, .modal__space-between_1hpu3 > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_1u2ds > *:last-child,
-    .modal__start_1u2ds > *:only-child,
-    .modal__center_1u2ds > *:last-child,
-    .modal__center_1u2ds > *:only-child,
-    .modal__space-between_1u2ds > *:last-child,
-    .modal__space-between_1u2ds > *:only-child {
+.modal__start_1hpu3 > *:last-child,
+    .modal__start_1hpu3 > *:only-child,
+    .modal__center_1hpu3 > *:last-child,
+    .modal__center_1hpu3 > *:only-child,
+    .modal__space-between_1hpu3 > *:last-child,
+    .modal__space-between_1hpu3 > *:only-child {
         margin-right: 0;
     }
-.modal__start_1u2ds.modal__gap-16_1u2ds > *, .modal__center_1u2ds.modal__gap-16_1u2ds > *, .modal__space-between_1u2ds.modal__gap-16_1u2ds > * {
+.modal__start_1hpu3.modal__gap-16_1hpu3 > *, .modal__center_1hpu3.modal__gap-16_1hpu3 > *, .modal__space-between_1hpu3.modal__gap-16_1hpu3 > * {
         margin-right: var(--gap-m);
     }
-.modal__start_1u2ds.modal__gap-24_1u2ds > *, .modal__center_1u2ds.modal__gap-24_1u2ds > *, .modal__space-between_1u2ds.modal__gap-24_1u2ds > * {
+.modal__start_1hpu3.modal__gap-24_1hpu3 > *, .modal__center_1hpu3.modal__gap-24_1hpu3 > *, .modal__space-between_1hpu3.modal__gap-24_1hpu3 > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_1u2ds.modal__gap-32_1u2ds > *, .modal__center_1u2ds.modal__gap-32_1u2ds > *, .modal__space-between_1u2ds.modal__gap-32_1u2ds > * {
+.modal__start_1hpu3.modal__gap-32_1hpu3 > *, .modal__center_1hpu3.modal__gap-32_1hpu3 > *, .modal__space-between_1hpu3.modal__gap-32_1hpu3 > * {
         margin-right: var(--gap-2xl);
     }

package/modal/esm/components/footer/mobile.css

@@ -34,16 +34,16 @@
     /* scroll */
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
-}.modal__footer_1quwz {
+}.modal__footer_1mtdw {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     background: var(--modal-header-background);
-}.modal__sticky_1quwz {
+}.modal__sticky_1mtdw {
     background: var(--modal-footer-sticky-background);
     box-shadow: var(--modal-footer-sticky-box-shadow);
     position: sticky;
-}.modal__highlighted_1quwz {
+}.modal__highlighted_1mtdw {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }
@@ -346,6 +346,7 @@
     --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
     --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
     --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
+    --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
     --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
     --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
     --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -409,6 +410,7 @@
     --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
+    --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
     --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
     --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
     --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -602,13 +604,13 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__footer_10931 {
+.modal__footer_1lnpw {
 
     padding: var(--gap-xl) var(--gap-m);
 }
-.modal__highlighted_10931 {
+.modal__highlighted_1lnpw {
 }
-.modal__sticky_10931 {
+.modal__sticky_1lnpw {
 
     bottom: 0;
 }

package/modal/esm/components/header/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-59bd6939.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
@@ -7,7 +7,7 @@ import '../../../../button/esm';
 import '../closer/Component.js';
 import { Header } from './Component.js';
 
-var styles = {"header":"modal__header_18wvs modal__header_2pg4h","s":"modal__s_18wvs","m":"modal__m_18wvs","l":"modal__l_18wvs","fullscreen":"modal__fullscreen_18wvs","sticky":"modal__sticky_18wvs modal__sticky_2pg4h","highlighted":"modal__highlighted_18wvs modal__highlighted_2pg4h","content":"modal__content_18wvs modal__content_2pg4h","title":"modal__title_18wvs modal__title_2pg4h"};
+var styles = {"header":"modal__header_1wm21 modal__header_1eaju","s":"modal__s_1wm21","m":"modal__m_1wm21","l":"modal__l_1wm21","fullscreen":"modal__fullscreen_1wm21","sticky":"modal__sticky_1wm21 modal__sticky_1eaju","highlighted":"modal__highlighted_1wm21 modal__highlighted_1eaju","content":"modal__content_1wm21 modal__content_1eaju","title":"modal__title_1wm21 modal__title_1eaju"};
 require('./desktop.css');
 
 var HeaderDesktop = function (_a) {

package/modal/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-59bd6939.js';
+import '../../tslib.es6-ac516cca.js';
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';

package/modal/esm/components/header/Component.mobile.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-59bd6939.js';
+import { a as __assign } from '../../tslib.es6-ac516cca.js';
 import React from 'react';
 import 'classnames';
 import '../../../../base-modal/esm';
@@ -7,7 +7,7 @@ import '../../../../button/esm';
 import '../closer/Component.js';
 import { Header } from './Component.js';
 
-var styles = {"header":"modal__header_b89nn modal__header_2pg4h","sticky":"modal__sticky_b89nn modal__sticky_2pg4h","highlighted":"modal__highlighted_b89nn modal__highlighted_2pg4h","content":"modal__content_b89nn modal__content_2pg4h","title":"modal__title_b89nn modal__title_2pg4h"};
+var styles = {"header":"modal__header_1dliu modal__header_1eaju","sticky":"modal__sticky_1dliu modal__sticky_1eaju","highlighted":"modal__highlighted_1dliu modal__highlighted_1eaju","content":"modal__content_1dliu modal__content_1eaju","title":"modal__title_1dliu modal__title_1eaju"};
 require('./mobile.css');
 
 var HeaderMobile = function (props) { return React.createElement(Header, __assign({ styles: styles }, props)); };

package/modal/esm/components/header/desktop.css

@@ -45,7 +45,7 @@
     /* scroll */
     --modal-header-highlight-box-shadow: var(--shadow-s);
     --modal-header-highlight-background: var(--color-light-bg-primary);
-}.modal__header_2pg4h {
+}.modal__header_1eaju {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -53,12 +53,12 @@
     justify-content: flex-end;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     background: var(--modal-header-background);
-}.modal__highlighted_2pg4h {
+}.modal__highlighted_1eaju {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-}.modal__sticky_2pg4h {
+}.modal__sticky_1eaju {
     position: sticky;
-}.modal__content_2pg4h {
+}.modal__content_1eaju {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
@@ -66,7 +66,7 @@
     font-family: var(--font-family-styrene);
     flex-grow: 1;
     margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
-}.modal__title_2pg4h {
+}.modal__title_1eaju {
     word-break: break-word;
 }
 :root {
@@ -368,6 +368,7 @@
     --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
     --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
     --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
+    --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
     --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
     --color-dark-graphic-primary-shade-50: rgb(128, 128, 128);
     --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
@@ -431,6 +432,7 @@
     --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
+    --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
     --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
     --color-light-graphic-primary-tint-50: rgb(133, 143, 154);
     --color-light-graphic-primary-shade-10: rgb(10, 28, 48);
@@ -624,33 +626,33 @@
     --modal-footer-highlight-box-shadow: var(--shadow-s-up);
     --modal-footer-highlight-background: var(--color-light-bg-primary);
 }
-.modal__header_18wvs {
+.modal__header_1wm21 {
 
     min-height: var(--modal-header-min-height);
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__s_18wvs {
+.modal__s_1wm21 {
     padding: var(--modal-s-header-paddings);
 }
-.modal__m_18wvs {
+.modal__m_1wm21 {
     padding: var(--modal-m-header-paddings);
 }
-.modal__l_18wvs,
-.modal__fullscreen_18wvs {
+.modal__l_1wm21,
+.modal__fullscreen_1wm21 {
     min-height: var(--modal-header-l-min-height);
     padding: var(--modal-l-header-paddings);
 }
-.modal__sticky_18wvs {
+.modal__sticky_1wm21 {
 
     top: calc(var(--modal-vertical-padding) * -1);
 }
-.modal__fullscreen_18wvs {
+.modal__fullscreen_1wm21 {
     top: 0;
 }
-.modal__highlighted_18wvs {
+.modal__highlighted_1wm21 {
 }
-.modal__content_18wvs {
+.modal__content_1wm21 {
 }
-.modal__title_18wvs {
+.modal__title_1wm21 {
 }