@alfalab/core-components 47.2.0 → 47.3.0-beta.1

package/typography/cssm/title/index.module.css

@@ -79,20 +79,4 @@
     margin: var(--gap-3xl) 0 var(--gap-m);
 } .margins-xsmall {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .rowLimit1 {
-    -webkit-line-clamp: 1;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    word-break: break-all;
-} .rowLimit2 {
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-} .rowLimit3 {
-    -webkit-line-clamp: 3;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
 }

package/typography/esm/colors.css

@@ -33,42 +33,42 @@
 } :root {
 } :root {
 } :root {
-} /* colors */ .typography__tertiary_zzem1 {
+} /* colors */ .typography__tertiary_1xd5u {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_zzem1 {
+} .typography__disabled_1xd5u {
     color: var(--color-light-text-quaternary);
-} .typography__accent_zzem1 {
+} .typography__accent_1xd5u {
     color: var(--color-light-accent-primary);
-} .typography__primary_zzem1 {
+} .typography__primary_1xd5u {
     color: var(--color-light-text-primary);
-} .typography__attention_zzem1 {
+} .typography__attention_1xd5u {
     color: var(--color-light-text-attention);
-} .typography__positive_zzem1 {
+} .typography__positive_1xd5u {
     color: var(--color-light-text-positive);
-} .typography__secondary_zzem1 {
+} .typography__secondary_1xd5u {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_zzem1 {
+} .typography__tertiary-inverted_1xd5u {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_zzem1 {
+} .typography__primary-inverted_1xd5u {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_zzem1 {
+} .typography__secondary-inverted_1xd5u {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_zzem1 {
+} .typography__link_1xd5u {
     color: var(--color-light-text-info);
-} .typography__negative_zzem1 {
+} .typography__negative_1xd5u {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_zzem1 {
+} .typography__static-primary-light_1xd5u {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_zzem1 {
+} .typography__static-secondary-light_1xd5u {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_zzem1 {
+} .typography__static-tertiary-light_1xd5u {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_zzem1 {
+} .typography__static-primary-dark_1xd5u {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_zzem1 {
+} .typography__static-secondary-dark_1xd5u {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_zzem1 {
+} .typography__static-tertiary-dark_1xd5u {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_zzem1 {
+} .typography__static-accent_1xd5u {
     color: var(--color-static-accent-primary);
 }

package/typography/esm/colors.module-8f3b9ff3.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_1xd5u","disabled":"typography__disabled_1xd5u","accent":"typography__accent_1xd5u","primary":"typography__primary_1xd5u","attention":"typography__attention_1xd5u","positive":"typography__positive_1xd5u","secondary":"typography__secondary_1xd5u","tertiary-inverted":"typography__tertiary-inverted_1xd5u","primary-inverted":"typography__primary-inverted_1xd5u","secondary-inverted":"typography__secondary-inverted_1xd5u","link":"typography__link_1xd5u","negative":"typography__negative_1xd5u","static-primary-light":"typography__static-primary-light_1xd5u","static-secondary-light":"typography__static-secondary-light_1xd5u","static-tertiary-light":"typography__static-tertiary-light_1xd5u","static-primary-dark":"typography__static-primary-dark_1xd5u","static-secondary-dark":"typography__static-secondary-dark_1xd5u","static-tertiary-dark":"typography__static-tertiary-dark_1xd5u","static-accent":"typography__static-accent_1xd5u"};
+require('./colors.css');
+
+export { colors as c };

package/typography/esm/common.module-f74d848f.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_1b8ja","bold":"typography__bold_1b8ja","semibold":"typography__semibold_1b8ja","medium":"typography__medium_1b8ja","regular":"typography__regular_1b8ja","rowLimit1":"typography__rowLimit1_1b8ja","rowLimit2":"typography__rowLimit2_1b8ja","rowLimit3":"typography__rowLimit3_1b8ja"};
+require('./title/common.css');
+
+export { commonStyles as c };

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-8bc0edcd.js';
+import './colors.module-8f3b9ff3.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-ccd53e42.js';
+import './common.module-f74d848f.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/hooks/use-skeleton.css

@@ -15,12 +15,12 @@
 } :root {
 } :root {
 } :root {
-} .typography__skeletonText_kqkms.typography__skeletonText_kqkms {
+} .typography__skeletonText_vv96e.typography__skeletonText_vv96e {
     border-radius: var(--border-radius-pill);
-} .typography__left_kqkms > div {
+} .typography__left_vv96e > div {
     margin-right: auto;
-} .typography__center_kqkms > div {
+} .typography__center_vv96e > div {
     margin: 0 auto;
-} .typography__right_kqkms > div {
+} .typography__right_vv96e > div {
     margin-left: auto;
 }

package/typography/esm/hooks/use-skeleton.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Skeleton } from '../../../skeleton/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
-var styles = {"skeletonText":"typography__skeletonText_kqkms","left":"typography__left_kqkms","center":"typography__center_kqkms","right":"typography__right_kqkms"};
+var styles = {"skeletonText":"typography__skeletonText_vv96e","left":"typography__left_vv96e","center":"typography__center_vv96e","right":"typography__right_vv96e"};
 require('./use-skeleton.css');
 
 function useSkeleton(showSkeleton, skeletonProps) {

package/typography/esm/index.js

@@ -8,11 +8,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-8bc0edcd.js';
+import './colors.module-8f3b9ff3.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-ccd53e42.js';
+import './common.module-f74d848f.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,11 +3,11 @@ 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-8bc0edcd.js';
+import { c as colors } from '../colors.module-8f3b9ff3.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 
-var styles = {"paragraph":"typography__paragraph_18f0z","paragraphWithMargins":"typography__paragraphWithMargins_18f0z","primary-large":"typography__primary-large_18f0z","primary-medium":"typography__primary-medium_18f0z","primary-small":"typography__primary-small_18f0z","secondary-large":"typography__secondary-large_18f0z","secondary-medium":"typography__secondary-medium_18f0z","secondary-small":"typography__secondary-small_18f0z","component":"typography__component_18f0z","component-primary":"typography__component-primary_18f0z","component-secondary":"typography__component-secondary_18f0z","caps":"typography__caps_18f0z","bold":"typography__bold_18f0z","medium":"typography__medium_18f0z","regular":"typography__regular_18f0z","monospace":"typography__monospace_18f0z","rowLimit1":"typography__rowLimit1_18f0z","rowLimit2":"typography__rowLimit2_18f0z","rowLimit3":"typography__rowLimit3_18f0z"};
+var styles = {"paragraph":"typography__paragraph_11u49","paragraphWithMargins":"typography__paragraphWithMargins_11u49","primary-large":"typography__primary-large_11u49","primary-medium":"typography__primary-medium_11u49","primary-small":"typography__primary-small_11u49","secondary-large":"typography__secondary-large_11u49","secondary-medium":"typography__secondary-medium_11u49","secondary-small":"typography__secondary-small_11u49","component":"typography__component_11u49","component-primary":"typography__component-primary_11u49","component-secondary":"typography__component-secondary_11u49","caps":"typography__caps_11u49","bold":"typography__bold_11u49","medium":"typography__medium_11u49","regular":"typography__regular_11u49","monospace":"typography__monospace_11u49","rowLimit1":"typography__rowLimit1_11u49","rowLimit2":"typography__rowLimit2_11u49","rowLimit3":"typography__rowLimit3_11u49"};
 require('./index.css');
 
 var logWarning = function (view) {

package/typography/esm/text/index.css

@@ -17,74 +17,74 @@
 } :root {
 } :root {
     --text-paragraph-margin-bottom: 0 0 var(--gap-s);
-} .typography__paragraph_18f0z {
+} .typography__paragraph_11u49 {
     margin: 0;
     padding: 0;
-} .typography__paragraphWithMargins_18f0z {
+} .typography__paragraphWithMargins_11u49 {
     padding: 0;
     margin: var(--text-paragraph-margin-bottom);
-} .typography__primary-large_18f0z {
+} .typography__primary-large_11u49 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-medium_18f0z {
+} .typography__primary-medium_11u49 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-small_18f0z {
+} .typography__primary-small_11u49 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .typography__secondary-large_18f0z {
+} .typography__secondary-large_11u49 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-medium_18f0z {
+} .typography__secondary-medium_11u49 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-small_18f0z {
+} .typography__secondary-small_11u49 {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .typography__component_18f0z {
+} .typography__component_11u49 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-primary_18f0z {
+} .typography__component-primary_11u49 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__component-secondary_18f0z {
+} .typography__component-secondary_11u49 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .typography__caps_18f0z {
+} .typography__caps_11u49 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__bold_18f0z {
+} .typography__bold_11u49 {
     font-weight: bold;
-} .typography__medium_18f0z {
+} .typography__medium_11u49 {
     font-weight: 500;
-} .typography__regular_18f0z {
+} .typography__regular_11u49 {
     font-weight: normal;
-} .typography__monospace_18f0z {
+} .typography__monospace_11u49 {
     font-variant-numeric: tabular-nums;
-} .typography__rowLimit1_18f0z {
+} .typography__rowLimit1_11u49 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_18f0z {
+} .typography__rowLimit2_11u49 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_18f0z {
+} .typography__rowLimit3_11u49 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

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-8bc0edcd.js';
+import '../colors.module-8f3b9ff3.js';

package/typography/esm/title/common.css

@@ -1,17 +1,43 @@
 /* hash: 32mqu */
-.typography__component_14nmk {
+.typography__component_1b8ja {
     margin: 0;
     padding: 0
 }
-.typography__component_14nmk.typography__bold_14nmk {
+
+.typography__component_1b8ja.typography__bold_1b8ja {
         font-weight: bold;
     }
-.typography__component_14nmk.typography__semibold_14nmk {
+
+.typography__component_1b8ja.typography__semibold_1b8ja {
         font-weight: 600;
     }
-.typography__component_14nmk.typography__medium_14nmk {
+
+.typography__component_1b8ja.typography__medium_1b8ja {
         font-weight: 500;
     }
-.typography__component_14nmk.typography__regular_14nmk {
+
+.typography__component_1b8ja.typography__regular_1b8ja {
         font-weight: normal;
     }
+
+.typography__rowLimit1_1b8ja {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+.typography__rowLimit2_1b8ja {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.typography__rowLimit3_1b8ja {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

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-8bc0edcd.js';
+import { c as colors } from '../colors.module-8f3b9ff3.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/title/index.css

@@ -20,80 +20,64 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .typography__styrene-xlarge_1fvhz {
+} .typography__styrene-xlarge_19al8 {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_1fvhz {
+} .typography__styrene-large_19al8 {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_1fvhz {
+} .typography__styrene-medium_19al8 {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_1fvhz {
+} .typography__styrene-small_19al8 {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_1fvhz {
+} .typography__styrene-xsmall_19al8 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_1fvhz {
+} .typography__system-xlarge_19al8 {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
-} .typography__system-large_1fvhz {
+} .typography__system-large_19al8 {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
-} .typography__system-medium_1fvhz {
+} .typography__system-medium_19al8 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-} .typography__system-small_1fvhz {
+} .typography__system-small_19al8 {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-} .typography__system-xsmall_1fvhz {
+} .typography__system-xsmall_19al8 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .typography__margins-xlarge_1fvhz {
+} .typography__margins-xlarge_19al8 {
     margin: 0 0 var(--gap-xl);
-} .typography__margins-large_1fvhz {
+} .typography__margins-large_19al8 {
     margin: var(--gap-4xl) 0 var(--gap-xl);
-} .typography__margins-medium_1fvhz {
+} .typography__margins-medium_19al8 {
     margin: var(--gap-4xl) 0 var(--gap-xl);
-} .typography__margins-small_1fvhz {
+} .typography__margins-small_19al8 {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .typography__margins-xsmall_1fvhz {
+} .typography__margins-xsmall_19al8 {
     margin: var(--gap-3xl) 0 var(--gap-m);
-} .typography__rowLimit1_1fvhz {
-    -webkit-line-clamp: 1;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    word-break: break-all;
-} .typography__rowLimit2_1fvhz {
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-} .typography__rowLimit3_1fvhz {
-    -webkit-line-clamp: 3;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
 }

package/typography/esm/title/index.js

@@ -1,16 +1,16 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-ccd53e42.js';
+import { c as commonStyles } from '../common.module-f74d848f.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-8bc0edcd.js';
+import '../colors.module-8f3b9ff3.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1fvhz","styrene-large":"typography__styrene-large_1fvhz","styrene-medium":"typography__styrene-medium_1fvhz","styrene-small":"typography__styrene-small_1fvhz","styrene-xsmall":"typography__styrene-xsmall_1fvhz","system-xlarge":"typography__system-xlarge_1fvhz","system-large":"typography__system-large_1fvhz","system-medium":"typography__system-medium_1fvhz","system-small":"typography__system-small_1fvhz","system-xsmall":"typography__system-xsmall_1fvhz","margins-xlarge":"typography__margins-xlarge_1fvhz","margins-large":"typography__margins-large_1fvhz","margins-medium":"typography__margins-medium_1fvhz","margins-small":"typography__margins-small_1fvhz","margins-xsmall":"typography__margins-xsmall_1fvhz","rowLimit1":"typography__rowLimit1_1fvhz","rowLimit2":"typography__rowLimit2_1fvhz","rowLimit3":"typography__rowLimit3_1fvhz"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_19al8","styrene-large":"typography__styrene-large_19al8","styrene-medium":"typography__styrene-medium_19al8","styrene-small":"typography__styrene-small_19al8","styrene-xsmall":"typography__styrene-xsmall_19al8","system-xlarge":"typography__system-xlarge_19al8","system-large":"typography__system-large_19al8","system-medium":"typography__system-medium_19al8","system-small":"typography__system-small_19al8","system-xsmall":"typography__system-xsmall_19al8","margins-xlarge":"typography__margins-xlarge_19al8","margins-large":"typography__margins-large_19al8","margins-medium":"typography__margins-medium_19al8","margins-small":"typography__margins-small_19al8","margins-xsmall":"typography__margins-xsmall_19al8"};
 require('./index.css');
 
 var Title = forwardRef(function (props, ref) { return (React.createElement(TitleBase, __assign({}, props, { styles: Object.assign(commonStyles, styles), ref: ref, platform: 'desktop' }))); });

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

@@ -1,16 +1,16 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-ccd53e42.js';
+import { c as commonStyles } from '../common.module-f74d848f.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-8bc0edcd.js';
+import '../colors.module-8f3b9ff3.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_juy6e","styrene-large":"typography__styrene-large_juy6e","styrene-medium":"typography__styrene-medium_juy6e","styrene-small":"typography__styrene-small_juy6e","styrene-xsmall":"typography__styrene-xsmall_juy6e","system-xlarge":"typography__system-xlarge_juy6e","system-large":"typography__system-large_juy6e","system-medium":"typography__system-medium_juy6e","system-small":"typography__system-small_juy6e","system-xsmall":"typography__system-xsmall_juy6e"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_uzmq0","styrene-large":"typography__styrene-large_uzmq0","styrene-medium":"typography__styrene-medium_uzmq0","styrene-small":"typography__styrene-small_uzmq0","styrene-xsmall":"typography__styrene-xsmall_uzmq0","system-xlarge":"typography__system-xlarge_uzmq0","system-large":"typography__system-large_uzmq0","system-medium":"typography__system-medium_uzmq0","system-small":"typography__system-small_uzmq0","system-xsmall":"typography__system-xsmall_uzmq0"};
 require('./index.css');
 
 var TitleMobile = forwardRef(function (props, ref) { return (React.createElement(TitleBase, __assign({}, props, { styles: Object.assign(commonStyles, styles), ref: ref, platform: 'mobile' }))); });

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

@@ -16,53 +16,53 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .typography__styrene-xlarge_juy6e {
+} .typography__styrene-xlarge_uzmq0 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-large_juy6e {
+} .typography__styrene-large_uzmq0 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-medium_juy6e {
+} .typography__styrene-medium_uzmq0 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-small_juy6e {
+} .typography__styrene-small_uzmq0 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__styrene-xsmall_juy6e {
+} .typography__styrene-xsmall_uzmq0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .typography__system-xlarge_juy6e {
+} .typography__system-xlarge_uzmq0 {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-} .typography__system-large_juy6e {
+} .typography__system-large_uzmq0 {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-} .typography__system-medium_juy6e {
+} .typography__system-medium_uzmq0 {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-} .typography__system-small_juy6e {
+} .typography__system-small_uzmq0 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-} .typography__system-xsmall_juy6e {
+} .typography__system-xsmall_uzmq0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;

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-8bc0edcd.js';
-import '../common.module-ccd53e42.js';
+import '../colors.module-8f3b9ff3.js';
+import '../common.module-f74d848f.js';

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

@@ -2,16 +2,16 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/esm';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-ccd53e42.js';
+import { c as commonStyles } from '../common.module-f74d848f.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-8bc0edcd.js';
+import '../colors.module-8f3b9ff3.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1kwqp","styrene-large":"typography__styrene-large_1kwqp","styrene-medium":"typography__styrene-medium_1kwqp","styrene-small":"typography__styrene-small_1kwqp","styrene-xsmall":"typography__styrene-xsmall_1kwqp","system-xlarge":"typography__system-xlarge_1kwqp","system-large":"typography__system-large_1kwqp","system-medium":"typography__system-medium_1kwqp","system-small":"typography__system-small_1kwqp","system-xsmall":"typography__system-xsmall_1kwqp","margins-xlarge":"typography__margins-xlarge_1kwqp","margins-large":"typography__margins-large_1kwqp","margins-medium":"typography__margins-medium_1kwqp","margins-small":"typography__margins-small_1kwqp","margins-xsmall":"typography__margins-xsmall_1kwqp"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ebtz","styrene-large":"typography__styrene-large_1ebtz","styrene-medium":"typography__styrene-medium_1ebtz","styrene-small":"typography__styrene-small_1ebtz","styrene-xsmall":"typography__styrene-xsmall_1ebtz","system-xlarge":"typography__system-xlarge_1ebtz","system-large":"typography__system-large_1ebtz","system-medium":"typography__system-medium_1ebtz","system-small":"typography__system-small_1ebtz","system-xsmall":"typography__system-xsmall_1ebtz","margins-xlarge":"typography__margins-xlarge_1ebtz","margins-large":"typography__margins-large_1ebtz","margins-medium":"typography__margins-medium_1ebtz","margins-small":"typography__margins-small_1ebtz","margins-xsmall":"typography__margins-xsmall_1ebtz"};
 require('./index.css');
 
 var TitleResponsive = forwardRef(function (props, ref) {