@alfalab/core-components-typography 3.1.0 → 3.1.1

package/esm/title-mobile/index.css

@@ -1,72 +1,68 @@
-/* hash: 22g47 */
+/* hash: q712k */
 :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_e1iak {
     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_e1iak {
     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_e1iak {
     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_e1iak {
     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_e1iak {
     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_e1iak {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-}
-.typography__system-large_1pauw {
+} .typography__system-large_e1iak {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-}
-.typography__system-medium_1pauw {
+} .typography__system-medium_e1iak {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-}
-.typography__system-small_1pauw {
+} .typography__system-small_e1iak {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-}
-.typography__system-xsmall_1pauw {
+} .typography__system-xsmall_e1iak {
     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-6c8a001e.js';
+import '../common.module-e5f2dd08.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-e5f2dd08.js';
 import 'classnames';
+import '../colors.module-6c8a001e.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_1ookc","styrene-large":"typography__styrene-large_1ookc","styrene-medium":"typography__styrene-medium_1ookc","styrene-small":"typography__styrene-small_1ookc","styrene-xsmall":"typography__styrene-xsmall_1ookc","system-xlarge":"typography__system-xlarge_1ookc","system-large":"typography__system-large_1ookc","system-medium":"typography__system-medium_1ookc","system-small":"typography__system-small_1ookc","system-xsmall":"typography__system-xsmall_1ookc","margins-xlarge":"typography__margins-xlarge_1ookc","margins-large":"typography__margins-large_1ookc","margins-medium":"typography__margins-medium_1ookc","margins-small":"typography__margins-small_1ookc","margins-xsmall":"typography__margins-xsmall_1ookc"};
 require('./index.css')
 
 var TitleResponsive = function (props) { return (

package/esm/title-responsive/index.css

@@ -1,151 +1,137 @@
-/* hash: 1qawm */
+/* hash: 1nux5 */
 :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_1ookc {
     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_1ookc {
     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_1ookc {
     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_1ookc {
     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_1ookc {
     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_1ookc {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-}
-.typography__system-large_39k3n {
+} .typography__system-large_1ookc {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-}
-.typography__system-medium_39k3n {
+} .typography__system-medium_1ookc {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__system-small_39k3n {
+} .typography__system-small_1ookc {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__system-xsmall_39k3n {
+} .typography__system-xsmall_1ookc {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-.typography__margins-xlarge_39k3n {
+} .typography__margins-xlarge_1ookc {
     margin: 0 0 var(--gap-xl);
-}
-.typography__margins-large_39k3n {
+} .typography__margins-large_1ookc {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-medium_39k3n {
+} .typography__margins-medium_1ookc {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-small_39k3n {
+} .typography__margins-small_1ookc {
     margin: var(--gap-3xl) 0 var(--gap-m);
-}
-.typography__margins-xsmall_39k3n {
+} .typography__margins-xsmall_1ookc {
     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_1ookc {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-large_39k3n {
+    .typography__system-large_1ookc {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-medium_39k3n {
+    .typography__system-medium_1ookc {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-small_39k3n {
+    .typography__system-small_1ookc {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_39k3n {
+    .typography__system-xsmall_1ookc {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_39k3n {
+    .typography__margins-xlarge_1ookc {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_39k3n {
+    .typography__margins-large_1ookc {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_39k3n {
+    .typography__margins-medium_1ookc {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-small_39k3n {
+    .typography__margins-small_1ookc {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_39k3n {
+    .typography__margins-xsmall_1ookc {
         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_1ookc {
         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_1ookc {
         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_1ookc {
         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_1ookc {
         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_1ookc {
         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_1ookc {
         font-size: 48px;
         line-height: 52px;
         font-weight: 700;
     }
 
-    .typography__system-large_39k3n {
+    .typography__system-large_1ookc {
         font-size: 40px;
         line-height: 48px;
         font-weight: 700;
     }
 
-    .typography__system-medium_39k3n {
+    .typography__system-medium_1ookc {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
     }
 
-    .typography__system-small_39k3n {
+    .typography__system-small_1ookc {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
     }
 
-    .typography__system-xsmall_39k3n {
+    .typography__system-xsmall_1ookc {
         font-size: 18px;
         line-height: 22px;
         font-weight: 700;
     }
 
-    .typography__margins-xlarge_39k3n {
+    .typography__margins-xlarge_1ookc {
         margin: 0 0 var(--gap-xl);
     }
 
-    .typography__margins-large_39k3n {
+    .typography__margins-large_1ookc {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-medium_39k3n {
+    .typography__margins-medium_1ookc {
         margin: var(--gap-4xl) 0 var(--gap-xl);
     }
 
-    .typography__margins-small_39k3n {
+    .typography__margins-small_1ookc {
         margin: var(--gap-3xl) 0 var(--gap-m);
     }
 
-    .typography__margins-xsmall_39k3n {
+    .typography__margins-xsmall_1ookc {
         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-6c8a001e.js';
+import '../common.module-e5f2dd08.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-fcf8e5d3.js');
 require('./title/index.js');
 require('./title/component.js');
-require('./common.module-0a9ad0fb.js');
+require('./common.module-cf8a6de7.js');
 require('./title-mobile/component.js');
 require('./title-responsive/component.js');
 

package/modern/colors.css

@@ -1,5 +1,6 @@
-/* hash: i62g2 */
+/* hash: 11u0a */
 :root {
+} /* deprecated */ :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;
     --color-light-text-disabled: rgba(11, 31, 53, 0.15);
@@ -12,49 +13,41 @@
     --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
     --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-/* colors */
-.typography__tertiary_5mg9e {
+} :root {
+} :root {
+} :root {
+} :root {
+} /* colors */ .typography__tertiary_2xsx1 {
     color: var(--color-light-text-tertiary);
-}
-.typography__disabled_5mg9e {
+} .typography__disabled_2xsx1 {
     color: var(--color-light-text-disabled);
-}
-.typography__accent_5mg9e {
+} .typography__accent_2xsx1 {
     color: var(--color-light-text-accent);
-}
-.typography__primary_5mg9e {
+} .typography__primary_2xsx1 {
     color: var(--color-light-text-primary);
-}
-.typography__attention_5mg9e {
+} .typography__attention_2xsx1 {
     color: var(--color-light-text-attention);
-}
-.typography__positive_5mg9e {
+} .typography__positive_2xsx1 {
     color: var(--color-light-text-positive);
-}
-.typography__secondary_5mg9e {
+} .typography__secondary_2xsx1 {
     color: var(--color-light-text-secondary);
-}
-.typography__tertiary-inverted_5mg9e {
+} .typography__tertiary-inverted_2xsx1 {
     color: var(--color-light-text-tertiary-inverted);
-}
-.typography__primary-inverted_5mg9e {
+} .typography__primary-inverted_2xsx1 {
     color: var(--color-light-text-primary-inverted);
-}
-.typography__secondary-inverted_5mg9e {
+} .typography__secondary-inverted_2xsx1 {
     color: var(--color-light-text-secondary-inverted);
-}
-.typography__link_5mg9e {
+} .typography__link_2xsx1 {
     color: var(--color-light-text-link);
-}
-.typography__negative_5mg9e {
+} .typography__negative_2xsx1 {
     color: var(--color-light-text-negative);
 }

package/modern/colors.module-cd27c99e.js

@@ -0,0 +1,4 @@
+const colors = {"tertiary":"typography__tertiary_2xsx1","disabled":"typography__disabled_2xsx1","accent":"typography__accent_2xsx1","primary":"typography__primary_2xsx1","attention":"typography__attention_2xsx1","positive":"typography__positive_2xsx1","secondary":"typography__secondary_2xsx1","tertiary-inverted":"typography__tertiary-inverted_2xsx1","primary-inverted":"typography__primary-inverted_2xsx1","secondary-inverted":"typography__secondary-inverted_2xsx1","link":"typography__link_2xsx1","negative":"typography__negative_2xsx1"};
+require('./colors.css')
+
+export { colors as c };

package/modern/common.module-83440d45.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"typography__component_t6v95","bold":"typography__bold_t6v95","medium":"typography__medium_t6v95","regular":"typography__regular_t6v95"};
+require('./title/common.css')
+
+export { commonStyles as c };

package/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-cbb33ea7.js';
+import './colors.module-cd27c99e.js';
 import './title/component.js';
-import './common.module-13ae7781.js';
+import './common.module-83440d45.js';
 
 const Typography = {
     Title,

package/modern/index.js

@@ -3,9 +3,9 @@ export { typographyPresets } from './presets.js';
 import './text/component.js';
 import 'react';
 import 'classnames';
-import './colors.module-cbb33ea7.js';
+import './colors.module-cd27c99e.js';
 import './title/index.js';
 import './title/component.js';
-import './common.module-13ae7781.js';
+import './common.module-83440d45.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/modern/text/component.js

@@ -1,8 +1,8 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-cbb33ea7.js';
+import { c as colors } from '../colors.module-cd27c99e.js';
 
-const styles = {"paragraph":"typography__paragraph_9xfoj","paragraphWithMargins":"typography__paragraphWithMargins_9xfoj","primary-large":"typography__primary-large_9xfoj","primary-medium":"typography__primary-medium_9xfoj","primary-small":"typography__primary-small_9xfoj","secondary-large":"typography__secondary-large_9xfoj","secondary-medium":"typography__secondary-medium_9xfoj","secondary-small":"typography__secondary-small_9xfoj","component":"typography__component_9xfoj","caps":"typography__caps_9xfoj","bold":"typography__bold_9xfoj","medium":"typography__medium_9xfoj","regular":"typography__regular_9xfoj","monospace":"typography__monospace_9xfoj","rowLimit1":"typography__rowLimit1_9xfoj","rowLimit2":"typography__rowLimit2_9xfoj","rowLimit3":"typography__rowLimit3_9xfoj"};
+const styles = {"paragraph":"typography__paragraph_1blhj","paragraphWithMargins":"typography__paragraphWithMargins_1blhj","primary-large":"typography__primary-large_1blhj","primary-medium":"typography__primary-medium_1blhj","primary-small":"typography__primary-small_1blhj","secondary-large":"typography__secondary-large_1blhj","secondary-medium":"typography__secondary-medium_1blhj","secondary-small":"typography__secondary-small_1blhj","component":"typography__component_1blhj","caps":"typography__caps_1blhj","bold":"typography__bold_1blhj","medium":"typography__medium_1blhj","regular":"typography__regular_1blhj","monospace":"typography__monospace_1blhj","rowLimit1":"typography__rowLimit1_1blhj","rowLimit2":"typography__rowLimit2_1blhj","rowLimit3":"typography__rowLimit3_1blhj"};
 require('./index.css')
 
 const Text = forwardRef(({ view = 'primary-medium', tag: Component = 'span', weight, monospaceNumbers = false, defaultMargins = true, color, className, dataTestId, children, rowLimit, ...restProps }, ref) => (React.createElement(Component, { className: cn({