@alfalab/core-components 45.5.0-rc.2 → 45.6.0

package/text/mixin.css

@@ -16,359 +16,359 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} .text__accent-caps_15iug {
+} .text__accent-caps_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .text__accent-component-primary_15iug {
+} .text__accent-component-primary_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 700;
-} .text__accent-component-secondary_15iug {
+} .text__accent-component-secondary_xrqdm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 700;
-} .text__accent-primary-large_15iug {
+} .text__accent-primary-large_xrqdm {
     font-size: 18px;
     line-height: 24px;
     font-weight: 700;
-} .text__accent-primary-medium_15iug {
+} .text__accent-primary-medium_xrqdm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
-} .text__accent-primary-small_15iug {
+} .text__accent-primary-small_xrqdm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
-} .text__accent-secondary-large_15iug {
+} .text__accent-secondary-large_xrqdm {
     font-size: 13px;
     line-height: 16px;
     font-weight: 700;
-} .text__accent-secondary-medium_15iug {
+} .text__accent-secondary-medium_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
-} .text__accent-secondary-small_15iug {
+} .text__accent-secondary-small_xrqdm {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
-} .text__action-caps_15iug {
+} .text__action-caps_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .text__action-component-primary_15iug {
+} .text__action-component-primary_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
-} .text__action-component-secondary_15iug {
+} .text__action-component-secondary_xrqdm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
-} .text__action-primary-large_15iug {
+} .text__action-primary-large_xrqdm {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
-} .text__action-primary-medium_15iug {
+} .text__action-primary-medium_xrqdm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .text__action-primary-small_15iug {
+} .text__action-primary-small_xrqdm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .text__action-secondary-large_15iug {
+} .text__action-secondary-large_xrqdm {
     font-size: 13px;
     line-height: 16px;
     font-weight: 500;
-} .text__action-secondary-medium_15iug {
+} .text__action-secondary-medium_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
-} .text__action-secondary-small_15iug {
+} .text__action-secondary-small_xrqdm {
     font-size: 11px;
     line-height: 16px;
     font-weight: 500;
-} .text__headline-mobile-large_15iug {
+} .text__headline-mobile-large_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-mobile-medium_15iug {
+} .text__headline-mobile-medium_xrqdm {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-mobile-small_15iug {
+} .text__headline-mobile-small_xrqdm {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-mobile-xlarge_15iug {
+} .text__headline-mobile-xlarge_xrqdm {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-mobile-xsmall_15iug {
+} .text__headline-mobile-xsmall_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-system-mobile-large_15iug {
+} .text__headline-system-mobile-large_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-} .text__headline-system-mobile-medium_15iug {
+} .text__headline-system-mobile-medium_xrqdm {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-} .text__headline-system-mobile-small_15iug {
+} .text__headline-system-mobile-small_xrqdm {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-} .text__headline-system-mobile-xlarge_15iug {
+} .text__headline-system-mobile-xlarge_xrqdm {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-} .text__headline-system-mobile-xsmall_15iug {
+} .text__headline-system-mobile-xsmall_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
-} .text__headline-system-large_15iug {
+} .text__headline-system-large_xrqdm {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
-} .text__headline-system-medium_15iug {
+} .text__headline-system-medium_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-} .text__headline-system-small_15iug {
+} .text__headline-system-small_xrqdm {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-} .text__headline-system-xlarge_15iug {
+} .text__headline-system-xlarge_xrqdm {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
-} .text__headline-system-xsmall_15iug {
+} .text__headline-system-xsmall_xrqdm {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-} .text__headline-large_15iug {
+} .text__headline-large_xrqdm {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-medium_15iug {
+} .text__headline-medium_xrqdm {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-small_15iug {
+} .text__headline-small_xrqdm {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-xlarge_15iug {
+} .text__headline-xlarge_xrqdm {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__headline-xsmall_15iug {
+} .text__headline-xsmall_xrqdm {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__key-large_15iug {
+} .text__key-large_xrqdm {
     font-size: 120px;
     line-height: 132px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__key-medium_15iug {
+} .text__key-medium_xrqdm {
     font-size: 96px;
     line-height: 120px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__key-small_15iug {
+} .text__key-small_xrqdm {
     font-size: 80px;
     line-height: 96px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__key-xlarge_15iug {
+} .text__key-xlarge_xrqdm {
     font-size: 144px;
     line-height: 180px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__key-xsmall_15iug {
+} .text__key-xsmall_xrqdm {
     font-size: 64px;
     line-height: 80px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__paragraph-caps_15iug {
+} .text__paragraph-caps_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .text__paragraph-component-primary_15iug {
+} .text__paragraph-component-primary_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .text__paragraph-component-secondary_15iug {
+} .text__paragraph-component-secondary_xrqdm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .text__paragraph-primary-large_15iug {
+} .text__paragraph-primary-large_xrqdm {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .text__paragraph-primary-medium_15iug {
+} .text__paragraph-primary-medium_xrqdm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .text__paragraph-primary-small_15iug {
+} .text__paragraph-primary-small_xrqdm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .text__paragraph-secondary-large_15iug {
+} .text__paragraph-secondary-large_xrqdm {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .text__paragraph-secondary-medium_15iug {
+} .text__paragraph-secondary-medium_xrqdm {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .text__paragraph-secondary-small_15iug {
+} .text__paragraph-secondary-small_xrqdm {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .text__promo-mobile-large_15iug {
+} .text__promo-mobile-large_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-mobile-medium_15iug {
+} .text__promo-mobile-medium_xrqdm {
     font-size: 26px;
     line-height: 32px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-mobile-small_15iug {
+} .text__promo-mobile-small_xrqdm {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-mobile-xlarge_15iug {
+} .text__promo-mobile-xlarge_xrqdm {
     font-size: 34px;
     line-height: 40px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-mobile-xsmall_15iug {
+} .text__promo-mobile-xsmall_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-system-mobile-large_15iug {
+} .text__promo-system-mobile-large_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
-} .text__promo-system-mobile-medium_15iug {
+} .text__promo-system-mobile-medium_xrqdm {
     font-size: 26px;
     line-height: 32px;
     font-weight: 400;
-} .text__promo-system-mobile-small_15iug {
+} .text__promo-system-mobile-small_xrqdm {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
-} .text__promo-system-mobile-xlarge_15iug {
+} .text__promo-system-mobile-xlarge_xrqdm {
     font-size: 34px;
     line-height: 40px;
     font-weight: 400;
-} .text__promo-system-mobile-xsmall_15iug {
+} .text__promo-system-mobile-xsmall_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .text__promo-system-large_15iug {
+} .text__promo-system-large_xrqdm {
     font-size: 40px;
     line-height: 48px;
     font-weight: 400;
-} .text__promo-system-medium_15iug {
+} .text__promo-system-medium_xrqdm {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
-} .text__promo-system-small_15iug {
+} .text__promo-system-small_xrqdm {
     font-size: 22px;
     line-height: 26px;
     font-weight: 400;
-} .text__promo-system-xlarge_15iug {
+} .text__promo-system-xlarge_xrqdm {
     font-size: 48px;
     line-height: 52px;
     font-weight: 400;
-} .text__promo-system-xsmall_15iug {
+} .text__promo-system-xsmall_xrqdm {
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
-} .text__promo-large_15iug {
+} .text__promo-large_xrqdm {
     font-size: 40px;
     line-height: 48px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-medium_15iug {
+} .text__promo-medium_xrqdm {
     font-size: 32px;
     line-height: 40px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-small_15iug {
+} .text__promo-small_xrqdm {
     font-size: 24px;
     line-height: 32px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-xlarge_15iug {
+} .text__promo-xlarge_xrqdm {
     font-size: 48px;
     line-height: 64px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__promo-xsmall_15iug {
+} .text__promo-xsmall_xrqdm {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-} .text__accent-component_15iug {
+} .text__accent-component_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 700;
-} .text__action-component_15iug {
+} .text__action-component_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
-} .text__paragraph-component_15iug {
+} .text__paragraph-component_xrqdm {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;

package/text/modern/Component.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"text__component_i7b0k","left":"text__left_i7b0k","right":"text__right_i7b0k","center":"text__center_i7b0k","row-limit-1":"text__row-limit-1_i7b0k","row-limit-2":"text__row-limit-2_i7b0k","row-limit-3":"text__row-limit-3_i7b0k"};
+const styles = {"component":"text__component_1hr4j","left":"text__left_1hr4j","right":"text__right_1hr4j","center":"text__center_1hr4j","row-limit-1":"text__row-limit-1_1hr4j","row-limit-2":"text__row-limit-2_1hr4j","row-limit-3":"text__row-limit-3_1hr4j"};
 require('./index.css');
 
-const mixin = {"accent-caps":"text__accent-caps_15iug","accent-component-primary":"text__accent-component-primary_15iug","accent-component-secondary":"text__accent-component-secondary_15iug","accent-primary-large":"text__accent-primary-large_15iug","accent-primary-medium":"text__accent-primary-medium_15iug","accent-primary-small":"text__accent-primary-small_15iug","accent-secondary-large":"text__accent-secondary-large_15iug","accent-secondary-medium":"text__accent-secondary-medium_15iug","accent-secondary-small":"text__accent-secondary-small_15iug","action-caps":"text__action-caps_15iug","action-component-primary":"text__action-component-primary_15iug","action-component-secondary":"text__action-component-secondary_15iug","action-primary-large":"text__action-primary-large_15iug","action-primary-medium":"text__action-primary-medium_15iug","action-primary-small":"text__action-primary-small_15iug","action-secondary-large":"text__action-secondary-large_15iug","action-secondary-medium":"text__action-secondary-medium_15iug","action-secondary-small":"text__action-secondary-small_15iug","headline-mobile-large":"text__headline-mobile-large_15iug","headline-mobile-medium":"text__headline-mobile-medium_15iug","headline-mobile-small":"text__headline-mobile-small_15iug","headline-mobile-xlarge":"text__headline-mobile-xlarge_15iug","headline-mobile-xsmall":"text__headline-mobile-xsmall_15iug","headline-system-mobile-large":"text__headline-system-mobile-large_15iug","headline-system-mobile-medium":"text__headline-system-mobile-medium_15iug","headline-system-mobile-small":"text__headline-system-mobile-small_15iug","headline-system-mobile-xlarge":"text__headline-system-mobile-xlarge_15iug","headline-system-mobile-xsmall":"text__headline-system-mobile-xsmall_15iug","headline-system-large":"text__headline-system-large_15iug","headline-system-medium":"text__headline-system-medium_15iug","headline-system-small":"text__headline-system-small_15iug","headline-system-xlarge":"text__headline-system-xlarge_15iug","headline-system-xsmall":"text__headline-system-xsmall_15iug","headline-large":"text__headline-large_15iug","headline-medium":"text__headline-medium_15iug","headline-small":"text__headline-small_15iug","headline-xlarge":"text__headline-xlarge_15iug","headline-xsmall":"text__headline-xsmall_15iug","key-large":"text__key-large_15iug","key-medium":"text__key-medium_15iug","key-small":"text__key-small_15iug","key-xlarge":"text__key-xlarge_15iug","key-xsmall":"text__key-xsmall_15iug","paragraph-caps":"text__paragraph-caps_15iug","paragraph-component-primary":"text__paragraph-component-primary_15iug","paragraph-component-secondary":"text__paragraph-component-secondary_15iug","paragraph-primary-large":"text__paragraph-primary-large_15iug","paragraph-primary-medium":"text__paragraph-primary-medium_15iug","paragraph-primary-small":"text__paragraph-primary-small_15iug","paragraph-secondary-large":"text__paragraph-secondary-large_15iug","paragraph-secondary-medium":"text__paragraph-secondary-medium_15iug","paragraph-secondary-small":"text__paragraph-secondary-small_15iug","promo-mobile-large":"text__promo-mobile-large_15iug","promo-mobile-medium":"text__promo-mobile-medium_15iug","promo-mobile-small":"text__promo-mobile-small_15iug","promo-mobile-xlarge":"text__promo-mobile-xlarge_15iug","promo-mobile-xsmall":"text__promo-mobile-xsmall_15iug","promo-system-mobile-large":"text__promo-system-mobile-large_15iug","promo-system-mobile-medium":"text__promo-system-mobile-medium_15iug","promo-system-mobile-small":"text__promo-system-mobile-small_15iug","promo-system-mobile-xlarge":"text__promo-system-mobile-xlarge_15iug","promo-system-mobile-xsmall":"text__promo-system-mobile-xsmall_15iug","promo-system-large":"text__promo-system-large_15iug","promo-system-medium":"text__promo-system-medium_15iug","promo-system-small":"text__promo-system-small_15iug","promo-system-xlarge":"text__promo-system-xlarge_15iug","promo-system-xsmall":"text__promo-system-xsmall_15iug","promo-large":"text__promo-large_15iug","promo-medium":"text__promo-medium_15iug","promo-small":"text__promo-small_15iug","promo-xlarge":"text__promo-xlarge_15iug","promo-xsmall":"text__promo-xsmall_15iug","accent-component":"text__accent-component_15iug","action-component":"text__action-component_15iug","paragraph-component":"text__paragraph-component_15iug"};
+const mixin = {"accent-caps":"text__accent-caps_xrqdm","accent-component-primary":"text__accent-component-primary_xrqdm","accent-component-secondary":"text__accent-component-secondary_xrqdm","accent-primary-large":"text__accent-primary-large_xrqdm","accent-primary-medium":"text__accent-primary-medium_xrqdm","accent-primary-small":"text__accent-primary-small_xrqdm","accent-secondary-large":"text__accent-secondary-large_xrqdm","accent-secondary-medium":"text__accent-secondary-medium_xrqdm","accent-secondary-small":"text__accent-secondary-small_xrqdm","action-caps":"text__action-caps_xrqdm","action-component-primary":"text__action-component-primary_xrqdm","action-component-secondary":"text__action-component-secondary_xrqdm","action-primary-large":"text__action-primary-large_xrqdm","action-primary-medium":"text__action-primary-medium_xrqdm","action-primary-small":"text__action-primary-small_xrqdm","action-secondary-large":"text__action-secondary-large_xrqdm","action-secondary-medium":"text__action-secondary-medium_xrqdm","action-secondary-small":"text__action-secondary-small_xrqdm","headline-mobile-large":"text__headline-mobile-large_xrqdm","headline-mobile-medium":"text__headline-mobile-medium_xrqdm","headline-mobile-small":"text__headline-mobile-small_xrqdm","headline-mobile-xlarge":"text__headline-mobile-xlarge_xrqdm","headline-mobile-xsmall":"text__headline-mobile-xsmall_xrqdm","headline-system-mobile-large":"text__headline-system-mobile-large_xrqdm","headline-system-mobile-medium":"text__headline-system-mobile-medium_xrqdm","headline-system-mobile-small":"text__headline-system-mobile-small_xrqdm","headline-system-mobile-xlarge":"text__headline-system-mobile-xlarge_xrqdm","headline-system-mobile-xsmall":"text__headline-system-mobile-xsmall_xrqdm","headline-system-large":"text__headline-system-large_xrqdm","headline-system-medium":"text__headline-system-medium_xrqdm","headline-system-small":"text__headline-system-small_xrqdm","headline-system-xlarge":"text__headline-system-xlarge_xrqdm","headline-system-xsmall":"text__headline-system-xsmall_xrqdm","headline-large":"text__headline-large_xrqdm","headline-medium":"text__headline-medium_xrqdm","headline-small":"text__headline-small_xrqdm","headline-xlarge":"text__headline-xlarge_xrqdm","headline-xsmall":"text__headline-xsmall_xrqdm","key-large":"text__key-large_xrqdm","key-medium":"text__key-medium_xrqdm","key-small":"text__key-small_xrqdm","key-xlarge":"text__key-xlarge_xrqdm","key-xsmall":"text__key-xsmall_xrqdm","paragraph-caps":"text__paragraph-caps_xrqdm","paragraph-component-primary":"text__paragraph-component-primary_xrqdm","paragraph-component-secondary":"text__paragraph-component-secondary_xrqdm","paragraph-primary-large":"text__paragraph-primary-large_xrqdm","paragraph-primary-medium":"text__paragraph-primary-medium_xrqdm","paragraph-primary-small":"text__paragraph-primary-small_xrqdm","paragraph-secondary-large":"text__paragraph-secondary-large_xrqdm","paragraph-secondary-medium":"text__paragraph-secondary-medium_xrqdm","paragraph-secondary-small":"text__paragraph-secondary-small_xrqdm","promo-mobile-large":"text__promo-mobile-large_xrqdm","promo-mobile-medium":"text__promo-mobile-medium_xrqdm","promo-mobile-small":"text__promo-mobile-small_xrqdm","promo-mobile-xlarge":"text__promo-mobile-xlarge_xrqdm","promo-mobile-xsmall":"text__promo-mobile-xsmall_xrqdm","promo-system-mobile-large":"text__promo-system-mobile-large_xrqdm","promo-system-mobile-medium":"text__promo-system-mobile-medium_xrqdm","promo-system-mobile-small":"text__promo-system-mobile-small_xrqdm","promo-system-mobile-xlarge":"text__promo-system-mobile-xlarge_xrqdm","promo-system-mobile-xsmall":"text__promo-system-mobile-xsmall_xrqdm","promo-system-large":"text__promo-system-large_xrqdm","promo-system-medium":"text__promo-system-medium_xrqdm","promo-system-small":"text__promo-system-small_xrqdm","promo-system-xlarge":"text__promo-system-xlarge_xrqdm","promo-system-xsmall":"text__promo-system-xsmall_xrqdm","promo-large":"text__promo-large_xrqdm","promo-medium":"text__promo-medium_xrqdm","promo-small":"text__promo-small_xrqdm","promo-xlarge":"text__promo-xlarge_xrqdm","promo-xsmall":"text__promo-xsmall_xrqdm","accent-component":"text__accent-component_xrqdm","action-component":"text__action-component_xrqdm","paragraph-component":"text__paragraph-component_xrqdm"};
 require('./mixin.css');
 
 const Text = ({ tag: Component = 'span', align = 'left', rowLimit, view = 'paragraph-primary-medium', color, textBackgroundColor, className, children, dataTestId, }) => (React.createElement(Component, { className: cn(styles.component, styles[align], mixin[view], {

package/text/modern/index.css

@@ -14,29 +14,29 @@
 } :root {
 } :root {
 } :root {
-} .text__component_i7b0k {
+} .text__component_1hr4j {
     background-clip: content-box;
     margin: 0;
     padding: 0;
-} .text__left_i7b0k {
+} .text__left_1hr4j {
         text-align: left;
-    } .text__right_i7b0k {
+    } .text__right_1hr4j {
         text-align: right;
-    } .text__center_i7b0k {
+    } .text__center_1hr4j {
         text-align: center;
-    } .text__row-limit-1_i7b0k {
+    } .text__row-limit-1_1hr4j {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .text__row-limit-2_i7b0k {
+    } .text__row-limit-2_1hr4j {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         overflow: hidden;
         word-break: break-all;
-    } .text__row-limit-3_i7b0k {
+    } .text__row-limit-3_1hr4j {
         -webkit-line-clamp: 3;
         display: -webkit-box;
         -webkit-box-orient: vertical;