@ornikar/kitt-universal 28.0.0 → 28.1.0

package/dist/index.es.web.js

@@ -3202,7 +3202,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
     nativeFontFamily: nativeFontFamily
   };
 }
-function Typography(_ref2) {
+var TypographyBase = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var _typographyType$base;
   var accessibilityRole = _ref2.accessibilityRole,
     legacyBase = _ref2.base,
@@ -3254,6 +3254,7 @@ function Typography(_ref2) {
     });
   }
   var text = /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
+    ref: ref,
     accessibilityRole: accessibilityRole || undefined,
     fontSize: fontSizeForNativeBase,
     lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3272,31 +3273,35 @@ function Typography(_ref2) {
     value: color,
     children: content
   }) : content;
-}
-function TypographyText(props) {
-  return /*#__PURE__*/jsx(Typography, _objectSpread({
+});
+var TypographyText = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/jsx(TypographyBase, _objectSpread({
+    ref: ref,
     accessibilityRole: null
   }, props));
-}
-function TypographyParagraph(props) {
+});
+var TypographyParagraph = /*#__PURE__*/forwardRef(function (props, ref) {
   // role 'paragraph' does not exist in native, it's a web feature only.
-  return /*#__PURE__*/jsx(Typography, _objectSpread({
+  return /*#__PURE__*/jsx(TypographyBase, _objectSpread({
+    ref: ref,
     accessibilityRole: 'paragraph'
   }, props));
-}
+});
 var createHeading = function (level, defaultBase) {
   // https://github.com/necolas/react-native-web/issues/401
-  function TypographyHeading(props) {
-    return /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+  var TypographyHeading = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/jsx(TypographyBase, _objectSpread(_objectSpread({
+      ref: ref,
       accessibilityRole: "header",
       base: defaultBase
     }, props), {}, {
       "aria-level": level
     }));
-  }
+  });
   TypographyHeading.displayName = "TypographyHeading".concat(level);
   return TypographyHeading;
 };
+var Typography = TypographyBase;
 Typography.SetDefaultColor = TypographyDefaultColorContext.Provider;
 Typography.Text = TypographyText;
 Typography.Paragraph = TypographyParagraph;
@@ -4334,7 +4339,8 @@ function TopNavBar(_ref) {
     mode = _ref$mode === void 0 ? 'default' : _ref$mode,
     _ref$hasSeparator = _ref.hasSeparator,
     hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator,
-    backgroundColor = _ref.backgroundColor,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
     testID = _ref.testID;
   var isLargeTitleMode = mode === 'largeTitle';
   var leftEmptySpace = !left && titleAlign === 'left' ? null : /*#__PURE__*/jsx(View, {
@@ -9679,6 +9685,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
         button: {
           minWidth: theme.button.minWidth,
           maxWidth: theme.button.maxWidth,
+          maxHeight: theme.button.maxHeight,
           height: {
             "default": theme.button.height["default"],
             medium: theme.button.height.medium
@@ -12937,7 +12944,7 @@ function TypographyLinkWebWrapper(_ref) {
 }
 
 var _excluded$3 = ["children", "disabled", "noUnderline", "href", "hrefAttrs", "onPress"];
-function TypographyLink(_ref) {
+var TypographyLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
     noUnderline = _ref.noUnderline,
@@ -12948,6 +12955,7 @@ function TypographyLink(_ref) {
   return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
     hasNoUnderline: noUnderline,
     children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+      ref: ref,
       underline: !noUnderline,
       color: disabled ? 'black-disabled' : undefined,
       href: href,
@@ -12977,7 +12985,7 @@ function TypographyLink(_ref) {
       children: children
     }))
   });
-}
+});
 
 function KittThemeProvider(_ref) {
   var isSSR = _ref.isSSR,