@ornikar/kitt-universal 28.0.0 → 28.1.0

package/dist/index-node-22.17.cjs.js

@@ -3186,7 +3186,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
     nativeFontFamily
   };
 }
-function Typography({
+const TypographyBase = /*#__PURE__*/React.forwardRef(({
   accessibilityRole,
   base: legacyBase,
   small: legacySmall,
@@ -3203,7 +3203,7 @@ function Typography({
   variant,
   color,
   ...otherProps
-}) {
+}, ref) => {
   const sx = nativeBase.useSx();
   const typographyFamilyInContext = React.useContext(TypographyFamilyContext);
   const typographyTypeInContext = React.useContext(TypographyTypeContext);
@@ -3237,6 +3237,7 @@ function Typography({
     });
   }
   const text = /*#__PURE__*/jsxRuntime.jsx(nativeBase.Text, {
+    ref: ref,
     accessibilityRole: accessibilityRole || undefined,
     fontSize: fontSizeForNativeBase,
     lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3257,33 +3258,37 @@ function Typography({
     value: color,
     children: content
   }) : content;
-}
-function TypographyText(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(Typography, {
+});
+const TypographyText = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
+    ref: ref,
     accessibilityRole: null,
     ...props
   });
-}
-function TypographyParagraph(props) {
+});
+const TypographyParagraph = /*#__PURE__*/React.forwardRef((props, ref) => {
   // role 'paragraph' does not exist in native, it's a web feature only.
-  return /*#__PURE__*/jsxRuntime.jsx(Typography, {
+  return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
+    ref: ref,
     accessibilityRole: reactNative.Platform.OS === 'web' ? 'paragraph' : null,
     ...props
   });
-}
+});
 const createHeading = (level, defaultBase) => {
   // https://github.com/necolas/react-native-web/issues/401
-  function TypographyHeading(props) {
-    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
+  const TypographyHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
+    return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
+      ref: ref,
       accessibilityRole: "header",
       base: defaultBase,
       ...props,
       "aria-level": level
     });
-  }
+  });
   TypographyHeading.displayName = `TypographyHeading${level}`;
   return TypographyHeading;
 };
+const Typography = TypographyBase;
 Typography.SetDefaultColor = TypographyDefaultColorContext.Provider;
 Typography.Text = TypographyText;
 Typography.Paragraph = TypographyParagraph;
@@ -4458,7 +4463,7 @@ function TopNavBar({
   stickers,
   mode = 'default',
   hasSeparator = true,
-  backgroundColor,
+  backgroundColor = 'kitt.uiBackgroundLight',
   testID
 }) {
   const isLargeTitleMode = mode === 'largeTitle';
@@ -10323,6 +10328,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
@@ -13707,7 +13713,7 @@ function TypographyLinkWebWrapper({
   return children;
 }
 
-function TypographyLink({
+const TypographyLink = /*#__PURE__*/React.forwardRef(({
   children,
   disabled,
   noUnderline,
@@ -13715,10 +13721,11 @@ function TypographyLink({
   hrefAttrs,
   onPress,
   ...otherProps
-}) {
+}, ref) => {
   return /*#__PURE__*/jsxRuntime.jsx(TypographyLinkWebWrapper, {
     hasNoUnderline: noUnderline,
     children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      ref: ref,
       underline: !noUnderline,
       color: disabled ? 'black-disabled' : undefined,
       href: href,
@@ -13748,7 +13755,7 @@ function TypographyLink({
       children: children
     })
   });
-}
+});
 
 function KittThemeProvider({
   isSSR,