@alfalab/core-components 41.17.0-beta.1 → 41.17.0-beta.11

package/tabs/modern/{types-fae20163.d.ts → types-0ae5fd84.d.ts}

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -211,6 +219,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -223,5 +235,9 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/tabs/modern/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+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 };

package/tabs/responsive.js

@@ -19,13 +19,13 @@ require('../picker-button/desktop');
 require('./hooks/use-tablist-titles.js');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-ea70ba7c.js');
+require('./index.module-5b50183c.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('../tag');
-require('./index.module-8a7e482e.js');
+require('./index.module-9a126619.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 require('@juggle/resize-observer');

package/tabs/{types-fae20163.d.ts → types-0ae5fd84.d.ts}

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -211,6 +219,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -223,5 +235,9 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/tabs/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+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 };

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

@@ -77,6 +77,16 @@
     background: #e7e8ea;
 } .card-image__loaded_h3lkt {
     background: transparent
+}.checkbox-group__error_118i2 {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_118i2 {
+    color: #fff;
+} .checkbox-group__errorMessage_118i2 {
+    color: #f15045;
+} .checkbox-group__hint_118i2 {
+    color: rgba(235, 235, 245, 0.54);
+}.divider__component_dtlrr {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1u66f {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -141,16 +151,6 @@
 } .checkbox__indeterminateLine_1u66f {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_dtlrr {
-    border-bottom: 1px solid #2b2b2e;
-}.checkbox-group__error_118i2 {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_118i2 {
-    color: #fff;
-} .checkbox-group__errorMessage_118i2 {
-    color: #f15045;
-} .checkbox-group__hint_118i2 {
-    color: rgba(235, 235, 245, 0.54);
 }.code-input__error_1u25t {
     color: #f15045;
 } @keyframes code-input__shake_1u25t {
@@ -393,13 +393,6 @@
 }
 .hatching-progress-bar__accent_tj3mh {
     background: #ef3124;
-}.icon-view__component_mw52p {
-    color: #85858d;
-} .icon-view__bg_mw52p {
-    fill: #202022;
-} .icon-view__border_mw52p {
-    stroke: rgba(255, 255, 255, 0.1);
-    fill: transparent;
 }.indicator__component_17lx1 {
     color: #fff;
     background-color: #ef3124;
@@ -418,7 +411,14 @@
     color: #fff
 } .indicator__grey_17lx1.indicator__border_17lx1 {
         outline: 2px solid #000;
-    }.link__primary_aa8q2 {
+    }.icon-view__component_mw52p {
+    color: #85858d;
+} .icon-view__bg_mw52p {
+    fill: #202022;
+} .icon-view__border_mw52p {
+    stroke: rgba(255, 255, 255, 0.1);
+    fill: transparent;
+}.link__primary_aa8q2 {
     color: #fff;
     border-bottom-color: #fff
 } .link__primary_aa8q2:hover {

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

@@ -77,6 +77,16 @@
     background: #e7e8ea;
 } .card-image__loaded_h3lkt {
     background: transparent
+}.checkbox-group__error_118i2 {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_118i2 {
+    color: #fff;
+} .checkbox-group__errorMessage_118i2 {
+    color: #f15045;
+} .checkbox-group__hint_118i2 {
+    color: rgba(235, 235, 245, 0.54);
+}.divider__component_dtlrr {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1u66f {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -141,16 +151,6 @@
 } .checkbox__indeterminateLine_1u66f {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_dtlrr {
-    border-bottom: 1px solid #2b2b2e;
-}.checkbox-group__error_118i2 {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_118i2 {
-    color: #fff;
-} .checkbox-group__errorMessage_118i2 {
-    color: #f15045;
-} .checkbox-group__hint_118i2 {
-    color: rgba(235, 235, 245, 0.54);
 }.code-input__error_1u25t {
     color: #f15045;
 } @keyframes code-input__shake_1u25t {
@@ -393,13 +393,6 @@
 }
 .hatching-progress-bar__accent_tj3mh {
     background: #ef3124;
-}.icon-view__component_mw52p {
-    color: #85858d;
-} .icon-view__bg_mw52p {
-    fill: #202022;
-} .icon-view__border_mw52p {
-    stroke: rgba(255, 255, 255, 0.1);
-    fill: transparent;
 }.indicator__component_17lx1 {
     color: #fff;
     background-color: #ef3124;
@@ -418,7 +411,14 @@
     color: #fff
 } .indicator__grey_17lx1.indicator__border_17lx1 {
         outline: 2px solid #000;
-    }.link__primary_aa8q2 {
+    }.icon-view__component_mw52p {
+    color: #85858d;
+} .icon-view__bg_mw52p {
+    fill: #202022;
+} .icon-view__border_mw52p {
+    stroke: rgba(255, 255, 255, 0.1);
+    fill: transparent;
+}.link__primary_aa8q2 {
     color: #fff;
     border-bottom-color: #fff
 } .link__primary_aa8q2:hover {
@@ -1169,24 +1169,7 @@
     color: rgba(235, 235, 245, 0.54);
 } .textarea__error_1mkns {
     color: #f15045;
-}
-
-
-.system-message__component_1m2vm {
-    color: rgba(235, 235, 245, 0.54);
-}
-
-
-
-
-.system-message__component_uz1zm {
-    color: #fff;
-}
-
-.system-message__component_1vqdx {
-    color: #fff;
-}
-.action-button__primary_rd60w {
+}.action-button__primary_rd60w {
     color: #fff
 } .action-button__primary_rd60w .action-button__iconWrapper_rd60w {
         color: #0e0e0e;
@@ -1251,7 +1234,24 @@
         background-color: #f3f4f5;
     } .action-button__secondary_adn56 .action-button__loader_adn56 {
         color: #0e0e0e;
-    }.button__accent_1d2cy {
+    }
+
+
+.system-message__component_1m2vm {
+    color: rgba(235, 235, 245, 0.54);
+}
+
+
+
+
+.system-message__component_uz1zm {
+    color: #fff;
+}
+
+.system-message__component_1vqdx {
+    color: #fff;
+}
+.button__accent_1d2cy {
     color: #fff;
     background-color: #ef3124;
     border: 1px solid transparent
@@ -1673,10 +1673,7 @@
 }
 .list__slot_1odgo.list__defaultColor_1odgo {
         color: #fff;
-    }.attach__component_1o97h {
-} .attach__focused_1o97h {
-    outline: 2px solid #0072ef;
-}.stepped-progress-bar__bar_1014s {
+    }.stepped-progress-bar__bar_1014s {
     background: rgba(255, 255, 255, 0.11);
 } .stepped-progress-bar__description_1014s {
     color: rgba(235, 235, 245, 0.54);
@@ -1703,7 +1700,10 @@
         background: #fff;
     } .stepped-progress-bar__bar_1wp8f.stepped-progress-bar__accent_1wp8f {
         background: #ef3124;
-    }.confirmation-v1__errorHeader_1ylvv {
+    }.attach__component_1o97h {
+} .attach__focused_1o97h {
+    outline: 2px solid #0072ef;
+}.confirmation-v1__errorHeader_1ylvv {
     color: #fff;
     color: #fff;
 } .confirmation-v1__errorText_1ylvv {
@@ -1805,76 +1805,6 @@
 }
 .confirmation__typographyTheme_1pum9.confirmation__typographyTheme_1pum9 {
     color: rgba(235, 235, 245, 0.54);
-}.input__input_1orjp {
-    color: #fff;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1orjp:-webkit-autofill {
-    -webkit-text-fill-color: #fff;
-} .input__input_1orjp::placeholder {
-    color: rgba(235, 235, 245, 0.54);
-} .input__hasInnerLabel_1orjp::placeholder {
-    color: rgba(235, 235, 245, 0.32);
-} .input__clearIcon_1orjp {
-    color: #fff;
-} .input__input_1orjp:read-only {
-    color: rgba(235, 235, 245, 0.54)
-} .input__input_1orjp:read-only:focus::placeholder {
-        color: rgba(235, 235, 245, 0.54);
-    } .input__input_1orjp:disabled {
-    color: #fff;
-    -webkit-text-fill-color: #fff;
-} .input__input_1orjp:focus::placeholder {
-    color: rgba(235, 235, 245, 0.32);
-} .input__error_1orjp {
-    color: #f15045;
-    caret-color: #f15045;
-}
-.input__errorColorIcon_1pk8f {
-    color: #d91d0b;
-} .input__successColorIcon_1pk8f {
-    color: #2fc26e;
-} .input__focusVisible_1pk8f {
-    outline: 2px solid #0072ef;
-} @keyframes input__onautofillstart_1pk8f {
-    from {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-    to {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
-    }
-} @keyframes input__onautofillcancel_1pk8f {
-    from {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-    to {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
-    }
-}
-.input__input_1rrob {
-    color: #0e0e0e;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1rrob:-webkit-autofill {
-    -webkit-text-fill-color: #0e0e0e;
-} .input__input_1rrob::placeholder {
-    color: rgba(60, 60, 67, 0.66);
-} .input__hasInnerLabel_1rrob::placeholder {
-    color: rgba(60, 60, 67, 0.4);
-} .input__clearIcon_1rrob {
-    color: #0e0e0e;
-} .input__input_1rrob:read-only {
-    color: rgba(60, 60, 67, 0.66)
-} .input__input_1rrob:read-only:focus::placeholder {
-        color: rgba(60, 60, 67, 0.66);
-    } .input__input_1rrob:disabled {
-    color: #0e0e0e;
-    -webkit-text-fill-color: #0e0e0e;
-} .input__input_1rrob:focus::placeholder {
-    color: rgba(60, 60, 67, 0.4);
-} .input__error_1rrob {
-    color: #ef3124;
-    caret-color: #ef3124;
 }.cc-icon-button.icon-button__primary_lobh5 {
         color: #fff
     } .cc-icon-button.icon-button__primary_lobh5:hover {
@@ -1969,10 +1899,76 @@
             color: rgba(193, 193, 195, 0.3)
         } .cc-icon-button.icon-button__component_m89vk:disabled.icon-button__tertiary_m89vk.icon-button__loader_m89vk {
                 color: #c1c1c3;
-            }.pattern-lock__error_12e4y {
+            }.input__input_1orjp {
+    color: #fff;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+} .input__input_1orjp:-webkit-autofill {
+    -webkit-text-fill-color: #fff;
+} .input__input_1orjp::placeholder {
+    color: rgba(235, 235, 245, 0.54);
+} .input__hasInnerLabel_1orjp::placeholder {
+    color: rgba(235, 235, 245, 0.32);
+} .input__clearIcon_1orjp {
+    color: #fff;
+} .input__input_1orjp:read-only {
+    color: rgba(235, 235, 245, 0.54)
+} .input__input_1orjp:read-only:focus::placeholder {
+        color: rgba(235, 235, 245, 0.54);
+    } .input__input_1orjp:disabled {
+    color: #fff;
+    -webkit-text-fill-color: #fff;
+} .input__input_1orjp:focus::placeholder {
+    color: rgba(235, 235, 245, 0.32);
+} .input__error_1orjp {
     color: #f15045;
-} @media screen and (min-width: 360px) {
-} @media screen and (min-width: 390px) {
+    caret-color: #f15045;
+}
+.input__errorColorIcon_1pk8f {
+    color: #d91d0b;
+} .input__successColorIcon_1pk8f {
+    color: #2fc26e;
+} .input__focusVisible_1pk8f {
+    outline: 2px solid #0072ef;
+} @keyframes input__onautofillstart_1pk8f {
+    from {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
+    to {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
+    }
+} @keyframes input__onautofillcancel_1pk8f {
+    from {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
+    to {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
+    }
+}
+.input__input_1rrob {
+    color: #0e0e0e;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+} .input__input_1rrob:-webkit-autofill {
+    -webkit-text-fill-color: #0e0e0e;
+} .input__input_1rrob::placeholder {
+    color: rgba(60, 60, 67, 0.66);
+} .input__hasInnerLabel_1rrob::placeholder {
+    color: rgba(60, 60, 67, 0.4);
+} .input__clearIcon_1rrob {
+    color: #0e0e0e;
+} .input__input_1rrob:read-only {
+    color: rgba(60, 60, 67, 0.66)
+} .input__input_1rrob:read-only:focus::placeholder {
+        color: rgba(60, 60, 67, 0.66);
+    } .input__input_1rrob:disabled {
+    color: #0e0e0e;
+    -webkit-text-fill-color: #0e0e0e;
+} .input__input_1rrob:focus::placeholder {
+    color: rgba(60, 60, 67, 0.4);
+} .input__error_1rrob {
+    color: #ef3124;
+    caret-color: #ef3124;
 }.pass-code__error_1riz3 {
     color: #f15045;
 }
@@ -1999,7 +1995,11 @@
         color: #fff;
     } .pass-code__ghost_xi6ho.pass-code__ghost_xi6ho:active {
         background: rgba(255, 255, 255, 0.11);
-    }.drawer__backdropEnter_26j8d {
+    }.pattern-lock__error_12e4y {
+    color: #f15045;
+} @media screen and (min-width: 360px) {
+} @media screen and (min-width: 390px) {
+}.drawer__backdropEnter_26j8d {
     background-color: transparent;
 } .drawer__backdropEnterActive_26j8d,
 .drawer__backdropEnterDone_26j8d {
@@ -2681,6 +2681,19 @@
 .table__open_10pb7,
 .table__open_10pb7:hover {
     background-color: rgba(255, 255, 255, 0.163);
+}.intl-phone-input__emptyCountryIcon_dmvup {
+    color: #85858d;
+}
+.intl-phone-input__flagPlaceholder_ob0r3 {
+    background-color: rgba(255, 255, 255, 0.11);
+}
+.intl-phone-input__dialCode_gyh84 {
+    color: rgba(235, 235, 245, 0.54);
+}
+.intl-phone-input__emptyCountryIcon_ikohs {
+    color: #85858d;
+} .intl-phone-input__focusVisible_ikohs {
+    outline: 2px solid #0072ef;
 }.tabs__component_18std:before {
         background-color: #2b2b2e;
     } .tabs__title_18std {
@@ -2714,17 +2727,3 @@
 
 
 
-.intl-phone-input__emptyCountryIcon_dmvup {
-    color: #85858d;
-}
-.intl-phone-input__flagPlaceholder_ob0r3 {
-    background-color: rgba(255, 255, 255, 0.11);
-}
-.intl-phone-input__dialCode_gyh84 {
-    color: rgba(235, 235, 245, 0.54);
-}
-.intl-phone-input__emptyCountryIcon_ikohs {
-    color: #85858d;
-} .intl-phone-input__focusVisible_ikohs {
-    outline: 2px solid #0072ef;
-}

package/typography/component.js

@@ -7,9 +7,9 @@ var titleResponsive_component = require('./title-responsive/component.js');
 require('tslib');
 require('react');
 require('classnames');
-require('./colors.module-8684b744.js');
+require('./colors.module-d8aae182.js');
 require('./title/component.js');
-require('./common.module-330a1322.js');
+require('./common.module-cf90cef5.js');
 
 var Typography = {
     Title: title_index.Title,

package/typography/esm/component.js

@@ -5,9 +5,9 @@ import { TitleResponsive } from './title-responsive/component.js';
 import 'tslib';
 import 'react';
 import 'classnames';
-import './colors.module-6e47c39d.js';
+import './colors.module-768ec2b9.js';
 import './title/component.js';
-import './common.module-d47b4ed5.js';
+import './common.module-daaf7b8d.js';
 
 var Typography = {
     Title: Title,

package/typography/esm/index.js

@@ -4,9 +4,9 @@ import './text/component.js';
 import 'tslib';
 import 'react';
 import 'classnames';
-import './colors.module-6e47c39d.js';
+import './colors.module-768ec2b9.js';
 import './title/index.js';
 import './title/component.js';
-import './common.module-d47b4ed5.js';
+import './common.module-daaf7b8d.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/esm/text/component.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-6e47c39d.js';
+import { c as colors } from '../colors.module-768ec2b9.js';
 
 var styles = {"paragraph":"typography__paragraph_9kwgb","paragraphWithMargins":"typography__paragraphWithMargins_9kwgb","primary-large":"typography__primary-large_9kwgb","primary-medium":"typography__primary-medium_9kwgb","primary-small":"typography__primary-small_9kwgb","secondary-large":"typography__secondary-large_9kwgb","secondary-medium":"typography__secondary-medium_9kwgb","secondary-small":"typography__secondary-small_9kwgb","component":"typography__component_9kwgb","caps":"typography__caps_9kwgb","bold":"typography__bold_9kwgb","medium":"typography__medium_9kwgb","regular":"typography__regular_9kwgb","monospace":"typography__monospace_9kwgb","rowLimit1":"typography__rowLimit1_9kwgb","rowLimit2":"typography__rowLimit2_9kwgb","rowLimit3":"typography__rowLimit3_9kwgb"};
 require('./index.css');

package/typography/esm/text/index.js

@@ -2,4 +2,4 @@ export { Text } from './component.js';
 import 'tslib';
 import 'react';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
+import '../colors.module-768ec2b9.js';

package/typography/esm/title/component.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-6e47c39d.js';
+import { c as colors } from '../colors.module-768ec2b9.js';
 
 var Title = forwardRef(function (_a, ref) {
     var _b;

package/typography/esm/title/index.js

@@ -1,9 +1,9 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-d47b4ed5.js';
+import { c as commonStyles } from '../common.module-daaf7b8d.js';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
+import '../colors.module-768ec2b9.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_4smhk","styrene-large":"typography__styrene-large_4smhk","styrene-medium":"typography__styrene-medium_4smhk","styrene-small":"typography__styrene-small_4smhk","styrene-xsmall":"typography__styrene-xsmall_4smhk","system-xlarge":"typography__system-xlarge_4smhk","system-large":"typography__system-large_4smhk","system-medium":"typography__system-medium_4smhk","system-small":"typography__system-small_4smhk","system-xsmall":"typography__system-xsmall_4smhk","margins-xlarge":"typography__margins-xlarge_4smhk","margins-large":"typography__margins-large_4smhk","margins-medium":"typography__margins-medium_4smhk","margins-small":"typography__margins-small_4smhk","margins-xsmall":"typography__margins-xsmall_4smhk","rowLimit1":"typography__rowLimit1_4smhk","rowLimit2":"typography__rowLimit2_4smhk","rowLimit3":"typography__rowLimit3_4smhk"};
 require('./index.css');

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

@@ -1,9 +1,9 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-d47b4ed5.js';
+import { c as commonStyles } from '../common.module-daaf7b8d.js';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
+import '../colors.module-768ec2b9.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_4fokx","styrene-large":"typography__styrene-large_4fokx","styrene-medium":"typography__styrene-medium_4fokx","styrene-small":"typography__styrene-small_4fokx","styrene-xsmall":"typography__styrene-xsmall_4fokx","system-xlarge":"typography__system-xlarge_4fokx","system-large":"typography__system-large_4fokx","system-medium":"typography__system-medium_4fokx","system-small":"typography__system-small_4fokx","system-xsmall":"typography__system-xsmall_4fokx"};
 require('./index.css');

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

@@ -3,5 +3,5 @@ import 'tslib';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
-import '../common.module-d47b4ed5.js';
+import '../colors.module-768ec2b9.js';
+import '../common.module-daaf7b8d.js';

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

@@ -1,9 +1,9 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-d47b4ed5.js';
+import { c as commonStyles } from '../common.module-daaf7b8d.js';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
+import '../colors.module-768ec2b9.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_14t7h","styrene-large":"typography__styrene-large_14t7h","styrene-medium":"typography__styrene-medium_14t7h","styrene-small":"typography__styrene-small_14t7h","styrene-xsmall":"typography__styrene-xsmall_14t7h","system-xlarge":"typography__system-xlarge_14t7h","system-large":"typography__system-large_14t7h","system-medium":"typography__system-medium_14t7h","system-small":"typography__system-small_14t7h","system-xsmall":"typography__system-xsmall_14t7h","margins-xlarge":"typography__margins-xlarge_14t7h","margins-large":"typography__margins-large_14t7h","margins-medium":"typography__margins-medium_14t7h","margins-small":"typography__margins-small_14t7h","margins-xsmall":"typography__margins-xsmall_14t7h"};
 require('./index.css');

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

@@ -3,5 +3,5 @@ import 'tslib';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../colors.module-6e47c39d.js';
-import '../common.module-d47b4ed5.js';
+import '../colors.module-768ec2b9.js';
+import '../common.module-daaf7b8d.js';

package/typography/index.js

@@ -6,10 +6,10 @@ require('./text/component.js');
 require('tslib');
 require('react');
 require('classnames');
-require('./colors.module-8684b744.js');
+require('./colors.module-d8aae182.js');
 require('./title/index.js');
 require('./title/component.js');
-require('./common.module-330a1322.js');
+require('./common.module-cf90cef5.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-dbbd95bf.js';
+import './colors.module-29f8477d.js';
 import './title/component.js';
-import './common.module-363f4db4.js';
+import './common.module-37cdb42f.js';
 
 const Typography = {
     Title,