@ornikar/kitt-universal 19.0.2 → 20.0.0

package/dist/linaria-themes.es.js

@@ -791,7 +791,8 @@ var datePicker = {
 var calcLineHeight = function (fontSize, lineHeightMultiplier) {
   return Math.round(fontSize * lineHeightMultiplier);
 };
-var createTypographyTypeConfig = function (lineHeightMultiplierBaseAndSmall, baseAndSmallFontSize) {
+/** @deprecated legacy typography type config is deprecated. */
+var createLegacyTypographyTypeConfig = function (lineHeightMultiplierBaseAndSmall, baseAndSmallFontSize) {
   var mediumAndWideFontSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : baseAndSmallFontSize;
   var lineHeightMultiplierMediumAndWide = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : lineHeightMultiplierBaseAndSmall;
   return {
@@ -805,6 +806,16 @@ var createTypographyTypeConfig = function (lineHeightMultiplierBaseAndSmall, bas
     }
   };
 };
+var createTypographyConfig = function (fontSize, lineHeightMultiplier) {
+  var config = {
+    fontSize: fontSize,
+    lineHeight: calcLineHeight(fontSize, lineHeightMultiplier)
+  };
+  return {
+    baseAndSmall: config,
+    mediumAndWide: config
+  };
+};
 var typography = {
   colors: {
     black: colors.black,
@@ -821,7 +832,10 @@ var 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',
@@ -838,19 +852,26 @@ var 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',
@@ -864,14 +885,24 @@ var 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: {
@@ -894,11 +925,18 @@ var 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)
       }
     }
   },