@alfalab/core-components 44.7.0 → 45.0.0

package/text/esm/index.css

@@ -0,0 +1,45 @@
+/* hash: l3mkk */
+: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 {
+} .text__component_1075g {
+    background-clip: content-box;
+    margin: 0;
+    padding: 0;
+} .text__left_1075g {
+        text-align: left;
+    } .text__right_1075g {
+        text-align: right;
+    } .text__center_1075g {
+        text-align: center;
+    } .text__row-limit-1_1075g {
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .text__row-limit-2_1075g {
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    } .text__row-limit-3_1075g {
+        -webkit-line-clamp: 3;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+    }

package/text/esm/index.d.ts

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

package/text/esm/index.js

@@ -0,0 +1,4 @@
+export { Text } from './Component.js';
+import 'tslib';
+import 'react';
+import 'classnames';

package/{vars/dist/src/typography.css → text/esm/mixin.css}

@@ -1,519 +1,375 @@
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+/* hash: 72uxu */
+: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 {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
-}
-
-@define-mixin accent_caps {
+} :root {
+} .text__accent-caps_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-}
-
-@define-mixin accent_component_primary {
+} .text__accent-component-primary_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 700;
-}
-
-@define-mixin accent_component_secondary {
+} .text__accent-component-secondary_o2g1p {
     font-size: 14px;
     line-height: 18px;
     font-weight: 700;
-}
-
-@define-mixin accent_primary_large {
+} .text__accent-primary-large_o2g1p {
     font-size: 18px;
     line-height: 24px;
     font-weight: 700;
-}
-
-@define-mixin accent_primary_medium {
+} .text__accent-primary-medium_o2g1p {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
-}
-
-@define-mixin accent_primary_small {
+} .text__accent-primary-small_o2g1p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
-}
-
-@define-mixin accent_secondary_large {
+} .text__accent-secondary-large_o2g1p {
     font-size: 13px;
     line-height: 16px;
     font-weight: 700;
-}
-
-@define-mixin accent_secondary_medium {
+} .text__accent-secondary-medium_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
-}
-
-@define-mixin accent_secondary_small {
+} .text__accent-secondary-small_o2g1p {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
-}
-
-@define-mixin action_caps {
+} .text__action-caps_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-}
-
-@define-mixin action_component_primary {
+} .text__action-component-primary_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
-}
-
-@define-mixin action_component_secondary {
+} .text__action-component-secondary_o2g1p {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
-}
-
-@define-mixin action_primary_large {
+} .text__action-primary-large_o2g1p {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
-}
-
-@define-mixin action_primary_medium {
+} .text__action-primary-medium_o2g1p {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-}
-
-@define-mixin action_primary_small {
+} .text__action-primary-small_o2g1p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-}
-
-@define-mixin action_secondary_large {
+} .text__action-secondary-large_o2g1p {
     font-size: 13px;
     line-height: 16px;
     font-weight: 500;
-}
-
-@define-mixin action_secondary_medium {
+} .text__action-secondary-medium_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
-}
-
-@define-mixin action_secondary_small {
+} .text__action-secondary-small_o2g1p {
     font-size: 11px;
     line-height: 16px;
     font-weight: 500;
-}
-
-@define-mixin headline-mobile_large {
+} .text__headline-mobile-large_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline-mobile_medium {
+} .text__headline-mobile-medium_o2g1p {
     font-size: 26px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline-mobile_small {
+} .text__headline-mobile-small_o2g1p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline-mobile_xlarge {
+} .text__headline-mobile-xlarge_o2g1p {
     font-size: 34px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline-mobile_xsmall {
+} .text__headline-mobile-xsmall_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline-system-mobile_large {
+} .text__headline-system-mobile-large_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 600;
-}
-
-@define-mixin headline-system-mobile_medium {
+} .text__headline-system-mobile-medium_o2g1p {
     font-size: 26px;
     line-height: 32px;
     font-weight: 600;
-}
-
-@define-mixin headline-system-mobile_small {
+} .text__headline-system-mobile-small_o2g1p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
-}
-
-@define-mixin headline-system-mobile_xlarge {
+} .text__headline-system-mobile-xlarge_o2g1p {
     font-size: 34px;
     line-height: 40px;
     font-weight: 600;
-}
-
-@define-mixin headline-system-mobile_xsmall {
+} .text__headline-system-mobile-xsmall_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
-}
-
-@define-mixin headline-system_large {
+} .text__headline-system-large_o2g1p {
     font-size: 40px;
     line-height: 48px;
     font-weight: 700;
-}
-
-@define-mixin headline-system_medium {
+} .text__headline-system-medium_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 700;
-}
-
-@define-mixin headline-system_small {
+} .text__headline-system-small_o2g1p {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
-}
-
-@define-mixin headline-system_xlarge {
+} .text__headline-system-xlarge_o2g1p {
     font-size: 48px;
     line-height: 52px;
     font-weight: 700;
-}
-
-@define-mixin headline-system_xsmall {
+} .text__headline-system-xsmall_o2g1p {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
-}
-
-@define-mixin headline_large {
+} .text__headline-large_o2g1p {
     font-size: 40px;
     line-height: 48px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline_medium {
+} .text__headline-medium_o2g1p {
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline_small {
+} .text__headline-small_o2g1p {
     font-size: 24px;
     line-height: 32px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline_xlarge {
+} .text__headline-xlarge_o2g1p {
     font-size: 48px;
     line-height: 64px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin headline_xsmall {
+} .text__headline-xsmall_o2g1p {
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin key_large {
+} .text__key-large_o2g1p {
     font-size: 120px;
     line-height: 132px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin key_medium {
+} .text__key-medium_o2g1p {
     font-size: 96px;
     line-height: 120px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin key_small {
+} .text__key-small_o2g1p {
     font-size: 80px;
     line-height: 96px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin key_xlarge {
+} .text__key-xlarge_o2g1p {
     font-size: 144px;
     line-height: 180px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin key_xsmall {
+} .text__key-xsmall_o2g1p {
     font-size: 64px;
     line-height: 80px;
     font-weight: 500;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin paragraph_caps {
+} .text__paragraph-caps_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-}
-
-@define-mixin paragraph_component_primary {
+} .text__paragraph-component-primary_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_component_secondary {
+} .text__paragraph-component-secondary_o2g1p {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_primary_large {
+} .text__paragraph-primary-large_o2g1p {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_primary_medium {
+} .text__paragraph-primary-medium_o2g1p {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_primary_small {
+} .text__paragraph-primary-small_o2g1p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_secondary_large {
+} .text__paragraph-secondary-large_o2g1p {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_secondary_medium {
+} .text__paragraph-secondary-medium_o2g1p {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-}
-
-@define-mixin paragraph_secondary_small {
+} .text__paragraph-secondary-small_o2g1p {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-}
-
-@define-mixin promo-mobile_large {
+} .text__promo-mobile-large_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo-mobile_medium {
+} .text__promo-mobile-medium_o2g1p {
     font-size: 26px;
     line-height: 32px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo-mobile_small {
+} .text__promo-mobile-small_o2g1p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo-mobile_xlarge {
+} .text__promo-mobile-xlarge_o2g1p {
     font-size: 34px;
     line-height: 40px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo-mobile_xsmall {
+} .text__promo-mobile-xsmall_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo-system-mobile_large {
+} .text__promo-system-mobile-large_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
-}
-
-@define-mixin promo-system-mobile_medium {
+} .text__promo-system-mobile-medium_o2g1p {
     font-size: 26px;
     line-height: 32px;
     font-weight: 400;
-}
-
-@define-mixin promo-system-mobile_small {
+} .text__promo-system-mobile-small_o2g1p {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
-}
-
-@define-mixin promo-system-mobile_xlarge {
+} .text__promo-system-mobile-xlarge_o2g1p {
     font-size: 34px;
     line-height: 40px;
     font-weight: 400;
-}
-
-@define-mixin promo-system-mobile_xsmall {
+} .text__promo-system-mobile-xsmall_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-}
-
-@define-mixin promo-system_large {
+} .text__promo-system-large_o2g1p {
     font-size: 40px;
     line-height: 48px;
     font-weight: 400;
-}
-
-@define-mixin promo-system_medium {
+} .text__promo-system-medium_o2g1p {
     font-size: 30px;
     line-height: 36px;
     font-weight: 400;
-}
-
-@define-mixin promo-system_small {
+} .text__promo-system-small_o2g1p {
     font-size: 22px;
     line-height: 26px;
     font-weight: 400;
-}
-
-@define-mixin promo-system_xlarge {
+} .text__promo-system-xlarge_o2g1p {
     font-size: 48px;
     line-height: 52px;
     font-weight: 400;
-}
-
-@define-mixin promo-system_xsmall {
+} .text__promo-system-xsmall_o2g1p {
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
-}
-
-@define-mixin promo_large {
+} .text__promo-large_o2g1p {
     font-size: 40px;
     line-height: 48px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo_medium {
+} .text__promo-medium_o2g1p {
     font-size: 32px;
     line-height: 40px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo_small {
+} .text__promo-small_o2g1p {
     font-size: 24px;
     line-height: 32px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo_xlarge {
+} .text__promo-xlarge_o2g1p {
     font-size: 48px;
     line-height: 64px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin promo_xsmall {
+} .text__promo-xsmall_o2g1p {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
     font-feature-settings: 'ss01';
     font-family: var(--font-family-styrene);
-}
-
-@define-mixin accent_component {
+} .text__accent-component_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 700;
-}
-
-@define-mixin action_component {
+} .text__action-component_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
-}
-
-@define-mixin paragraph_component {
+} .text__paragraph-component_o2g1p {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
 }
-
-@define-mixin row_limit $num {
-    -webkit-line-clamp: $num;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}