@ornikar/kitt-universal 19.0.2 → 20.0.0

package/dist/index.es.js

@@ -832,7 +832,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 {
@@ -846,6 +847,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,
@@ -862,7 +873,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',
@@ -879,19 +893,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',
@@ -905,14 +926,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: {
@@ -935,11 +966,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)
       }
     }
   },
@@ -1858,15 +1896,15 @@ function getTypographyColorValue(colorName) {
   return colorName;
 }
 
-var isTypeHeader = function (type) {
-  return type.startsWith('header');
+var isTypeHeadings = function (type) {
+  return type.startsWith('header') || type.startsWith('heading');
 };
-var isTypeHeaderImpact = function (type) {
-  return type.startsWith('header-impact');
+var isTypeHeadingsImpact = function (type) {
+  return type.startsWith('heading-impact') || type.startsWith('header-impact');
 };
 var getTypographyFamily = function (type) {
-  if (isTypeHeaderImpact(type)) return 'headers-impact';
-  if (isTypeHeader(type)) return 'headers';
+  if (isTypeHeadingsImpact(type)) return 'headings-impact';
+  if (isTypeHeadings(type)) return 'headings';
   return 'bodies';
 };
 var getTypographyFamilyWithAncestorValue = function (type, typographyFamilyInContext) {
@@ -1933,8 +1971,8 @@ function Typography(_ref) {
   var baseOrDefaultToBody = hasTypographyAncestor ? type.base : (_type$base = type.base) !== null && _type$base !== void 0 ? _type$base : 'body';
   var typographyFamily = getTypographyFamilyWithAncestorValue(baseOrDefaultToBody, typographyFamilyInContext);
 
-  // force bold for headers, default to regular for bodies
-  var nonNullableVariant = variant !== null && variant !== void 0 ? variant : typographyFamily === 'headers' || typographyFamily === 'headers-impact' ? 'bold' : 'regular';
+  // force bold for headings, default to regular for bodies
+  var nonNullableVariant = variant !== null && variant !== void 0 ? variant : typographyFamily === 'headings' || typographyFamily === 'headings-impact' ? 'bold' : 'regular';
   var fontSizeForNativeBase = createNativeBaseFontSize(_objectSpread(_objectSpread({}, type), {}, {
     base: baseOrDefaultToBody
   }));
@@ -2291,7 +2329,7 @@ var useNativeAnimation$3 = function (_ref) {
     };
     _f.asString = "function _f(){const{interpolateColor,color,backgroundColor,pressedBackgroundColor,withSpring,pressed,scale}=jsThis._closure;{return{backgroundColor:interpolateColor(color.value,[0,1],[backgroundColor,pressedBackgroundColor]),transform:[{scale:withSpring(pressed.value?scale.base.active:scale.base.default)}]};}}";
     _f.__workletHash = 5368461229978;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Button/hooks/useNativeAnimation.ts (31:42)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/Button/hooks/useNativeAnimation.ts (31:42)";
     _f.__optimalization = 2;
     return _f;
   }());
@@ -2899,7 +2937,7 @@ function NativeOpacityAnimation$2(_ref) {
           };
           _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
           _f.__workletHash = 14707844242190;
-          _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (32:96)";
+          _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (32:96)";
           return _f;
         }())
       };
@@ -2924,7 +2962,7 @@ function NativeOpacityAnimation$2(_ref) {
     };
     _f.asString = "function _f(){const{theme,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.cardModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})};}}";
     _f.__workletHash = 14370179131905;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (27:40)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (27:40)";
     return _f;
   }());
   return /*#__PURE__*/jsx(Animated.View, {
@@ -2972,7 +3010,7 @@ function NativeRotationAnimation$1(_ref) {
         };
         _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
         _f.__workletHash = 14707844242190;
-        _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (41:102)";
+        _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (41:102)";
         return _f;
       }());
       return {
@@ -3011,7 +3049,7 @@ function NativeRotationAnimation$1(_ref) {
     };
     _f.asString = "function _f(){const{theme,rotation,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.cardModal.animation.content;const[x1,y1,x2,y2]=easing;rotation.value=withTiming(visible?0:5,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();});return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)}),transform:[{scale:withTiming(visible?1:0.8,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})},{rotateZ:rotation.value+\"deg\"}]};}}";
     _f.__workletHash = 14560674497944;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (36:41)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (36:41)";
     return _f;
   }());
   return /*#__PURE__*/jsx(Animated.View, {
@@ -3336,7 +3374,7 @@ var useNativeAnimation$2 = function (_ref) {
     };
     _f.asString = "function _f(){const{withTiming,pressed,theme}=jsThis._closure;{return withTiming(pressed.value?1:0,{duration:theme.kitt.choices.item.transition.duration});}}";
     _f.__workletHash = 1120030177160;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (31:35)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (31:35)";
     return _f;
   }());
   var backgroundStyles = useAnimatedStyle(function () {
@@ -3373,7 +3411,7 @@ var useNativeAnimation$2 = function (_ref) {
     };
     _f.asString = "function _f(){const{theme,disabled,selected,interpolateColor,progress}=jsThis._closure;{const{default:defaultBg,pressed:pressedBg,selected:selectedBg,disabled:disabledBg}=theme.kitt.choices.item.backgroundColor;if(disabled)return{backgroundColor:disabledBg};if(selected)return{backgroundColor:selectedBg};return{backgroundColor:interpolateColor(progress.value,[0,1],[defaultBg,pressedBg])};}}";
     _f.__workletHash = 15506726129309;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (35:44)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (35:44)";
     return _f;
   }());
   return {
@@ -3607,7 +3645,7 @@ function NativeOpacityAnimation$1(_ref) {
           };
           _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
           _f.__workletHash = 14707844242190;
-          _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (32:96)";
+          _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (32:96)";
           return _f;
         }())
       };
@@ -3632,7 +3670,7 @@ function NativeOpacityAnimation$1(_ref) {
     };
     _f.asString = "function _f(){const{theme,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.dialogModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})};}}";
     _f.__workletHash = 3254948230845;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (27:40)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (27:40)";
     return _f;
   }());
   return /*#__PURE__*/jsx(Animated.View, {
@@ -3680,7 +3718,7 @@ function NativeRotationAnimation(_ref) {
         };
         _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
         _f.__workletHash = 14707844242190;
-        _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (41:102)";
+        _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (41:102)";
         return _f;
       }());
       return {
@@ -3719,7 +3757,7 @@ function NativeRotationAnimation(_ref) {
     };
     _f.asString = "function _f(){const{theme,rotation,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.dialogModal.animation.content;const[x1,y1,x2,y2]=easing;rotation.value=withTiming(visible?0:5,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();});return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)}),transform:[{scale:withTiming(visible?1:0.8,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})},{rotateZ:rotation.value+\"deg\"}]};}}";
     _f.__workletHash = 14448961480868;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (36:41)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (36:41)";
     return _f;
   }());
   return /*#__PURE__*/jsx(Animated.View, {
@@ -6307,7 +6345,7 @@ var useNativeAnimation$1 = function (_ref) {
     };
     _f.asString = "function _f(){const{isDisabled,theme,isSelected,pressedBackgroundColor,pressedBorderColor,interpolateColor,color,backgroundColor,borderColor}=jsThis._closure;{if(isDisabled){return{backgroundColor:theme.kitt.forms.radioButtonGroup.item.backgroundColor.disabled,borderColor:theme.kitt.forms.radioButtonGroup.item.borderColor.disabled};}if(isSelected){return{backgroundColor:pressedBackgroundColor,borderColor:pressedBorderColor};}return{backgroundColor:interpolateColor(color.value,[0,1],[backgroundColor,pressedBackgroundColor]),borderColor:interpolateColor(color.value,[0,1],[borderColor,pressedBorderColor])};}}";
     _f.__workletHash = 1728775972872;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/forms/RadioButtonGroup/hooks/useNativeAnimation.ts (31:42)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/forms/RadioButtonGroup/hooks/useNativeAnimation.ts (31:42)";
     return _f;
   }());
   return {
@@ -6557,7 +6595,7 @@ function NativeOpacityAnimation(_ref) {
     };
     _f.asString = "function _f(){const{theme,withTiming,visible,Easing}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.fullscreenModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})};}}";
     _f.__workletHash = 7884472191878;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeOpacityAnimation.tsx (14:40)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/FullscreenModal/components/NativeOpacityAnimation.tsx (14:40)";
     _f.__optimalization = 2;
     return _f;
   }());
@@ -6611,7 +6649,7 @@ function NativeSlideInAnimation(_ref) {
             };
             _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
             _f.__workletHash = 14707844242190;
-            _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (45:12)";
+            _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (45:12)";
             return _f;
           }())
         }]
@@ -6638,7 +6676,7 @@ function NativeSlideInAnimation(_ref) {
     };
     _f.asString = "function _f(){const{theme,withTiming,visible,wHeight,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.fullscreenModal.animation.content;const[x1,y1,x2,y2]=easing;return{transform:[{translateY:withTiming(visible?0:wHeight,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})}]};}}";
     _f.__workletHash = 16793352522068;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (35:42)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (35:42)";
     return _f;
   }());
   return /*#__PURE__*/jsx(Animated.View, {
@@ -6964,7 +7002,7 @@ function useNativeAnimation(_ref) {
     };
     _f.asString = "function _f(){const{withSpring,pressed}=jsThis._closure;{return{opacity:withSpring(pressed.value?1:0)};}}";
     _f.__workletHash = 10645190329247;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (24:41)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (24:41)";
     _f.__optimalization = 2;
     return _f;
   }());
@@ -6994,7 +7032,7 @@ function useNativeAnimation(_ref) {
     };
     _f.asString = "function _f(){const{withSpring,pressed,theme}=jsThis._closure;{return{transform:[{scale:withSpring(pressed.value?theme.kitt.iconButton.scale.base.active:theme.kitt.iconButton.scale.base.default)}]};}}";
     _f.__workletHash = 13861998831411;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (30:39)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (30:39)";
     _f.__optimalization = 2;
     return _f;
   }());
@@ -8486,96 +8524,184 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
     }, appBreakpoints),
     fontSizes: {
       baseAndSmall: {
-        header1: "".concat(theme.typography.types.headers.configs.header1.baseAndSmall.fontSize, "px"),
-        header2: "".concat(theme.typography.types.headers.configs.header2.baseAndSmall.fontSize, "px"),
-        header3: "".concat(theme.typography.types.headers.configs.header3.baseAndSmall.fontSize, "px"),
-        header4: "".concat(theme.typography.types.headers.configs.header4.baseAndSmall.fontSize, "px"),
-        header5: "".concat(theme.typography.types.headers.configs.header5.baseAndSmall.fontSize, "px"),
+        /* legacy */
+        header1: "".concat(theme.typography.types.headings.configs.header1.baseAndSmall.fontSize, "px"),
+        header2: "".concat(theme.typography.types.headings.configs.header2.baseAndSmall.fontSize, "px"),
+        header3: "".concat(theme.typography.types.headings.configs.header3.baseAndSmall.fontSize, "px"),
+        header4: "".concat(theme.typography.types.headings.configs.header4.baseAndSmall.fontSize, "px"),
+        header5: "".concat(theme.typography.types.headings.configs.header5.baseAndSmall.fontSize, "px"),
         'body-large': "".concat(theme.typography.types.bodies.configs['body-large'].baseAndSmall.fontSize, "px"),
         'body-medium': "".concat(theme.typography.types.bodies.configs['body-medium'].baseAndSmall.fontSize, "px"),
         body: "".concat(theme.typography.types.bodies.configs.body.baseAndSmall.fontSize, "px"),
         'body-small': "".concat(theme.typography.types.bodies.configs['body-small'].baseAndSmall.fontSize, "px"),
         'body-xsmall': "".concat(theme.typography.types.bodies.configs['body-xsmall'].baseAndSmall.fontSize, "px"),
-        'header-impact-xxl': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxl'].baseAndSmall.fontSize, "px"),
-        'header-impact-xl': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xl'].baseAndSmall.fontSize, "px"),
-        'header-impact-l': "".concat(theme.typography.types['headers-impact'].configs['header-impact-l'].baseAndSmall.fontSize, "px"),
-        'header-impact-m': "".concat(theme.typography.types['headers-impact'].configs['header-impact-m'].baseAndSmall.fontSize, "px"),
-        'header-impact-s': "".concat(theme.typography.types['headers-impact'].configs['header-impact-s'].baseAndSmall.fontSize, "px"),
-        'header-impact-xs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xs'].baseAndSmall.fontSize, "px"),
-        'header-impact-xxs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxs'].baseAndSmall.fontSize, "px"),
-        'header-impact-xxxs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxxs'].baseAndSmall.fontSize, "px")
+        'header-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxl'].baseAndSmall.fontSize, "px"),
+        'header-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xl'].baseAndSmall.fontSize, "px"),
+        'header-impact-l': "".concat(theme.typography.types['headings-impact'].configs['header-impact-l'].baseAndSmall.fontSize, "px"),
+        'header-impact-m': "".concat(theme.typography.types['headings-impact'].configs['header-impact-m'].baseAndSmall.fontSize, "px"),
+        'header-impact-s': "".concat(theme.typography.types['headings-impact'].configs['header-impact-s'].baseAndSmall.fontSize, "px"),
+        'header-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xs'].baseAndSmall.fontSize, "px"),
+        'header-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxs'].baseAndSmall.fontSize, "px"),
+        'header-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxxs'].baseAndSmall.fontSize, "px"),
+        /* latest */
+        'heading-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxl'].baseAndSmall.fontSize, "px"),
+        'heading-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xl'].baseAndSmall.fontSize, "px"),
+        'heading-impact-l': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-l'].baseAndSmall.fontSize, "px"),
+        'heading-impact-m': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-m'].baseAndSmall.fontSize, "px"),
+        'heading-impact-s': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-s'].baseAndSmall.fontSize, "px"),
+        'heading-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xs'].baseAndSmall.fontSize, "px"),
+        'heading-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxs'].baseAndSmall.fontSize, "px"),
+        'heading-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxxs'].baseAndSmall.fontSize, "px"),
+        'heading-xxl': "".concat(theme.typography.types.headings.configs['heading-xxl'].baseAndSmall.fontSize, "px"),
+        'heading-xl': "".concat(theme.typography.types.headings.configs['heading-xl'].baseAndSmall.fontSize, "px"),
+        'heading-l': "".concat(theme.typography.types.headings.configs['heading-l'].baseAndSmall.fontSize, "px"),
+        'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].baseAndSmall.fontSize, "px"),
+        'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].baseAndSmall.fontSize, "px"),
+        'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].baseAndSmall.fontSize, "px"),
+        'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].baseAndSmall.fontSize, "px"),
+        'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].baseAndSmall.fontSize, "px"),
+        'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].baseAndSmall.fontSize, "px"),
+        'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].baseAndSmall.fontSize, "px"),
+        'body-s': "".concat(theme.typography.types.bodies.configs['body-s'].baseAndSmall.fontSize, "px"),
+        'body-xs': "".concat(theme.typography.types.bodies.configs['body-xs'].baseAndSmall.fontSize, "px")
       },
       mediumAndWide: {
-        header1: "".concat(theme.typography.types.headers.configs.header1.mediumAndWide.fontSize, "px"),
-        header2: "".concat(theme.typography.types.headers.configs.header2.mediumAndWide.fontSize, "px"),
-        header3: "".concat(theme.typography.types.headers.configs.header3.mediumAndWide.fontSize, "px"),
-        header4: "".concat(theme.typography.types.headers.configs.header4.mediumAndWide.fontSize, "px"),
-        header5: "".concat(theme.typography.types.headers.configs.header5.mediumAndWide.fontSize, "px"),
+        /* legacy */
+        header1: "".concat(theme.typography.types.headings.configs.header1.mediumAndWide.fontSize, "px"),
+        header2: "".concat(theme.typography.types.headings.configs.header2.mediumAndWide.fontSize, "px"),
+        header3: "".concat(theme.typography.types.headings.configs.header3.mediumAndWide.fontSize, "px"),
+        header4: "".concat(theme.typography.types.headings.configs.header4.mediumAndWide.fontSize, "px"),
+        header5: "".concat(theme.typography.types.headings.configs.header5.mediumAndWide.fontSize, "px"),
         'body-large': "".concat(theme.typography.types.bodies.configs['body-large'].mediumAndWide.fontSize, "px"),
         'body-medium': "".concat(theme.typography.types.bodies.configs['body-medium'].mediumAndWide.fontSize, "px"),
         body: "".concat(theme.typography.types.bodies.configs.body.mediumAndWide.fontSize, "px"),
         'body-small': "".concat(theme.typography.types.bodies.configs['body-small'].mediumAndWide.fontSize, "px"),
         'body-xsmall': "".concat(theme.typography.types.bodies.configs['body-xsmall'].mediumAndWide.fontSize, "px"),
-        'header-impact-xxl': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxl'].mediumAndWide.fontSize, "px"),
-        'header-impact-xl': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xl'].mediumAndWide.fontSize, "px"),
-        'header-impact-l': "".concat(theme.typography.types['headers-impact'].configs['header-impact-l'].mediumAndWide.fontSize, "px"),
-        'header-impact-m': "".concat(theme.typography.types['headers-impact'].configs['header-impact-m'].mediumAndWide.fontSize, "px"),
-        'header-impact-s': "".concat(theme.typography.types['headers-impact'].configs['header-impact-s'].mediumAndWide.fontSize, "px"),
-        'header-impact-xs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xs'].mediumAndWide.fontSize, "px"),
-        'header-impact-xxs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxs'].mediumAndWide.fontSize, "px"),
-        'header-impact-xxxs': "".concat(theme.typography.types['headers-impact'].configs['header-impact-xxxs'].mediumAndWide.fontSize, "px")
+        'header-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxl'].mediumAndWide.fontSize, "px"),
+        'header-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xl'].mediumAndWide.fontSize, "px"),
+        'header-impact-l': "".concat(theme.typography.types['headings-impact'].configs['header-impact-l'].mediumAndWide.fontSize, "px"),
+        'header-impact-m': "".concat(theme.typography.types['headings-impact'].configs['header-impact-m'].mediumAndWide.fontSize, "px"),
+        'header-impact-s': "".concat(theme.typography.types['headings-impact'].configs['header-impact-s'].mediumAndWide.fontSize, "px"),
+        'header-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xs'].mediumAndWide.fontSize, "px"),
+        'header-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxs'].mediumAndWide.fontSize, "px"),
+        'header-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['header-impact-xxxs'].mediumAndWide.fontSize, "px"),
+        /* latest */
+        'heading-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxl'].mediumAndWide.fontSize, "px"),
+        'heading-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xl'].mediumAndWide.fontSize, "px"),
+        'heading-impact-l': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-l'].mediumAndWide.fontSize, "px"),
+        'heading-impact-m': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-m'].mediumAndWide.fontSize, "px"),
+        'heading-impact-s': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-s'].mediumAndWide.fontSize, "px"),
+        'heading-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xs'].mediumAndWide.fontSize, "px"),
+        'heading-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxs'].mediumAndWide.fontSize, "px"),
+        'heading-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxxs'].mediumAndWide.fontSize, "px"),
+        'heading-xxl': "".concat(theme.typography.types.headings.configs['heading-xxl'].mediumAndWide.fontSize, "px"),
+        'heading-xl': "".concat(theme.typography.types.headings.configs['heading-xl'].mediumAndWide.fontSize, "px"),
+        'heading-l': "".concat(theme.typography.types.headings.configs['heading-l'].mediumAndWide.fontSize, "px"),
+        'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].mediumAndWide.fontSize, "px"),
+        'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].mediumAndWide.fontSize, "px"),
+        'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].mediumAndWide.fontSize, "px"),
+        'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].mediumAndWide.fontSize, "px"),
+        'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].mediumAndWide.fontSize, "px"),
+        'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].mediumAndWide.fontSize, "px"),
+        'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].mediumAndWide.fontSize, "px"),
+        'body-s': "".concat(theme.typography.types.bodies.configs['body-s'].mediumAndWide.fontSize, "px"),
+        'body-xs': "".concat(theme.typography.types.bodies.configs['body-xs'].mediumAndWide.fontSize, "px")
       }
     },
     lineHeights: {
       baseAndSmall: {
-        header1: theme.typography.types.headers.configs.header1.baseAndSmall.lineHeight,
-        header2: theme.typography.types.headers.configs.header2.baseAndSmall.lineHeight,
-        header3: theme.typography.types.headers.configs.header3.baseAndSmall.lineHeight,
-        header4: theme.typography.types.headers.configs.header4.baseAndSmall.lineHeight,
-        header5: theme.typography.types.headers.configs.header5.baseAndSmall.lineHeight,
+        /* legacy */
+        header1: theme.typography.types.headings.configs.header1.baseAndSmall.lineHeight,
+        header2: theme.typography.types.headings.configs.header2.baseAndSmall.lineHeight,
+        header3: theme.typography.types.headings.configs.header3.baseAndSmall.lineHeight,
+        header4: theme.typography.types.headings.configs.header4.baseAndSmall.lineHeight,
+        header5: theme.typography.types.headings.configs.header5.baseAndSmall.lineHeight,
         'body-large': theme.typography.types.bodies.configs['body-large'].baseAndSmall.lineHeight,
         'body-medium': theme.typography.types.bodies.configs['body-medium'].baseAndSmall.lineHeight,
         body: theme.typography.types.bodies.configs.body.baseAndSmall.lineHeight,
         'body-small': theme.typography.types.bodies.configs['body-small'].baseAndSmall.lineHeight,
         'body-xsmall': theme.typography.types.bodies.configs['body-xsmall'].baseAndSmall.lineHeight,
-        'header-impact-xxl': theme.typography.types['headers-impact'].configs['header-impact-xxl'].baseAndSmall.lineHeight,
-        'header-impact-xl': theme.typography.types['headers-impact'].configs['header-impact-xl'].baseAndSmall.lineHeight,
-        'header-impact-l': theme.typography.types['headers-impact'].configs['header-impact-l'].baseAndSmall.lineHeight,
-        'header-impact-m': theme.typography.types['headers-impact'].configs['header-impact-m'].baseAndSmall.lineHeight,
-        'header-impact-s': theme.typography.types['headers-impact'].configs['header-impact-s'].baseAndSmall.lineHeight,
-        'header-impact-xs': theme.typography.types['headers-impact'].configs['header-impact-xs'].baseAndSmall.lineHeight,
-        'header-impact-xxs': theme.typography.types['headers-impact'].configs['header-impact-xxs'].baseAndSmall.lineHeight,
-        'header-impact-xxxs': theme.typography.types['headers-impact'].configs['header-impact-xxxs'].baseAndSmall.lineHeight
+        'header-impact-xxl': theme.typography.types['headings-impact'].configs['header-impact-xxl'].baseAndSmall.lineHeight,
+        'header-impact-xl': theme.typography.types['headings-impact'].configs['header-impact-xl'].baseAndSmall.lineHeight,
+        'header-impact-l': theme.typography.types['headings-impact'].configs['header-impact-l'].baseAndSmall.lineHeight,
+        'header-impact-m': theme.typography.types['headings-impact'].configs['header-impact-m'].baseAndSmall.lineHeight,
+        'header-impact-s': theme.typography.types['headings-impact'].configs['header-impact-s'].baseAndSmall.lineHeight,
+        'header-impact-xs': theme.typography.types['headings-impact'].configs['header-impact-xs'].baseAndSmall.lineHeight,
+        'header-impact-xxs': theme.typography.types['headings-impact'].configs['header-impact-xxs'].baseAndSmall.lineHeight,
+        'header-impact-xxxs': theme.typography.types['headings-impact'].configs['header-impact-xxxs'].baseAndSmall.lineHeight,
+        /* latest */
+        'heading-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxl'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xl'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-l': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-l'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-m': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-m'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-s': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-s'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xs'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxs'].baseAndSmall.lineHeight, "px"),
+        'heading-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxxs'].baseAndSmall.lineHeight, "px"),
+        'heading-xxl': "".concat(theme.typography.types.headings.configs['heading-xxl'].baseAndSmall.lineHeight, "px"),
+        'heading-xl': "".concat(theme.typography.types.headings.configs['heading-xl'].baseAndSmall.lineHeight, "px"),
+        'heading-l': "".concat(theme.typography.types.headings.configs['heading-l'].baseAndSmall.lineHeight, "px"),
+        'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].baseAndSmall.lineHeight, "px"),
+        'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].baseAndSmall.lineHeight, "px"),
+        'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].baseAndSmall.lineHeight, "px"),
+        'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].baseAndSmall.lineHeight, "px"),
+        'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].baseAndSmall.lineHeight, "px"),
+        'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].baseAndSmall.lineHeight, "px"),
+        'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].baseAndSmall.lineHeight, "px"),
+        'body-s': "".concat(theme.typography.types.bodies.configs['body-s'].baseAndSmall.lineHeight, "px"),
+        'body-xs': "".concat(theme.typography.types.bodies.configs['body-xs'].baseAndSmall.lineHeight, "px")
       },
       mediumAndWide: {
-        header1: theme.typography.types.headers.configs.header1.mediumAndWide.lineHeight,
-        header2: theme.typography.types.headers.configs.header2.mediumAndWide.lineHeight,
-        header3: theme.typography.types.headers.configs.header3.mediumAndWide.lineHeight,
-        header4: theme.typography.types.headers.configs.header4.mediumAndWide.lineHeight,
-        header5: theme.typography.types.headers.configs.header5.mediumAndWide.lineHeight,
+        /* legacy */
+        header1: theme.typography.types.headings.configs.header1.mediumAndWide.lineHeight,
+        header2: theme.typography.types.headings.configs.header2.mediumAndWide.lineHeight,
+        header3: theme.typography.types.headings.configs.header3.mediumAndWide.lineHeight,
+        header4: theme.typography.types.headings.configs.header4.mediumAndWide.lineHeight,
+        header5: theme.typography.types.headings.configs.header5.mediumAndWide.lineHeight,
         'body-large': theme.typography.types.bodies.configs['body-large'].mediumAndWide.lineHeight,
         'body-medium': theme.typography.types.bodies.configs['body-medium'].mediumAndWide.lineHeight,
         body: theme.typography.types.bodies.configs.body.mediumAndWide.lineHeight,
         'body-small': theme.typography.types.bodies.configs['body-small'].mediumAndWide.lineHeight,
         'body-xsmall': theme.typography.types.bodies.configs['body-xsmall'].mediumAndWide.lineHeight,
-        'header-impact-xxl': theme.typography.types['headers-impact'].configs['header-impact-xxl'].mediumAndWide.lineHeight,
-        'header-impact-xl': theme.typography.types['headers-impact'].configs['header-impact-xl'].mediumAndWide.lineHeight,
-        'header-impact-l': theme.typography.types['headers-impact'].configs['header-impact-l'].mediumAndWide.lineHeight,
-        'header-impact-m': theme.typography.types['headers-impact'].configs['header-impact-m'].mediumAndWide.lineHeight,
-        'header-impact-s': theme.typography.types['headers-impact'].configs['header-impact-s'].mediumAndWide.lineHeight,
-        'header-impact-xs': theme.typography.types['headers-impact'].configs['header-impact-xs'].mediumAndWide.lineHeight,
-        'header-impact-xxs': theme.typography.types['headers-impact'].configs['header-impact-xxs'].mediumAndWide.lineHeight,
-        'header-impact-xxxs': theme.typography.types['headers-impact'].configs['header-impact-xxxs'].mediumAndWide.lineHeight
+        'header-impact-xxl': theme.typography.types['headings-impact'].configs['header-impact-xxl'].mediumAndWide.lineHeight,
+        'header-impact-xl': theme.typography.types['headings-impact'].configs['header-impact-xl'].mediumAndWide.lineHeight,
+        'header-impact-l': theme.typography.types['headings-impact'].configs['header-impact-l'].mediumAndWide.lineHeight,
+        'header-impact-m': theme.typography.types['headings-impact'].configs['header-impact-m'].mediumAndWide.lineHeight,
+        'header-impact-s': theme.typography.types['headings-impact'].configs['header-impact-s'].mediumAndWide.lineHeight,
+        'header-impact-xs': theme.typography.types['headings-impact'].configs['header-impact-xs'].mediumAndWide.lineHeight,
+        'header-impact-xxs': theme.typography.types['headings-impact'].configs['header-impact-xxs'].mediumAndWide.lineHeight,
+        'header-impact-xxxs': theme.typography.types['headings-impact'].configs['header-impact-xxxs'].mediumAndWide.lineHeight,
+        /* latest */
+        'heading-impact-xxl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxl'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-xl': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xl'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-l': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-l'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-m': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-m'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-s': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-s'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-xs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xs'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-xxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxs'].mediumAndWide.lineHeight, "px"),
+        'heading-impact-xxxs': "".concat(theme.typography.types['headings-impact'].configs['heading-impact-xxxs'].mediumAndWide.lineHeight, "px"),
+        'heading-xxl': "".concat(theme.typography.types.headings.configs['heading-xxl'].mediumAndWide.lineHeight, "px"),
+        'heading-xl': "".concat(theme.typography.types.headings.configs['heading-xl'].mediumAndWide.lineHeight, "px"),
+        'heading-l': "".concat(theme.typography.types.headings.configs['heading-l'].mediumAndWide.lineHeight, "px"),
+        'heading-m': "".concat(theme.typography.types.headings.configs['heading-m'].mediumAndWide.lineHeight, "px"),
+        'heading-s': "".concat(theme.typography.types.headings.configs['heading-s'].mediumAndWide.lineHeight, "px"),
+        'heading-xs': "".concat(theme.typography.types.headings.configs['heading-xs'].mediumAndWide.lineHeight, "px"),
+        'heading-xxs': "".concat(theme.typography.types.headings.configs['heading-xxs'].mediumAndWide.lineHeight, "px"),
+        'body-xl': "".concat(theme.typography.types.bodies.configs['body-xl'].mediumAndWide.lineHeight, "px"),
+        'body-l': "".concat(theme.typography.types.bodies.configs['body-l'].mediumAndWide.lineHeight, "px"),
+        'body-m': "".concat(theme.typography.types.bodies.configs['body-m'].mediumAndWide.lineHeight, "px"),
+        'body-s': "".concat(theme.typography.types.bodies.configs['body-s'].mediumAndWide.lineHeight, "px"),
+        'body-xs': "".concat(theme.typography.types.bodies.configs['body-xs'].mediumAndWide.lineHeight, "px")
       }
     },
     fontWeights: {
-      headers: {
-        regular: theme.typography.types.headers.fontWeight.regular,
-        bold: theme.typography.types.headers.fontWeight.bold
+      headings: {
+        regular: theme.typography.types.headings.fontWeight.regular,
+        bold: theme.typography.types.headings.fontWeight.bold
       },
-      'headers-impact': {
-        regular: theme.typography.types['headers-impact'].fontWeight,
-        bold: theme.typography.types['headers-impact'].fontWeight
+      'headings-impact': {
+        regular: theme.typography.types['headings-impact'].fontWeight,
+        bold: theme.typography.types['headings-impact'].fontWeight
       },
       bodies: {
         regular: theme.typography.types.bodies.fontWeight.regular,
@@ -8584,8 +8710,8 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       }
     },
     fonts: {
-      headers: Platform.OS === 'web' ? theme.typography.types.headers.fontFamily.web : theme.typography.types.headers.fontFamily["native"],
-      'headers-impact': Platform.OS === 'web' ? theme.typography.types['headers-impact'].fontFamily.web : theme.typography.types['headers-impact'].fontFamily["native"],
+      headings: Platform.OS === 'web' ? theme.typography.types.headings.fontFamily.web : theme.typography.types.headings.fontFamily["native"],
+      'headings-impact': Platform.OS === 'web' ? theme.typography.types['headings-impact'].fontFamily.web : theme.typography.types['headings-impact'].fontFamily["native"],
       bodies: Platform.OS === 'web' ? theme.typography.types.bodies.fontFamily.web : theme.typography.types.bodies.fontFamily["native"]
     },
     shadows: {
@@ -9252,7 +9378,7 @@ function AnimatedLoaderCircle(_ref) {
     };
     _f.asString = "function _f(){const{circlePerimeter,progress}=jsThis._closure;{return{strokeDashoffset:circlePerimeter-circlePerimeter*progress.value};}}";
     _f.__workletHash = 1345639818356;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedLoaderCircle.tsx (23:43)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/PageLoader/AnimatedLoaderCircle.tsx (23:43)";
     return _f;
   }());
   return /*#__PURE__*/jsx(AnimatedCircle, {
@@ -9328,7 +9454,7 @@ function AnimatedFillCircleContainer(_ref) {
     };
     _f.asString = "function _f(){const{progress}=jsThis._closure;{return{transform:[{rotate:360*progress.value+\"deg\"}]};}}";
     _f.__workletHash = 16553090406738;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedFillCircleContainer.tsx (36:42)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/PageLoader/AnimatedFillCircleContainer.tsx (36:42)";
     _f.__optimalization = 3;
     return _f;
   }());
@@ -9698,7 +9824,7 @@ function SkeletonContent(_ref) {
     };
     _f.asString = "function _f(){const{interpolate,sharedX,width}=jsThis._closure;{return{transform:[{translateX:interpolate(sharedX.value,[0,1],[-width,width])}]};}}";
     _f.__workletHash = 1670955855244;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Skeleton/SkeletonContent.tsx (36:47)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/Skeleton/SkeletonContent.tsx (36:47)";
     _f.__optimalization = 3;
     return _f;
   }());
@@ -10725,7 +10851,7 @@ function Tooltip(_ref) {
     };
     _f.asString = "function _f(){const{withSpring,pressed,theme}=jsThis._closure;{return{opacity:withSpring(pressed.value?theme.kitt.tooltip.opacity:0),transform:[{scale:withSpring(pressed.value?1:0.8)}]};}}";
     _f.__workletHash = 1087298059737;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Tooltip/Tooltip.tsx (112:42)";
+    _f.__location = "/Users/chris/dev/kitt/@ornikar/kitt-universal/src/Tooltip/Tooltip.tsx (112:42)";
     _f.__optimalization = 2;
     return _f;
   }());