@ornikar/kitt-universal 29.4.1-canary.cbb5dfd9b37cae9e4b2943cbcdd994e53c1d96d8.0 → 29.4.1

package/dist/index.es.web.js

@@ -3107,6 +3107,7 @@ var getTypographyTypeWithAncestorValue = function (type, typographyTypeInContext
 var _excluded$P = ["accessibilityRole", "base", "small", "medium", "large", "wide", "type", "variant", "color"];
 var TypographyFamilyContext = /*#__PURE__*/createContext(null);
 var TypographyTypeContext = /*#__PURE__*/createContext(null);
+var TypographyVariantContext = /*#__PURE__*/createContext(undefined);
 var TypographyColorContext = /*#__PURE__*/createContext('black');
 function useTypographyColor() {
   return useContext(TypographyColorContext);
@@ -3230,21 +3231,33 @@ var TypographyBase = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     color = _ref2.color,
     otherProps = _objectWithoutProperties(_ref2, _excluded$P);
   var sx = useSx();
+
+  // ancestors
   var typographyFamilyInContext = useContext(TypographyFamilyContext);
   var typographyTypeInContext = useContext(TypographyTypeContext);
-  var defaultColor = useTypographyDefaultColor();
+  var typographyVariantInContext = useContext(TypographyVariantContext);
+
+  // family
   var hasTypographyAncestor = typographyFamilyInContext !== null;
   var typographyType = getTypographyTypeWithAncestorValue(type, typographyTypeInContext);
   var baseOrDefaultToBody = (_typographyType$base = typographyType.base) !== null && _typographyType$base !== void 0 ? _typographyType$base : 'body-m';
   var typographyFamily = getTypographyFamilyWithAncestorValue(baseOrDefaultToBody, typographyFamilyInContext);
+
+  // size
   var fontSizeForNativeBase = createNativeBaseFontSize(_objectSpread(_objectSpread({}, type), {}, {
     base: baseOrDefaultToBody
   }));
+
+  // weight
+
   var _getUniversalFontWeig = getUniversalFontWeight(_objectSpread(_objectSpread({}, type), {}, {
       base: baseOrDefaultToBody
-    }), variant, typographyFamily),
+    }), !variant && typographyType === typographyTypeInContext ? typographyVariantInContext : variant, typographyFamily),
     webFontWeight = _getUniversalFontWeig.webFontWeight,
     nativeFontFamily = _getUniversalFontWeig.nativeFontFamily;
+
+  // color
+  var defaultColor = useTypographyDefaultColor();
   var currentColor = !color && !hasTypographyAncestor ? defaultColor : color;
   var currentColorValue = getTypographyColorValue(currentColor);
   var colorStyles = sx({
@@ -3270,11 +3283,14 @@ var TypographyBase = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     fontFamily: nativeFontFamily,
     textTransform: typographyFamily === 'contentCaps' ? 'uppercase' : undefined
   }, colorStyles), otherProps));
-  var content = baseOrDefaultToBody ? /*#__PURE__*/jsx(TypographyFamilyContext.Provider, {
-    value: typographyFamily,
-    children: /*#__PURE__*/jsx(TypographyTypeContext.Provider, {
-      value: typographyType,
-      children: text
+  var content = baseOrDefaultToBody ? /*#__PURE__*/jsx(TypographyVariantContext.Provider, {
+    value: variant,
+    children: /*#__PURE__*/jsx(TypographyFamilyContext.Provider, {
+      value: typographyFamily,
+      children: /*#__PURE__*/jsx(TypographyTypeContext.Provider, {
+        value: typographyType,
+        children: text
+      })
     })
   }) : text;
   return color ? /*#__PURE__*/jsx(TypographyColorContext.Provider, {