@alfalab/core-components-typography 3.1.0 → 3.2.0

package/esm/title/index.css

@@ -1,111 +1,97 @@
-/* hash: gzpp9 */
+/* hash: 1261a */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-3xl: 40px;
     --gap-4xl: 48px;
-}
-:root {
+} :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
-}
-.typography__styrene-xlarge_17h0l {
+} :root {
+} .typography__styrene-xlarge_1ixkt {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-large_17h0l {
+} .typography__styrene-large_1ixkt {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-medium_17h0l {
+} .typography__styrene-medium_1ixkt {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-small_17h0l {
+} .typography__styrene-small_1ixkt {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-xsmall_17h0l {
+} .typography__styrene-xsmall_1ixkt {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__system-xlarge_17h0l {
+} .typography__system-xlarge_1ixkt {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
-}
-.typography__system-large_17h0l {
+} .typography__system-large_1ixkt {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
-}
-.typography__system-medium_17h0l {
+} .typography__system-medium_1ixkt {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-}
-.typography__system-small_17h0l {
+} .typography__system-small_1ixkt {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-}
-.typography__system-xsmall_17h0l {
+} .typography__system-xsmall_1ixkt {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__margins-xlarge_17h0l {
+} .typography__margins-xlarge_1ixkt {
     margin: 0 0 var(--gap-xl);
-}
-.typography__margins-large_17h0l {
+} .typography__margins-large_1ixkt {
     margin: var(--gap-4xl) 0 var(--gap-xl);
-}
-.typography__margins-medium_17h0l {
+} .typography__margins-medium_1ixkt {
     margin: var(--gap-4xl) 0 var(--gap-xl);
-}
-.typography__margins-small_17h0l {
+} .typography__margins-small_1ixkt {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-xsmall_17h0l {
+} .typography__margins-xsmall_1ixkt {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__rowLimit1_17h0l {
+} .typography__rowLimit1_1ixkt {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-}
-.typography__rowLimit2_17h0l {
+} .typography__rowLimit2_1ixkt {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-}
-.typography__rowLimit3_17h0l {
+} .typography__rowLimit3_1ixkt {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/esm/title/index.js

@@ -1,10 +1,11 @@
-import { a as __assign } from '../colors.module-42065957.js';
+import { __assign } from 'tslib';
 import React from 'react';
 import { Title as Title$1 } from './component.js';
-import { c as commonStyles } from '../common.module-cc423fc9.js';
+import { c as commonStyles } from '../common.module-a19344da.js';
 import 'classnames';
+import '../colors.module-308e84a9.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_17h0l","styrene-large":"typography__styrene-large_17h0l","styrene-medium":"typography__styrene-medium_17h0l","styrene-small":"typography__styrene-small_17h0l","styrene-xsmall":"typography__styrene-xsmall_17h0l","system-xlarge":"typography__system-xlarge_17h0l","system-large":"typography__system-large_17h0l","system-medium":"typography__system-medium_17h0l","system-small":"typography__system-small_17h0l","system-xsmall":"typography__system-xsmall_17h0l","margins-xlarge":"typography__margins-xlarge_17h0l","margins-large":"typography__margins-large_17h0l","margins-medium":"typography__margins-medium_17h0l","margins-small":"typography__margins-small_17h0l","margins-xsmall":"typography__margins-xsmall_17h0l","rowLimit1":"typography__rowLimit1_17h0l","rowLimit2":"typography__rowLimit2_17h0l","rowLimit3":"typography__rowLimit3_17h0l"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ixkt","styrene-large":"typography__styrene-large_1ixkt","styrene-medium":"typography__styrene-medium_1ixkt","styrene-small":"typography__styrene-small_1ixkt","styrene-xsmall":"typography__styrene-xsmall_1ixkt","system-xlarge":"typography__system-xlarge_1ixkt","system-large":"typography__system-large_1ixkt","system-medium":"typography__system-medium_1ixkt","system-small":"typography__system-small_1ixkt","system-xsmall":"typography__system-xsmall_1ixkt","margins-xlarge":"typography__margins-xlarge_1ixkt","margins-large":"typography__margins-large_1ixkt","margins-medium":"typography__margins-medium_1ixkt","margins-small":"typography__margins-small_1ixkt","margins-xsmall":"typography__margins-xsmall_1ixkt","rowLimit1":"typography__rowLimit1_1ixkt","rowLimit2":"typography__rowLimit2_1ixkt","rowLimit3":"typography__rowLimit3_1ixkt"};
 require('./index.css')
 
 var Title = function (props) { return (

package/esm/title-mobile/component.js

@@ -1,10 +1,11 @@
-import { a as __assign } from '../colors.module-42065957.js';
+import { __assign } from 'tslib';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-cc423fc9.js';
+import { c as commonStyles } from '../common.module-a19344da.js';
 import 'classnames';
+import '../colors.module-308e84a9.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_1pauw","styrene-large":"typography__styrene-large_1pauw","styrene-medium":"typography__styrene-medium_1pauw","styrene-small":"typography__styrene-small_1pauw","styrene-xsmall":"typography__styrene-xsmall_1pauw","system-xlarge":"typography__system-xlarge_1pauw","system-large":"typography__system-large_1pauw","system-medium":"typography__system-medium_1pauw","system-small":"typography__system-small_1pauw","system-xsmall":"typography__system-xsmall_1pauw"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_brqjo","styrene-large":"typography__styrene-large_brqjo","styrene-medium":"typography__styrene-medium_brqjo","styrene-small":"typography__styrene-small_brqjo","styrene-xsmall":"typography__styrene-xsmall_brqjo","system-xlarge":"typography__system-xlarge_brqjo","system-large":"typography__system-large_brqjo","system-medium":"typography__system-medium_brqjo","system-small":"typography__system-small_brqjo","system-xsmall":"typography__system-xsmall_brqjo"};
 require('./index.css')
 
 var TitleMobile = function (props) { return (

package/esm/title-mobile/index.css

@@ -1,72 +1,68 @@
-/* hash: 22g47 */
+/* hash: 1fx8l */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
-}
-.typography__styrene-xlarge_1pauw {
+} :root {
+} .typography__styrene-xlarge_brqjo {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-large_1pauw {
+} .typography__styrene-large_brqjo {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-medium_1pauw {
+} .typography__styrene-medium_brqjo {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-small_1pauw {
+} .typography__styrene-small_brqjo {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-xsmall_1pauw {
+} .typography__styrene-xsmall_brqjo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__system-xlarge_1pauw {
+} .typography__system-xlarge_brqjo {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-}
-.typography__system-large_1pauw {
+} .typography__system-large_brqjo {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-}
-.typography__system-medium_1pauw {
+} .typography__system-medium_brqjo {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-}
-.typography__system-small_1pauw {
+} .typography__system-small_brqjo {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-}
-.typography__system-xsmall_1pauw {
+} .typography__system-xsmall_brqjo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;

package/esm/title-mobile/index.js

@@ -1,6 +1,7 @@
 export { TitleMobile } from './component.js';
-import '../colors.module-42065957.js';
+import 'tslib';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-cc423fc9.js';
+import '../colors.module-308e84a9.js';
+import '../common.module-a19344da.js';

package/esm/title-responsive/component.js

@@ -1,10 +1,11 @@
-import { a as __assign } from '../colors.module-42065957.js';
+import { __assign } from 'tslib';
 import React from 'react';
 import { Title } from '../title/component.js';
-import { c as commonStyles } from '../common.module-cc423fc9.js';
+import { c as commonStyles } from '../common.module-a19344da.js';
 import 'classnames';
+import '../colors.module-308e84a9.js';
 
-var styles = {"styrene-xlarge":"typography__styrene-xlarge_39k3n","styrene-large":"typography__styrene-large_39k3n","styrene-medium":"typography__styrene-medium_39k3n","styrene-small":"typography__styrene-small_39k3n","styrene-xsmall":"typography__styrene-xsmall_39k3n","system-xlarge":"typography__system-xlarge_39k3n","system-large":"typography__system-large_39k3n","system-medium":"typography__system-medium_39k3n","system-small":"typography__system-small_39k3n","system-xsmall":"typography__system-xsmall_39k3n","margins-xlarge":"typography__margins-xlarge_39k3n","margins-large":"typography__margins-large_39k3n","margins-medium":"typography__margins-medium_39k3n","margins-small":"typography__margins-small_39k3n","margins-xsmall":"typography__margins-xsmall_39k3n"};
+var styles = {"styrene-xlarge":"typography__styrene-xlarge_1x9yf","styrene-large":"typography__styrene-large_1x9yf","styrene-medium":"typography__styrene-medium_1x9yf","styrene-small":"typography__styrene-small_1x9yf","styrene-xsmall":"typography__styrene-xsmall_1x9yf","system-xlarge":"typography__system-xlarge_1x9yf","system-large":"typography__system-large_1x9yf","system-medium":"typography__system-medium_1x9yf","system-small":"typography__system-small_1x9yf","system-xsmall":"typography__system-xsmall_1x9yf","margins-xlarge":"typography__margins-xlarge_1x9yf","margins-large":"typography__margins-large_1x9yf","margins-medium":"typography__margins-medium_1x9yf","margins-small":"typography__margins-small_1x9yf","margins-xsmall":"typography__margins-xsmall_1x9yf"};
 require('./index.css')
 
 var TitleResponsive = function (props) { return (

package/esm/title-responsive/index.css

@@ -1,151 +1,137 @@
-/* hash: 1qawm */
+/* hash: 1n2ge */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-3xl: 40px;
     --gap-4xl: 48px;
-}
-:root {
+} :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
-}
-/* TODO: поменять медиа-запросы на миксины */
-.typography__styrene-xlarge_39k3n {
+} :root {
+} /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1x9yf {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-large_39k3n {
+} .typography__styrene-large_1x9yf {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-medium_39k3n {
+} .typography__styrene-medium_1x9yf {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-small_39k3n {
+} .typography__styrene-small_1x9yf {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__styrene-xsmall_39k3n {
+} .typography__styrene-xsmall_1x9yf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-.typography__system-xlarge_39k3n {
+} .typography__system-xlarge_1x9yf {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-}
-.typography__system-large_39k3n {
+} .typography__system-large_1x9yf {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-}
-.typography__system-medium_39k3n {
+} .typography__system-medium_1x9yf {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__system-small_39k3n {
+} .typography__system-small_1x9yf {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__system-xsmall_39k3n {
+} .typography__system-xsmall_1x9yf {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__margins-xlarge_39k3n {
+} .typography__margins-xlarge_1x9yf {
     margin: 0 0 var(--gap-xl);
-}
-.typography__margins-large_39k3n {
+} .typography__margins-large_1x9yf {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-medium_39k3n {
+} .typography__margins-medium_1x9yf {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-small_39k3n {
+} .typography__margins-small_1x9yf {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-xsmall_39k3n {
+} .typography__margins-xsmall_1x9yf {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-@media screen and (min-width: 600px) {
-    .typography__system-xlarge_39k3n {
+} @media screen and (min-width: 600px) {
+    .typography__system-xlarge_1x9yf {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-large_39k3n {
+    .typography__system-large_1x9yf {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-medium_39k3n {
+    .typography__system-medium_1x9yf {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-small_39k3n {
+    .typography__system-small_1x9yf {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_39k3n {
+    .typography__system-xsmall_1x9yf {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_39k3n {
+    .typography__margins-xlarge_1x9yf {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_39k3n {
+    .typography__margins-large_1x9yf {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_39k3n {
+    .typography__margins-medium_1x9yf {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-small_39k3n {
+    .typography__margins-small_1x9yf {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_39k3n {
+    .typography__margins-xsmall_1x9yf {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
-}
-@media screen and (min-width: 1024px) {
-    .typography__styrene-xlarge_39k3n {
+} @media screen and (min-width: 1024px) {
+    .typography__styrene-xlarge_1x9yf {
         font-size: 48px;
         line-height: 64px;
         font-weight: 500;
@@ -153,7 +139,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-large_39k3n {
+    .typography__styrene-large_1x9yf {
         font-size: 40px;
         line-height: 48px;
         font-weight: 500;
@@ -161,7 +147,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-medium_39k3n {
+    .typography__styrene-medium_1x9yf {
         font-size: 32px;
         line-height: 40px;
         font-weight: 500;
@@ -169,7 +155,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-small_39k3n {
+    .typography__styrene-small_1x9yf {
         font-size: 24px;
         line-height: 32px;
         font-weight: 500;
@@ -177,7 +163,7 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__styrene-xsmall_39k3n {
+    .typography__styrene-xsmall_1x9yf {
         font-size: 20px;
         line-height: 24px;
         font-weight: 500;
@@ -185,53 +171,53 @@
         font-family: var(--font-family-styrene);
     }
 
-    .typography__system-xlarge_39k3n {
+    .typography__system-xlarge_1x9yf {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
     }
 
-    .typography__system-large_39k3n {
+    .typography__system-large_1x9yf {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-medium_39k3n {
+    .typography__system-medium_1x9yf {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-small_39k3n {
+    .typography__system-small_1x9yf {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_39k3n {
+    .typography__system-xsmall_1x9yf {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_39k3n {
+    .typography__margins-xlarge_1x9yf {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_39k3n {
+    .typography__margins-large_1x9yf {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_39k3n {
+    .typography__margins-medium_1x9yf {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-small_39k3n {
+    .typography__margins-small_1x9yf {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_39k3n {
+    .typography__margins-xsmall_1x9yf {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 }

package/esm/title-responsive/index.js

@@ -1,6 +1,7 @@
 export { TitleResponsive } from './component.js';
-import '../colors.module-42065957.js';
+import 'tslib';
 import 'react';
 import '../title/component.js';
 import 'classnames';
-import '../common.module-cc423fc9.js';
+import '../colors.module-308e84a9.js';
+import '../common.module-a19344da.js';

package/index.js

@@ -3,12 +3,13 @@
 var component = require('./component.js');
 var presets = require('./presets.js');
 require('./text/component.js');
-require('./colors.module-bc993287.js');
+require('tslib');
 require('react');
 require('classnames');
+require('./colors.module-15de3c41.js');
 require('./title/index.js');
 require('./title/component.js');
-require('./common.module-0a9ad0fb.js');
+require('./common.module-f948e7d5.js');
 require('./title-mobile/component.js');
 require('./title-responsive/component.js');