@ornikar/kitt-universal 28.0.0 → 28.1.0

package/dist/index-node-22.17.es.web.mjs

@@ -3170,7 +3170,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
     nativeFontFamily
   };
 }
-function Typography({
+const TypographyBase = /*#__PURE__*/forwardRef(({
   accessibilityRole,
   base: legacyBase,
   small: legacySmall,
@@ -3187,7 +3187,7 @@ function Typography({
   variant,
   color,
   ...otherProps
-}) {
+}, ref) => {
   const sx = useSx();
   const typographyFamilyInContext = useContext(TypographyFamilyContext);
   const typographyTypeInContext = useContext(TypographyTypeContext);
@@ -3221,6 +3221,7 @@ function Typography({
     });
   }
   const text = /*#__PURE__*/jsx(Text, {
+    ref: ref,
     accessibilityRole: accessibilityRole || undefined,
     fontSize: fontSizeForNativeBase,
     lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3241,33 +3242,37 @@ function Typography({
     value: color,
     children: content
   }) : content;
-}
-function TypographyText(props) {
-  return /*#__PURE__*/jsx(Typography, {
+});
+const TypographyText = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(TypographyBase, {
+    ref: ref,
     accessibilityRole: null,
     ...props
   });
-}
-function TypographyParagraph(props) {
+});
+const TypographyParagraph = /*#__PURE__*/forwardRef((props, ref) => {
   // role 'paragraph' does not exist in native, it's a web feature only.
-  return /*#__PURE__*/jsx(Typography, {
+  return /*#__PURE__*/jsx(TypographyBase, {
+    ref: ref,
     accessibilityRole: 'paragraph',
     ...props
   });
-}
+});
 const createHeading = (level, defaultBase) => {
   // https://github.com/necolas/react-native-web/issues/401
-  function TypographyHeading(props) {
-    return /*#__PURE__*/jsx(Typography, {
+  const TypographyHeading = /*#__PURE__*/forwardRef((props, ref) => {
+    return /*#__PURE__*/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;
@@ -4292,7 +4297,7 @@ function TopNavBar({
   stickers,
   mode = 'default',
   hasSeparator = true,
-  backgroundColor,
+  backgroundColor = 'kitt.uiBackgroundLight',
   testID
 }) {
   const isLargeTitleMode = mode === 'largeTitle';
@@ -9489,6 +9494,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
@@ -12738,7 +12744,7 @@ function TypographyLinkWebWrapper({
   });
 }
 
-function TypographyLink({
+const TypographyLink = /*#__PURE__*/forwardRef(({
   children,
   disabled,
   noUnderline,
@@ -12746,10 +12752,11 @@ function TypographyLink({
   hrefAttrs,
   onPress,
   ...otherProps
-}) {
+}, ref) => {
   return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
     hasNoUnderline: noUnderline,
     children: /*#__PURE__*/jsx(Typography, {
+      ref: ref,
       underline: !noUnderline,
       color: disabled ? 'black-disabled' : undefined,
       href: href,
@@ -12779,7 +12786,7 @@ function TypographyLink({
       children: children
     })
   });
-}
+});
 
 function KittThemeProvider({
   isSSR,