@ornikar/kitt-universal 19.0.2 → 20.0.0

package/dist/linaria-themes-node-18.18.es.mjs

@@ -786,7 +786,8 @@ const datePicker = {
 };
 
 const calcLineHeight = (fontSize, lineHeightMultiplier) => Math.round(fontSize * lineHeightMultiplier);
-const createTypographyTypeConfig = (lineHeightMultiplierBaseAndSmall, baseAndSmallFontSize, mediumAndWideFontSize = baseAndSmallFontSize, lineHeightMultiplierMediumAndWide = lineHeightMultiplierBaseAndSmall) => ({
+/** @deprecated legacy typography type config is deprecated. */
+const createLegacyTypographyTypeConfig = (lineHeightMultiplierBaseAndSmall, baseAndSmallFontSize, mediumAndWideFontSize = baseAndSmallFontSize, lineHeightMultiplierMediumAndWide = lineHeightMultiplierBaseAndSmall) => ({
   baseAndSmall: {
     fontSize: baseAndSmallFontSize,
     lineHeight: calcLineHeight(baseAndSmallFontSize, lineHeightMultiplierBaseAndSmall)
@@ -796,6 +797,16 @@ const createTypographyTypeConfig = (lineHeightMultiplierBaseAndSmall, baseAndSma
     lineHeight: calcLineHeight(mediumAndWideFontSize, lineHeightMultiplierMediumAndWide)
   }
 });
+const createTypographyConfig = (fontSize, lineHeightMultiplier) => {
+  const config = {
+    fontSize,
+    lineHeight: calcLineHeight(fontSize, lineHeightMultiplier)
+  };
+  return {
+    baseAndSmall: config,
+    mediumAndWide: config
+  };
+};
 const typography = {
   colors: {
     black: colors.black,
@@ -812,7 +823,10 @@ const typography = {
     warning: colors.warning
   },
   types: {
-    headers: {
+    get header() {
+      throw new Error('typography.types.header is deprecated, use typography.type.headings instead');
+    },
+    headings: {
       fontFamily: {
         native: {
           regular: 'Moderat-Black',
@@ -829,19 +843,26 @@ const typography = {
       },
       fontStyle: 'normal',
       configs: {
-        // also known as xxlarge
-        header1: createTypographyTypeConfig(1.1, 40, 56),
-        // also known as xlarge
-        header2: createTypographyTypeConfig(1.2, 32, 48, 1.1),
-        // also known as medium
-        header3: createTypographyTypeConfig(1.2, 24, 40, 1.1),
-        // also known as xsmall
-        header4: createTypographyTypeConfig(1.3, 18, 24, 1.2),
-        // also known as xxsmall
-        header5: createTypographyTypeConfig(1.3, 18, 18)
+        /* legacy */
+        header1: createLegacyTypographyTypeConfig(1.1, 40, 56),
+        header2: createLegacyTypographyTypeConfig(1.2, 32, 48, 1.1),
+        header3: createLegacyTypographyTypeConfig(1.2, 24, 40, 1.1),
+        header4: createLegacyTypographyTypeConfig(1.3, 18, 24, 1.2),
+        header5: createLegacyTypographyTypeConfig(1.3, 18, 18),
+        /* latest */
+        'heading-xxl': createTypographyConfig(56, 1.1),
+        'heading-xl': createTypographyConfig(48, 1.1),
+        'heading-l': createTypographyConfig(40, 1.1),
+        'heading-m': createTypographyConfig(32, 1.2),
+        'heading-s': createTypographyConfig(24, 1.2),
+        'heading-xs': createTypographyConfig(18, 1.3),
+        'heading-xxs': createTypographyConfig(16, 1.3)
       }
     },
-    'headers-impact': {
+    get 'headers-impact'() {
+      throw new Error('typography.types.headers-impact is deprecated, use typography.type.headings-impact instead');
+    },
+    'headings-impact': {
       fontFamily: {
         native: {
           regular: 'Transducer-Black',
@@ -855,14 +876,24 @@ const typography = {
       fontWeight: 900,
       fontStyle: 'normal',
       configs: {
-        'header-impact-xxl': createTypographyTypeConfig(1.2, 56, 56),
-        'header-impact-xl': createTypographyTypeConfig(1.2, 48, 48),
-        'header-impact-l': createTypographyTypeConfig(1.2, 40, 40),
-        'header-impact-m': createTypographyTypeConfig(1.2, 32, 32),
-        'header-impact-s': createTypographyTypeConfig(1.2, 24, 24),
-        'header-impact-xs': createTypographyTypeConfig(1.2, 18, 18),
-        'header-impact-xxs': createTypographyTypeConfig(1.2, 16, 16),
-        'header-impact-xxxs': createTypographyTypeConfig(1.2, 14, 14)
+        /* legacy */
+        'header-impact-xxl': createLegacyTypographyTypeConfig(1.2, 56, 56),
+        'header-impact-xl': createLegacyTypographyTypeConfig(1.2, 48, 48),
+        'header-impact-l': createLegacyTypographyTypeConfig(1.2, 40, 40),
+        'header-impact-m': createLegacyTypographyTypeConfig(1.2, 32, 32),
+        'header-impact-s': createLegacyTypographyTypeConfig(1.2, 24, 24),
+        'header-impact-xs': createLegacyTypographyTypeConfig(1.2, 18, 18),
+        'header-impact-xxs': createLegacyTypographyTypeConfig(1.2, 16, 16),
+        'header-impact-xxxs': createLegacyTypographyTypeConfig(1.2, 14, 14),
+        /* latest */
+        'heading-impact-xxl': createTypographyConfig(56, 1.2),
+        'heading-impact-xl': createTypographyConfig(48, 1.2),
+        'heading-impact-l': createTypographyConfig(40, 1.2),
+        'heading-impact-m': createTypographyConfig(32, 1.2),
+        'heading-impact-s': createTypographyConfig(24, 1.2),
+        'heading-impact-xs': createTypographyConfig(18, 1.2),
+        'heading-impact-xxs': createTypographyConfig(16, 1.2),
+        'heading-impact-xxxs': createTypographyConfig(14, 1.2)
       }
     },
     bodies: {
@@ -885,11 +916,18 @@ const typography = {
         bold: 'normal'
       },
       configs: {
-        'body-large': createTypographyTypeConfig(1.4, 18, 24),
-        'body-medium': createTypographyTypeConfig(1.4, 18, 18),
-        body: createTypographyTypeConfig(1.4, 16, 16),
-        'body-small': createTypographyTypeConfig(1.4, 14, 14),
-        'body-xsmall': createTypographyTypeConfig(1.4, 12, 12)
+        /* legacy */
+        'body-large': createLegacyTypographyTypeConfig(1.4, 18, 24),
+        'body-medium': createLegacyTypographyTypeConfig(1.4, 18, 18),
+        body: createLegacyTypographyTypeConfig(1.4, 16, 16),
+        'body-small': createLegacyTypographyTypeConfig(1.4, 14, 14),
+        'body-xsmall': createLegacyTypographyTypeConfig(1.4, 12, 12),
+        /* latest */
+        'body-xl': createTypographyConfig(24, 1.4),
+        'body-l': createTypographyConfig(18, 1.4),
+        'body-m': createTypographyConfig(16, 1.4),
+        'body-s': createTypographyConfig(14, 1.4),
+        'body-xs': createTypographyConfig(12, 1.4)
       }
     }
   },