@alfalab/core-components 44.7.0-beta.1 → 45.0.0

package/tag/modern/components/base-tag/index.css

@@ -1,5 +1,5 @@
 /* hash: 577d6 */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -96,89 +96,89 @@
         margin-left: 6px;
     } .tag__addons_1bpo7:only-child {
         margin: 0;
-    } .tag__s_1bpo7 .tag__addons_1bpo7:first-child, .tag__m_1bpo7 .tag__addons_1bpo7:first-child {
+    } .tag__size-48_1bpo7 .tag__addons_1bpo7:first-child, .tag__size-56_1bpo7 .tag__addons_1bpo7:first-child {
         margin-right: var(--gap-xs);
-    } .tag__s_1bpo7 .tag__addons_1bpo7:last-child, .tag__m_1bpo7 .tag__addons_1bpo7:last-child {
+    } .tag__size-48_1bpo7 .tag__addons_1bpo7:last-child, .tag__size-56_1bpo7 .tag__addons_1bpo7:last-child {
         margin-left: var(--gap-xs);
-    } .tag__l_1bpo7 .tag__addons_1bpo7:first-child, .tag__xl_1bpo7 .tag__addons_1bpo7:first-child {
+    } .tag__size-64_1bpo7 .tag__addons_1bpo7:first-child, .tag__size-72_1bpo7 .tag__addons_1bpo7:first-child {
         margin-right: var(--gap-s);
-    } .tag__l_1bpo7 .tag__addons_1bpo7:last-child, .tag__xl_1bpo7 .tag__addons_1bpo7:last-child {
+    } .tag__size-64_1bpo7 .tag__addons_1bpo7:last-child, .tag__size-72_1bpo7 .tag__addons_1bpo7:last-child {
         margin-left: var(--gap-s);
-    } .tag__xxs_1bpo7 {
+    } .tag__size-32_1bpo7 {
     min-width: 60px;
     min-height: var(--size-xxs-height);
     padding: 0 var(--gap-m);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__xs_1bpo7 {
+} .tag__size-40_1bpo7 {
     min-width: 72px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-l);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__s_1bpo7 {
+} .tag__size-48_1bpo7 {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__m_1bpo7 {
+} .tag__size-56_1bpo7 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 96px;
     min-height: var(--size-m-height);
     padding: 0 28px;
-} .tag__l_1bpo7 {
+} .tag__size-64_1bpo7 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-l-height);
     padding: 0 var(--gap-2xl);
-} .tag__xl_1bpo7 {
+} .tag__size-72_1bpo7 {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 120px;
     min-height: var(--size-xl-height);
     padding: 0 36px;
-} .tag__withRightAddons_1bpo7.tag__xxs_1bpo7 {
+} .tag__withRightAddons_1bpo7.tag__size-32_1bpo7 {
         padding-right: var(--gap-s);
-    } .tag__withRightAddons_1bpo7.tag__xs_1bpo7 {
+    } .tag__withRightAddons_1bpo7.tag__size-40_1bpo7 {
         padding-right: var(--gap-m);
-    } .tag__withRightAddons_1bpo7.tag__s_1bpo7 {
+    } .tag__withRightAddons_1bpo7.tag__size-48_1bpo7 {
         padding-right: var(--gap-l);
-    } .tag__withRightAddons_1bpo7.tag__m_1bpo7 {
+    } .tag__withRightAddons_1bpo7.tag__size-56_1bpo7 {
         padding-right: var(--gap-xl);
-    } .tag__withRightAddons_1bpo7.tag__l_1bpo7 {
+    } .tag__withRightAddons_1bpo7.tag__size-64_1bpo7 {
         padding-right: 28px;
-    } .tag__withRightAddons_1bpo7.tag__xl_1bpo7 {
+    } .tag__withRightAddons_1bpo7.tag__size-72_1bpo7 {
         padding-right: var(--gap-2xl);
-    } .tag__withLeftAddons_1bpo7.tag__xxs_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-32_1bpo7 {
         padding-left: var(--gap-s);
-    } .tag__withLeftAddons_1bpo7.tag__xs_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-40_1bpo7 {
         padding-left: var(--gap-m);
-    } .tag__withLeftAddons_1bpo7.tag__s_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-48_1bpo7 {
         padding-left: var(--gap-l);
-    } .tag__withLeftAddons_1bpo7.tag__m_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-56_1bpo7 {
         padding-left: var(--gap-xl);
-    } .tag__withLeftAddons_1bpo7.tag__l_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-64_1bpo7 {
         padding-left: 28px;
-    } .tag__withLeftAddons_1bpo7.tag__xl_1bpo7 {
+    } .tag__withLeftAddons_1bpo7.tag__size-72_1bpo7 {
         padding-left: var(--gap-2xl);
-    } .tag__rounded_1bpo7.tag__xxs_1bpo7 {
+    } .tag__rounded_1bpo7.tag__size-32_1bpo7 {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1bpo7.tag__xs_1bpo7 {
+    } .tag__rounded_1bpo7.tag__size-40_1bpo7 {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1bpo7.tag__s_1bpo7 {
+    } .tag__rounded_1bpo7.tag__size-48_1bpo7 {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1bpo7.tag__m_1bpo7,
-    .tag__rounded_1bpo7.tag__l_1bpo7,
-    .tag__rounded_1bpo7.tag__xl_1bpo7 {
+    } .tag__rounded_1bpo7.tag__size-56_1bpo7,
+    .tag__rounded_1bpo7.tag__size-64_1bpo7,
+    .tag__rounded_1bpo7.tag__size-72_1bpo7 {
         border-radius: var(--tag-border-radius);
     } .tag__allowBackdropBlur_1bpo7.tag__outlined_1bpo7.tag__checked_1bpo7[disabled],
     .tag__allowBackdropBlur_1bpo7.tag__filled_1bpo7 {

package/tag/modern/components/base-tag/inverted.css

@@ -1,5 +1,5 @@
 /* hash: 1n6o8 */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);

package/tag/modern/desktop/Component.desktop.js

@@ -7,7 +7,7 @@ import '@alfalab/hooks';
 const defaultColors = {"filled":"tag__filled_e1tv4"};
 require('./default.desktop.css');
 
-const styles = {"rectangular":"tag__rectangular_1aah6","xxs":"tag__xxs_1aah6","xs":"tag__xs_1aah6","s":"tag__s_1aah6","m":"tag__m_1aah6","l":"tag__l_1aah6","xl":"tag__xl_1aah6"};
+const styles = {"rectangular":"tag__rectangular_1aah6","size-32":"tag__size-32_1aah6","size-40":"tag__size-40_1aah6","size-48":"tag__size-48_1aah6","size-56":"tag__size-56_1aah6","size-64":"tag__size-64_1aah6","size-72":"tag__size-72_1aah6"};
 require('./desktop.css');
 
 const invertedColors = {"filled":"tag__filled_wlbbi"};

package/tag/modern/desktop/default.desktop.css

@@ -1,5 +1,5 @@
 /* hash: thaqp */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);

package/tag/modern/desktop/desktop.css

@@ -1,5 +1,5 @@
 /* hash: 11p8s */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -46,14 +46,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_1aah6.tag__xxs_1aah6 {
+} .tag__rectangular_1aah6.tag__size-32_1aah6 {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_1aah6.tag__xs_1aah6 {
+    } .tag__rectangular_1aah6.tag__size-40_1aah6 {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_1aah6.tag__s_1aah6 {
+    } .tag__rectangular_1aah6.tag__size-48_1aah6 {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_1aah6.tag__m_1aah6,
-    .tag__rectangular_1aah6.tag__l_1aah6,
-    .tag__rectangular_1aah6.tag__xl_1aah6 {
+    } .tag__rectangular_1aah6.tag__size-56_1aah6,
+    .tag__rectangular_1aah6.tag__size-64_1aah6,
+    .tag__rectangular_1aah6.tag__size-72_1aah6 {
         border-radius: var(--tag-alt-border-radius);
     }

package/tag/modern/desktop/inverted.desktop.css

@@ -1,5 +1,5 @@
 /* hash: b041y */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/tag/modern/mobile/Component.mobile.js

@@ -10,7 +10,7 @@ require('./default.mobile.css');
 const invertedColors = {"filled":"tag__filled_g6ida"};
 require('./inverted.mobile.css');
 
-const styles = {"rectangular":"tag__rectangular_1xrzd","xxs":"tag__xxs_1xrzd","xs":"tag__xs_1xrzd","s":"tag__s_1xrzd","m":"tag__m_1xrzd","l":"tag__l_1xrzd","xl":"tag__xl_1xrzd"};
+const styles = {"rectangular":"tag__rectangular_1xrzd","size-32":"tag__size-32_1xrzd","size-40":"tag__size-40_1xrzd","size-48":"tag__size-48_1xrzd","size-56":"tag__size-56_1xrzd","size-64":"tag__size-64_1xrzd","size-72":"tag__size-72_1xrzd"};
 require('./mobile.css');
 
 const colorStyles = {

package/tag/modern/mobile/default.mobile.css

@@ -1,5 +1,5 @@
 /* hash: zu1s7 */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
     --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/tag/modern/mobile/inverted.mobile.css

@@ -1,5 +1,5 @@
 /* hash: 1kz38 */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

package/tag/modern/mobile/mobile.css

@@ -1,5 +1,5 @@
 /* hash: 7zdos */
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -47,14 +47,14 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-l);
 
     /* mobile inverted */
-} .tag__rectangular_1xrzd.tag__xxs_1xrzd {
+} .tag__rectangular_1xrzd.tag__size-32_1xrzd {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_1xrzd.tag__xs_1xrzd {
+    } .tag__rectangular_1xrzd.tag__size-40_1xrzd {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_1xrzd.tag__s_1xrzd {
+    } .tag__rectangular_1xrzd.tag__size-48_1xrzd {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_1xrzd.tag__m_1xrzd,
-    .tag__rectangular_1xrzd.tag__l_1xrzd,
-    .tag__rectangular_1xrzd.tag__xl_1xrzd {
+    } .tag__rectangular_1xrzd.tag__size-56_1xrzd,
+    .tag__rectangular_1xrzd.tag__size-64_1xrzd,
+    .tag__rectangular_1xrzd.tag__size-72_1xrzd {
         border-radius: var(--tag-alt-mobile-border-radius);
     }

package/text/Component.d.ts

@@ -0,0 +1,43 @@
+import { FC, ReactNode } from 'react';
+type TypographyType = "accent-caps" | "accent-component-primary" | "accent-component-secondary" | "accent-primary-large" | "accent-primary-medium" | "accent-primary-small" | "accent-secondary-large" | "accent-secondary-medium" | "accent-secondary-small" | "action-caps" | "action-component-primary" | "action-component-secondary" | "action-primary-large" | "action-primary-medium" | "action-primary-small" | "action-secondary-large" | "action-secondary-medium" | "action-secondary-small" | "headline-mobile-large" | "headline-mobile-medium" | "headline-mobile-small" | "headline-mobile-xlarge" | "headline-mobile-xsmall" | "headline-system-mobile-large" | "headline-system-mobile-medium" | "headline-system-mobile-small" | "headline-system-mobile-xlarge" | "headline-system-mobile-xsmall" | "headline-system-large" | "headline-system-medium" | "headline-system-small" | "headline-system-xlarge" | "headline-system-xsmall" | "headline-large" | "headline-medium" | "headline-small" | "headline-xlarge" | "headline-xsmall" | "key-large" | "key-medium" | "key-small" | "key-xlarge" | "key-xsmall" | "paragraph-caps" | "paragraph-component-primary" | "paragraph-component-secondary" | "paragraph-primary-large" | "paragraph-primary-medium" | "paragraph-primary-small" | "paragraph-secondary-large" | "paragraph-secondary-medium" | "paragraph-secondary-small" | "promo-mobile-large" | "promo-mobile-medium" | "promo-mobile-small" | "promo-mobile-xlarge" | "promo-mobile-xsmall" | "promo-system-mobile-large" | "promo-system-mobile-medium" | "promo-system-mobile-small" | "promo-system-mobile-xlarge" | "promo-system-mobile-xsmall" | "promo-system-large" | "promo-system-medium" | "promo-system-small" | "promo-system-xlarge" | "promo-system-xsmall" | "promo-large" | "promo-medium" | "promo-small" | "promo-xlarge" | "promo-xsmall" | "accent-component" | "action-component" | "paragraph-component";
+interface TextProps {
+    /**
+     * HTML тег
+     */
+    tag?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Cтиль типографики
+     */
+    view?: TypographyType;
+    /**
+     * Выравнивание текста
+     * @default left
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Цвет текста
+     */
+    color?: string;
+    /**
+     * Цвет фона
+     */
+    textBackgroundColor?: string;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
+}
+declare const Text: FC<TextProps>;
+export { TextProps, Text };

package/text/Component.js

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"text__component_1075g","left":"text__left_1075g","right":"text__right_1075g","center":"text__center_1075g","row-limit-1":"text__row-limit-1_1075g","row-limit-2":"text__row-limit-2_1075g","row-limit-3":"text__row-limit-3_1075g"};
+require('./index.css');
+
+var mixin = {"accent-caps":"text__accent-caps_o2g1p","accent-component-primary":"text__accent-component-primary_o2g1p","accent-component-secondary":"text__accent-component-secondary_o2g1p","accent-primary-large":"text__accent-primary-large_o2g1p","accent-primary-medium":"text__accent-primary-medium_o2g1p","accent-primary-small":"text__accent-primary-small_o2g1p","accent-secondary-large":"text__accent-secondary-large_o2g1p","accent-secondary-medium":"text__accent-secondary-medium_o2g1p","accent-secondary-small":"text__accent-secondary-small_o2g1p","action-caps":"text__action-caps_o2g1p","action-component-primary":"text__action-component-primary_o2g1p","action-component-secondary":"text__action-component-secondary_o2g1p","action-primary-large":"text__action-primary-large_o2g1p","action-primary-medium":"text__action-primary-medium_o2g1p","action-primary-small":"text__action-primary-small_o2g1p","action-secondary-large":"text__action-secondary-large_o2g1p","action-secondary-medium":"text__action-secondary-medium_o2g1p","action-secondary-small":"text__action-secondary-small_o2g1p","headline-mobile-large":"text__headline-mobile-large_o2g1p","headline-mobile-medium":"text__headline-mobile-medium_o2g1p","headline-mobile-small":"text__headline-mobile-small_o2g1p","headline-mobile-xlarge":"text__headline-mobile-xlarge_o2g1p","headline-mobile-xsmall":"text__headline-mobile-xsmall_o2g1p","headline-system-mobile-large":"text__headline-system-mobile-large_o2g1p","headline-system-mobile-medium":"text__headline-system-mobile-medium_o2g1p","headline-system-mobile-small":"text__headline-system-mobile-small_o2g1p","headline-system-mobile-xlarge":"text__headline-system-mobile-xlarge_o2g1p","headline-system-mobile-xsmall":"text__headline-system-mobile-xsmall_o2g1p","headline-system-large":"text__headline-system-large_o2g1p","headline-system-medium":"text__headline-system-medium_o2g1p","headline-system-small":"text__headline-system-small_o2g1p","headline-system-xlarge":"text__headline-system-xlarge_o2g1p","headline-system-xsmall":"text__headline-system-xsmall_o2g1p","headline-large":"text__headline-large_o2g1p","headline-medium":"text__headline-medium_o2g1p","headline-small":"text__headline-small_o2g1p","headline-xlarge":"text__headline-xlarge_o2g1p","headline-xsmall":"text__headline-xsmall_o2g1p","key-large":"text__key-large_o2g1p","key-medium":"text__key-medium_o2g1p","key-small":"text__key-small_o2g1p","key-xlarge":"text__key-xlarge_o2g1p","key-xsmall":"text__key-xsmall_o2g1p","paragraph-caps":"text__paragraph-caps_o2g1p","paragraph-component-primary":"text__paragraph-component-primary_o2g1p","paragraph-component-secondary":"text__paragraph-component-secondary_o2g1p","paragraph-primary-large":"text__paragraph-primary-large_o2g1p","paragraph-primary-medium":"text__paragraph-primary-medium_o2g1p","paragraph-primary-small":"text__paragraph-primary-small_o2g1p","paragraph-secondary-large":"text__paragraph-secondary-large_o2g1p","paragraph-secondary-medium":"text__paragraph-secondary-medium_o2g1p","paragraph-secondary-small":"text__paragraph-secondary-small_o2g1p","promo-mobile-large":"text__promo-mobile-large_o2g1p","promo-mobile-medium":"text__promo-mobile-medium_o2g1p","promo-mobile-small":"text__promo-mobile-small_o2g1p","promo-mobile-xlarge":"text__promo-mobile-xlarge_o2g1p","promo-mobile-xsmall":"text__promo-mobile-xsmall_o2g1p","promo-system-mobile-large":"text__promo-system-mobile-large_o2g1p","promo-system-mobile-medium":"text__promo-system-mobile-medium_o2g1p","promo-system-mobile-small":"text__promo-system-mobile-small_o2g1p","promo-system-mobile-xlarge":"text__promo-system-mobile-xlarge_o2g1p","promo-system-mobile-xsmall":"text__promo-system-mobile-xsmall_o2g1p","promo-system-large":"text__promo-system-large_o2g1p","promo-system-medium":"text__promo-system-medium_o2g1p","promo-system-small":"text__promo-system-small_o2g1p","promo-system-xlarge":"text__promo-system-xlarge_o2g1p","promo-system-xsmall":"text__promo-system-xsmall_o2g1p","promo-large":"text__promo-large_o2g1p","promo-medium":"text__promo-medium_o2g1p","promo-small":"text__promo-small_o2g1p","promo-xlarge":"text__promo-xlarge_o2g1p","promo-xsmall":"text__promo-xsmall_o2g1p","accent-component":"text__accent-component_o2g1p","action-component":"text__action-component_o2g1p","paragraph-component":"text__paragraph-component_o2g1p"};
+require('./mixin.css');
+
+var Text = function (_a) {
+    var _b;
+    var _c = _a.tag, Component = _c === void 0 ? 'span' : _c, _d = _a.align, align = _d === void 0 ? 'left' : _d, rowLimit = _a.rowLimit, _e = _a.view, view = _e === void 0 ? 'paragraph-primary-medium' : _e, color = _a.color, textBackgroundColor = _a.textBackgroundColor, className = _a.className, children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement(Component, { className: cn__default.default(styles.component, styles[align], mixin[view], (_b = {},
+            _b[styles["row-limit-".concat(rowLimit)]] = rowLimit,
+            _b), className), style: tslib.__assign(tslib.__assign({}, (color && { color: color })), (textBackgroundColor && { backgroundColor: textBackgroundColor })), "data-test-id": dataTestId }, children));
+};
+
+exports.Text = Text;

package/text/cssm/Component.d.ts

@@ -0,0 +1,43 @@
+import { FC, ReactNode } from 'react';
+type TypographyType = "accent-caps" | "accent-component-primary" | "accent-component-secondary" | "accent-primary-large" | "accent-primary-medium" | "accent-primary-small" | "accent-secondary-large" | "accent-secondary-medium" | "accent-secondary-small" | "action-caps" | "action-component-primary" | "action-component-secondary" | "action-primary-large" | "action-primary-medium" | "action-primary-small" | "action-secondary-large" | "action-secondary-medium" | "action-secondary-small" | "headline-mobile-large" | "headline-mobile-medium" | "headline-mobile-small" | "headline-mobile-xlarge" | "headline-mobile-xsmall" | "headline-system-mobile-large" | "headline-system-mobile-medium" | "headline-system-mobile-small" | "headline-system-mobile-xlarge" | "headline-system-mobile-xsmall" | "headline-system-large" | "headline-system-medium" | "headline-system-small" | "headline-system-xlarge" | "headline-system-xsmall" | "headline-large" | "headline-medium" | "headline-small" | "headline-xlarge" | "headline-xsmall" | "key-large" | "key-medium" | "key-small" | "key-xlarge" | "key-xsmall" | "paragraph-caps" | "paragraph-component-primary" | "paragraph-component-secondary" | "paragraph-primary-large" | "paragraph-primary-medium" | "paragraph-primary-small" | "paragraph-secondary-large" | "paragraph-secondary-medium" | "paragraph-secondary-small" | "promo-mobile-large" | "promo-mobile-medium" | "promo-mobile-small" | "promo-mobile-xlarge" | "promo-mobile-xsmall" | "promo-system-mobile-large" | "promo-system-mobile-medium" | "promo-system-mobile-small" | "promo-system-mobile-xlarge" | "promo-system-mobile-xsmall" | "promo-system-large" | "promo-system-medium" | "promo-system-small" | "promo-system-xlarge" | "promo-system-xsmall" | "promo-large" | "promo-medium" | "promo-small" | "promo-xlarge" | "promo-xsmall" | "accent-component" | "action-component" | "paragraph-component";
+interface TextProps {
+    /**
+     * HTML тег
+     */
+    tag?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Cтиль типографики
+     */
+    view?: TypographyType;
+    /**
+     * Выравнивание текста
+     * @default left
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Цвет текста
+     */
+    color?: string;
+    /**
+     * Цвет фона
+     */
+    textBackgroundColor?: string;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     */
+    dataTestId?: string;
+}
+declare const Text: FC<TextProps>;
+export { TextProps, Text };

package/text/cssm/Component.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
+var mixin = require('./mixin.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var mixin__default = /*#__PURE__*/_interopDefaultCompat(mixin);
+
+var Text = function (_a) {
+    var _b;
+    var _c = _a.tag, Component = _c === void 0 ? 'span' : _c, _d = _a.align, align = _d === void 0 ? 'left' : _d, rowLimit = _a.rowLimit, _e = _a.view, view = _e === void 0 ? 'paragraph-primary-medium' : _e, color = _a.color, textBackgroundColor = _a.textBackgroundColor, className = _a.className, children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement(Component, { className: cn__default.default(styles__default.default.component, styles__default.default[align], mixin__default.default[view], (_b = {},
+            _b[styles__default.default["row-limit-".concat(rowLimit)]] = rowLimit,
+            _b), className), style: tslib.__assign(tslib.__assign({}, (color && { color: color })), (textBackgroundColor && { backgroundColor: textBackgroundColor })), "data-test-id": dataTestId }, children));
+};
+
+exports.Text = Text;

package/text/cssm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/text/cssm/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Text = Component.Text;

package/text/cssm/index.module.css

@@ -0,0 +1,44 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .component {
+    background-clip: content-box;
+    margin: 0;
+    padding: 0;
+} .left {
+        text-align: left;
+    } .right {
+        text-align: right;
+    } .center {
+        text-align: center;
+    } .row-limit-1 {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .row-limit-2 {
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .row-limit-3 {
+        -webkit-line-clamp: 3;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    }