@alfalab/core-components 36.5.1-beta.0 → 36.5.1

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

@@ -3,25 +3,6 @@
 }
 .card-image__loaded_1xejx {
     background: transparent
-}.backdrop__backdrop_vq7hm {
-    -webkit-tap-highlight-color: transparent;
-}
-.backdrop__appear_vq7hm,
-.backdrop__enter_vq7hm {
-    background-color: transparent;
-}
-.backdrop__appearActive_vq7hm,
-.backdrop__enterActive_vq7hm,
-.backdrop__appearDone_vq7hm,
-.backdrop__enterDone_vq7hm {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exit_vq7hm {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exitActive_vq7hm,
-.backdrop__exitDone_vq7hm {
-    background-color: transparent;
 }.badge__component_1tvdg {
     background-color: #ef3124;
     color: #000;
@@ -86,7 +67,26 @@
     }
 .badge__outlineColor_1tvdg.badge__primary_1tvdg {
         background-color: #fff;
-    }.checkbox-group__error_18d4a {
+    }.backdrop__backdrop_vq7hm {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_vq7hm,
+.backdrop__enter_vq7hm {
+    background-color: transparent;
+}
+.backdrop__appearActive_vq7hm,
+.backdrop__enterActive_vq7hm,
+.backdrop__appearDone_vq7hm,
+.backdrop__enterDone_vq7hm {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_vq7hm {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_vq7hm,
+.backdrop__exitDone_vq7hm {
+    background-color: transparent;
+}.checkbox-group__error_18d4a {
     border-left: 1px solid #f15045;
 }
 .checkbox-group__label_18d4a {
@@ -97,6 +97,8 @@
 }
 .checkbox-group__hint_18d4a {
     color: rgba(235, 235, 245, 0.6);
+}.divider__component_joti6 {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_19sp0 {
     color: #000;
     background-color: #000;
@@ -185,8 +187,6 @@
     background-color: #000;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_joti6 {
-    border-bottom: 1px solid #2b2b2e;
 }.dropzone__component_77hek {
     border: 2px dashed #464649;
 }
@@ -1144,8 +1144,6 @@
 }
 .textarea__error_1dspd {
     color: #f15045;
-}.base-modal__component_fqkk5 {
-    background: #121212;
 }.button__primary_1wx0b {
     color: #000;
     background-color: #f3f4f5;
@@ -1478,7 +1476,9 @@
     }
 .button__component_1lmyt[disabled].button__ghost_1lmyt.button__loading_1lmyt {
             color: #000;
-        }.popover__component_gbe0j {
+        }.base-modal__component_fqkk5 {
+    background: #121212;
+}.popover__component_gbe0j {
     background-color: transparent;
     color: #fff;
 }
@@ -1999,7 +1999,40 @@
     }
 .pass-code__ghost_1xkqx.pass-code__ghost_1xkqx:active {
         background: rgba(255, 255, 255, 0.11);
-    }.filter-tag__component_vtnr1.filter-tag__disabled_vtnr1 {
+    }.pure-cell__focused_1clba {
+    outline: 2px solid #0072ef;
+}
+
+
+
+.pure-cell__categoryPercent_1tx2m {
+    background-color: #202022;
+}
+
+
+
+
+
+.slider-input__slider_w9p0s .noUi-base:hover > .noUi-connects {
+            background-color: #2a2a2c;
+        }
+.slider-input__slider_w9p0s .noUi-connects {
+        background-color: #2a2a2c;
+    }
+.slider-input__steps_w9p0s {
+    color: rgba(235, 235, 245, 0.6);
+}
+.slider-input__info_w9p0s {
+    color: rgba(235, 235, 245, 0.6);
+}.with-suffix__hasSuffix_lj8x4 input:focus::placeholder {
+    color: transparent;
+}
+.with-suffix__disabled_lj8x4 {
+    color: #fff;
+}
+.with-suffix__readOnly_lj8x4 {
+    color: rgba(235, 235, 245, 0.6);
+}.filter-tag__component_vtnr1.filter-tag__disabled_vtnr1 {
         background-color: rgba(32, 32, 34, 0.3);
     }
 .filter-tag__component_vtnr1.filter-tag__checked_vtnr1:not(.filter-tag__component_vtnr1.filter-tag__disabled_vtnr1) {
@@ -2072,21 +2105,7 @@
 .filter-tag__clear_vtnr1:active {
         background-color: rgb(194, 195, 196);
         color: #000;
-    }.pure-cell__focused_1clba {
-    outline: 2px solid #0072ef;
-}
-
-
-
-.pure-cell__categoryPercent_1tx2m {
-    background-color: #202022;
-}
-
-
-
-
-
-.file-upload-item__component_swqjb {
+    }.file-upload-item__component_swqjb {
     color: rgba(235, 235, 245, 0.6);
     box-shadow: 0 -1px 0 0 #2b2b2e inset
 }
@@ -2224,6 +2243,34 @@
 }
 .toast-plate__closeButtonWrapper_r9rzb:before {
         background-color: #262629;
+    }.bank-card__component_zuhzr {
+    --form-control-bg-color: transparent;
+    --form-control-focus-shadow: transparent;
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+}
+.bank-card__label_zuhzr {
+    color: rgba(0, 0, 0, 0.6)
+}
+.bank-card__focused_zuhzr .bank-card__label_zuhzr,
+.bank-card__filled_zuhzr .bank-card__label_zuhzr {
+    color: #000
+}
+.bank-card__input_zuhzr {
+    color: #000;
+    caret-color: #000
+}
+.bank-card__bankLogo_zuhzr svg g {
+            fill: #000;
+        }
+.bank-card__brandLogo_zuhzr svg {
+        fill: #000;
+    }
+.bank-card__usePhoto_zuhzr {
+    background-color: transparent
+}
+.bank-card__usePhoto_zuhzr svg {
+        fill: #000;
     }
 
 
@@ -2251,25 +2298,15 @@
 .side-panel__sticky_1yo2q.side-panel__hasContent_1yo2q {
         background: #121212;
     }
-.slider-input__slider_w9p0s .noUi-base:hover > .noUi-connects {
-            background-color: #2a2a2c;
-        }
-.slider-input__slider_w9p0s .noUi-connects {
-        background-color: #2a2a2c;
-    }
-.slider-input__steps_w9p0s {
-    color: rgba(235, 235, 245, 0.6);
-}
-.slider-input__info_w9p0s {
+.amount-input__minorPartAndCurrency_1jy7r {
     color: rgba(235, 235, 245, 0.6);
-}.with-suffix__hasSuffix_lj8x4 input:focus::placeholder {
-    color: transparent;
 }
-.with-suffix__disabled_lj8x4 {
-    color: #fff;
+.amount-input__filled_dvymh .amount-input__input_dvymh,
+.amount-input__input_dvymh:focus {
+    -webkit-text-fill-color: transparent;
 }
-.with-suffix__readOnly_lj8x4 {
-    color: rgba(235, 235, 245, 0.6);
+.amount-input__minorPartAndCurrency_fgdtz {
+    color: rgba(60, 60, 67, 0.6);
 }.tooltip__hint_1rj9n {
     background-color: #fff;
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
@@ -2539,44 +2576,6 @@
 }
 .select__withBorder_z7wrv {
     box-shadow: inset 0 1px 0 #262629;
-}.bank-card__component_zuhzr {
-    --form-control-bg-color: transparent;
-    --form-control-focus-shadow: transparent;
-    --form-control-hover-bg-color: transparent;
-    --form-control-focus-bg-color: transparent;
-}
-.bank-card__label_zuhzr {
-    color: rgba(0, 0, 0, 0.6)
-}
-.bank-card__focused_zuhzr .bank-card__label_zuhzr,
-.bank-card__filled_zuhzr .bank-card__label_zuhzr {
-    color: #000
-}
-.bank-card__input_zuhzr {
-    color: #000;
-    caret-color: #000
-}
-.bank-card__bankLogo_zuhzr svg g {
-            fill: #000;
-        }
-.bank-card__brandLogo_zuhzr svg {
-        fill: #000;
-    }
-.bank-card__usePhoto_zuhzr {
-    background-color: transparent
-}
-.bank-card__usePhoto_zuhzr svg {
-        fill: #000;
-    }.amount-input__minorPartAndCurrency_1jy7r {
-    color: rgba(235, 235, 245, 0.6);
-}
-.amount-input__filled_dvymh .amount-input__input_dvymh,
-.amount-input__input_dvymh:focus {
-    -webkit-text-fill-color: transparent;
-}
-.amount-input__minorPartAndCurrency_fgdtz {
-    color: rgba(60, 60, 67, 0.6);
-}@media (min-width: 600px) {
 }.gallery__modal_jo8jc {
     background: transparent;
 }
@@ -2634,10 +2633,11 @@
 }
 .gallery__component_kkonr {
     background-color: #e9e9eb
-}.calendar-input__calendarIcon_15vvv {
-    color: #fff
+}@media (min-width: 600px) {
 }.calendar-with-skeleton__skeleton_kevtn {
     background-color: #121212;
+}.calendar-input__calendarIcon_15vvv {
+    color: #fff
 }
 
 .input-autocomplete__placeholder_74m8y {
@@ -2671,7 +2671,8 @@
 }
 .select-with-tags__placeholder_ad5m3 {
     color: rgba(235, 235, 245, 0.3);
-}.calendar-range__divider_1ci3b:after {
+}
+.calendar-range__component_1tbg6:after {
         background-color: #fff;
     }.table__component_rztdn {
     border-top: 1px solid #2b2b2e;

package/tooltip/Component.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-207fcd02.js');
+var Component = require('./Component-540dfdac.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/tooltip/component.responsive.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-207fcd02.js');
+var Component = require('./Component-540dfdac.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBottomSheet = require('../bottom-sheet');

package/tooltip/cssm/index.d.ts

@@ -1,2 +1,3 @@
-export { TooltipDesktop as Tooltip, TooltipDesktopProps as TooltipProps } from "./desktop";
+export { TooltipDesktop as Tooltip } from "./desktop";
+export type { TooltipDesktopProps as TooltipProps } from "./desktop";
 export * from "./component.responsive";

package/tooltip/desktop.d.ts

@@ -1 +1 @@
-export * from "./Component-207fcd02";
+export * from "./Component-540dfdac";

package/tooltip/desktop.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-207fcd02.js');
+var Component = require('./Component-540dfdac.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/tooltip/esm/Component.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-846c186b.js';
+export { T as TooltipDesktop } from './Component-cadf4347.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-846c186b.js';
+import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-cadf4347.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { BottomSheet } from '../../bottom-sheet/esm';

package/tooltip/esm/desktop.d.ts

@@ -1 +1 @@
-export * from "./Component-846c186b";
+export * from "./Component-cadf4347";

package/tooltip/esm/desktop.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-846c186b.js';
+export { T as TooltipDesktop } from './Component-cadf4347.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/index.d.ts

@@ -1,2 +1,3 @@
-export { TooltipDesktop as Tooltip, TooltipDesktopProps as TooltipProps } from "./desktop";
+export { TooltipDesktop as Tooltip } from "./desktop";
+export type { TooltipDesktopProps as TooltipProps } from "./desktop";
 export * from "./component.responsive";

package/tooltip/esm/index.js

@@ -1,4 +1,4 @@
-export { T as Tooltip } from './Component-846c186b.js';
+export { T as Tooltip } from './Component-cadf4347.js';
 export { TooltipResponsive } from './component.responsive.js';
 import 'react';
 import 'react-merge-refs';

package/tooltip/esm/responsive.js

@@ -1,5 +1,5 @@
 export { TooltipResponsive } from './component.responsive.js';
-import './Component-846c186b.js';
+import './Component-cadf4347.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/index.d.ts

@@ -1,2 +1,3 @@
-export { TooltipDesktop as Tooltip, TooltipDesktopProps as TooltipProps } from "./desktop";
+export { TooltipDesktop as Tooltip } from "./desktop";
+export type { TooltipDesktopProps as TooltipProps } from "./desktop";
 export * from "./component.responsive";

package/tooltip/index.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-207fcd02.js');
+var Component = require('./Component-540dfdac.js');
 var component_responsive = require('./component.responsive.js');
 require('react');
 require('react-merge-refs');

package/tooltip/modern/index.d.ts

@@ -1,2 +1,3 @@
-export { TooltipDesktop as Tooltip, TooltipDesktopProps as TooltipProps } from "./desktop";
+export { TooltipDesktop as Tooltip } from "./desktop";
+export type { TooltipDesktopProps as TooltipProps } from "./desktop";
 export * from "./component.responsive";

package/tooltip/responsive.js

@@ -1,5 +1,5 @@
 var component_responsive = require('./component.responsive.js');
-require('./Component-207fcd02.js');
+require('./Component-540dfdac.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/typography/component.js

@@ -2,11 +2,11 @@ var text_component = require('./text/component.js');
 var title_index = require('./title/index.js');
 var titleMobile_component = require('./title-mobile/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');
-require('./colors.module-2283db40.js');
+require('./colors.module-43b75ad2.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-06ad5674.js');
+require('./common.module-42b281bc.js');
 
 var Typography = {
     Title: title_index.Title,

package/typography/esm/component.js

@@ -2,11 +2,11 @@ import { Text } from './text/component.js';
 import { Title } from './title/index.js';
 import { TitleMobile } from './title-mobile/component.js';
 import { TitleResponsive } from './title-responsive/component.js';
-import './colors.module-fa67591b.js';
+import './colors.module-af6d74c3.js';
 import 'react';
 import 'classnames';
 import './title/component.js';
-import './common.module-fa9da626.js';
+import './common.module-4197ebc8.js';
 
 var Typography = {
     Title: Title,

package/typography/esm/index.js

@@ -1,11 +1,11 @@
 export { Typography } from './component.js';
 export { typographyPresets } from './presets.js';
 import './text/component.js';
-import './colors.module-fa67591b.js';
+import './colors.module-af6d74c3.js';
 import 'react';
 import 'classnames';
 import './title/index.js';
 import './title/component.js';
-import './common.module-fa9da626.js';
+import './common.module-4197ebc8.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/esm/text/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, c as colors } from '../colors.module-fa67591b.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-af6d74c3.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/text/index.js

@@ -1,4 +1,4 @@
 export { Text } from './component.js';
-import '../colors.module-fa67591b.js';
+import '../colors.module-af6d74c3.js';
 import 'react';
 import 'classnames';

package/typography/esm/title/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, c as colors } from '../colors.module-fa67591b.js';
+import { _ as __rest, a as __assign, c as colors } from '../colors.module-af6d74c3.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/title/index.js

@@ -1,7 +1,7 @@
-import { a as __assign } from '../colors.module-fa67591b.js';
+import { a as __assign } from '../colors.module-af6d74c3.js';
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-fa9da626.js';
+import { c as commonStyles } from '../common.module-4197ebc8.js';
 import 'classnames';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1nu50","styrene-large":"typography__styrene-large_1nu50","styrene-medium":"typography__styrene-medium_1nu50","styrene-small":"typography__styrene-small_1nu50","styrene-xsmall":"typography__styrene-xsmall_1nu50","system-xlarge":"typography__system-xlarge_1nu50","system-large":"typography__system-large_1nu50","system-medium":"typography__system-medium_1nu50","system-small":"typography__system-small_1nu50","system-xsmall":"typography__system-xsmall_1nu50","margins-xlarge":"typography__margins-xlarge_1nu50","margins-large":"typography__margins-large_1nu50","margins-medium":"typography__margins-medium_1nu50","margins-small":"typography__margins-small_1nu50","margins-xsmall":"typography__margins-xsmall_1nu50","bold":"typography__bold_1nu50","medium":"typography__medium_1nu50","regular":"typography__regular_1nu50"};

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

@@ -1,7 +1,7 @@
-import { a as __assign } from '../colors.module-fa67591b.js';
+import { a as __assign } from '../colors.module-af6d74c3.js';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-fa9da626.js';
+import { c as commonStyles } from '../common.module-4197ebc8.js';
 import 'classnames';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_c5fbb","styrene-large":"typography__styrene-large_c5fbb","styrene-medium":"typography__styrene-medium_c5fbb","styrene-small":"typography__styrene-small_c5fbb","styrene-xsmall":"typography__styrene-xsmall_c5fbb","system-xlarge":"typography__system-xlarge_c5fbb","system-large":"typography__system-large_c5fbb","system-medium":"typography__system-medium_c5fbb","system-small":"typography__system-small_c5fbb","system-xsmall":"typography__system-xsmall_c5fbb","bold":"typography__bold_c5fbb","medium":"typography__medium_c5fbb","regular":"typography__regular_c5fbb"};

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

@@ -1,6 +1,6 @@
 export { TitleMobile } from './component.js';
-import '../colors.module-fa67591b.js';
+import '../colors.module-af6d74c3.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-fa9da626.js';
+import '../common.module-4197ebc8.js';

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

@@ -1,7 +1,7 @@
-import { a as __assign } from '../colors.module-fa67591b.js';
+import { a as __assign } from '../colors.module-af6d74c3.js';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-fa9da626.js';
+import { c as commonStyles } from '../common.module-4197ebc8.js';
 import 'classnames';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_oi36m","styrene-large":"typography__styrene-large_oi36m","styrene-medium":"typography__styrene-medium_oi36m","styrene-small":"typography__styrene-small_oi36m","styrene-xsmall":"typography__styrene-xsmall_oi36m","system-xlarge":"typography__system-xlarge_oi36m","system-large":"typography__system-large_oi36m","system-medium":"typography__system-medium_oi36m","system-small":"typography__system-small_oi36m","system-xsmall":"typography__system-xsmall_oi36m","margins-xlarge":"typography__margins-xlarge_oi36m","margins-large":"typography__margins-large_oi36m","margins-medium":"typography__margins-medium_oi36m","margins-small":"typography__margins-small_oi36m","margins-xsmall":"typography__margins-xsmall_oi36m"};

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

@@ -1,6 +1,6 @@
 export { TitleResponsive } from './component.js';
-import '../colors.module-fa67591b.js';
+import '../colors.module-af6d74c3.js';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-fa9da626.js';
+import '../common.module-4197ebc8.js';

package/typography/index.js

@@ -1,12 +1,12 @@
 var component = require('./component.js');
 var presets = require('./presets.js');
 require('./text/component.js');
-require('./colors.module-2283db40.js');
+require('./colors.module-43b75ad2.js');
 require('react');
 require('classnames');
 require('./title/index.js');
 require('./title/component.js');
-require('./common.module-06ad5674.js');
+require('./common.module-42b281bc.js');
 require('./title-mobile/component.js');
 require('./title-responsive/component.js');
 

package/typography/modern/component.js

@@ -4,9 +4,9 @@ import { TitleMobile } from './title-mobile/component.js';
 import { TitleResponsive } from './title-responsive/component.js';
 import 'react';
 import 'classnames';
-import './colors.module-b1e507a2.js';
+import './colors.module-dd7c0fe0.js';
 import './title/component.js';
-import './common.module-aeafd92a.js';
+import './common.module-3906bdf5.js';
 
 const Typography = {
     Title,

package/typography/modern/index.js

@@ -3,9 +3,9 @@ export { typographyPresets } from './presets.js';
 import './text/component.js';
 import 'react';
 import 'classnames';
-import './colors.module-b1e507a2.js';
+import './colors.module-dd7c0fe0.js';
 import './title/index.js';
 import './title/component.js';
-import './common.module-aeafd92a.js';
+import './common.module-3906bdf5.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/modern/text/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-b1e507a2.js';
+import { c as colors } from '../colors.module-dd7c0fe0.js';
 
 const styles = {"paragraph":"typography__paragraph_19pek","paragraphWithMargins":"typography__paragraphWithMargins_19pek","primary-large":"typography__primary-large_19pek","primary-medium":"typography__primary-medium_19pek","primary-small":"typography__primary-small_19pek","secondary-large":"typography__secondary-large_19pek","secondary-medium":"typography__secondary-medium_19pek","secondary-small":"typography__secondary-small_19pek","component":"typography__component_19pek","caps":"typography__caps_19pek","bold":"typography__bold_19pek","medium":"typography__medium_19pek","regular":"typography__regular_19pek","monospace":"typography__monospace_19pek"};
 require('./index.css');

package/typography/modern/text/index.js

@@ -1,4 +1,4 @@
 export { Text } from './component.js';
 import 'react';
 import 'classnames';
-import '../colors.module-b1e507a2.js';
+import '../colors.module-dd7c0fe0.js';

package/typography/modern/title/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-b1e507a2.js';
+import { c as colors } from '../colors.module-dd7c0fe0.js';
 
 const Title = forwardRef(({ tag: Component = 'div', view = 'medium', font = 'styrene', weight = font === 'styrene' ? 'medium' : 'bold', defaultMargins = false, color, className, dataTestId, children, styles, ...restProps }, ref) => (React.createElement(Component, { className: cn(styles.component, className, styles[`${font}-${view}`], defaultMargins && styles[`margins-${view}`], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref, ...restProps }, children)));
 

package/typography/modern/title/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-aeafd92a.js';
+import { c as commonStyles } from '../common.module-3906bdf5.js';
 import 'classnames';
-import '../colors.module-b1e507a2.js';
+import '../colors.module-dd7c0fe0.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_1nu50","styrene-large":"typography__styrene-large_1nu50","styrene-medium":"typography__styrene-medium_1nu50","styrene-small":"typography__styrene-small_1nu50","styrene-xsmall":"typography__styrene-xsmall_1nu50","system-xlarge":"typography__system-xlarge_1nu50","system-large":"typography__system-large_1nu50","system-medium":"typography__system-medium_1nu50","system-small":"typography__system-small_1nu50","system-xsmall":"typography__system-xsmall_1nu50","margins-xlarge":"typography__margins-xlarge_1nu50","margins-large":"typography__margins-large_1nu50","margins-medium":"typography__margins-medium_1nu50","margins-small":"typography__margins-small_1nu50","margins-xsmall":"typography__margins-xsmall_1nu50","bold":"typography__bold_1nu50","medium":"typography__medium_1nu50","regular":"typography__regular_1nu50"};
 require('./index.css');

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-aeafd92a.js';
+import { c as commonStyles } from '../common.module-3906bdf5.js';
 import 'classnames';
-import '../colors.module-b1e507a2.js';
+import '../colors.module-dd7c0fe0.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_c5fbb","styrene-large":"typography__styrene-large_c5fbb","styrene-medium":"typography__styrene-medium_c5fbb","styrene-small":"typography__styrene-small_c5fbb","styrene-xsmall":"typography__styrene-xsmall_c5fbb","system-xlarge":"typography__system-xlarge_c5fbb","system-large":"typography__system-large_c5fbb","system-medium":"typography__system-medium_c5fbb","system-small":"typography__system-small_c5fbb","system-xsmall":"typography__system-xsmall_c5fbb","bold":"typography__bold_c5fbb","medium":"typography__medium_c5fbb","regular":"typography__regular_c5fbb"};
 require('./index.css');