@ornikar/kitt-universal 28.0.1 → 29.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3177,7 +3177,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
3177
3177
  nativeFontFamily
3178
3178
  };
3179
3179
  }
3180
- function Typography({
3180
+ const TypographyBase = /*#__PURE__*/react.forwardRef(({
3181
3181
  accessibilityRole,
3182
3182
  base: legacyBase,
3183
3183
  small: legacySmall,
@@ -3194,7 +3194,7 @@ function Typography({
3194
3194
  variant,
3195
3195
  color,
3196
3196
  ...otherProps
3197
- }) {
3197
+ }, ref) => {
3198
3198
  const sx = nativeBase.useSx();
3199
3199
  const typographyFamilyInContext = react.useContext(TypographyFamilyContext);
3200
3200
  const typographyTypeInContext = react.useContext(TypographyTypeContext);
@@ -3228,6 +3228,7 @@ function Typography({
3228
3228
  });
3229
3229
  }
3230
3230
  const text = /*#__PURE__*/jsxRuntime.jsx(nativeBase.Text, {
3231
+ ref: ref,
3231
3232
  accessibilityRole: accessibilityRole || undefined,
3232
3233
  fontSize: fontSizeForNativeBase,
3233
3234
  lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3248,33 +3249,37 @@ function Typography({
3248
3249
  value: color,
3249
3250
  children: content
3250
3251
  }) : content;
3251
- }
3252
- function TypographyText(props) {
3253
- return /*#__PURE__*/jsxRuntime.jsx(Typography, {
3252
+ });
3253
+ const TypographyText = /*#__PURE__*/react.forwardRef((props, ref) => {
3254
+ return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
3255
+ ref: ref,
3254
3256
  accessibilityRole: null,
3255
3257
  ...props
3256
3258
  });
3257
- }
3258
- function TypographyParagraph(props) {
3259
+ });
3260
+ const TypographyParagraph = /*#__PURE__*/react.forwardRef((props, ref) => {
3259
3261
  // role 'paragraph' does not exist in native, it's a web feature only.
3260
- return /*#__PURE__*/jsxRuntime.jsx(Typography, {
3262
+ return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
3263
+ ref: ref,
3261
3264
  accessibilityRole: 'paragraph',
3262
3265
  ...props
3263
3266
  });
3264
- }
3267
+ });
3265
3268
  const createHeading = (level, defaultBase) => {
3266
3269
  // https://github.com/necolas/react-native-web/issues/401
3267
- function TypographyHeading(props) {
3268
- return /*#__PURE__*/jsxRuntime.jsx(Typography, {
3270
+ const TypographyHeading = /*#__PURE__*/react.forwardRef((props, ref) => {
3271
+ return /*#__PURE__*/jsxRuntime.jsx(TypographyBase, {
3272
+ ref: ref,
3269
3273
  accessibilityRole: "header",
3270
3274
  base: defaultBase,
3271
3275
  ...props,
3272
3276
  "aria-level": level
3273
3277
  });
3274
- }
3278
+ });
3275
3279
  TypographyHeading.displayName = `TypographyHeading${level}`;
3276
3280
  return TypographyHeading;
3277
3281
  };
3282
+ const Typography = TypographyBase;
3278
3283
  Typography.SetDefaultColor = TypographyDefaultColorContext.Provider;
3279
3284
  Typography.Text = TypographyText;
3280
3285
  Typography.Paragraph = TypographyParagraph;
@@ -9496,6 +9501,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
9496
9501
  button: {
9497
9502
  minWidth: theme.button.minWidth,
9498
9503
  maxWidth: theme.button.maxWidth,
9504
+ maxHeight: theme.button.maxHeight,
9499
9505
  height: {
9500
9506
  default: theme.button.height.default,
9501
9507
  medium: theme.button.height.medium
@@ -12745,7 +12751,7 @@ function TypographyLinkWebWrapper({
12745
12751
  });
12746
12752
  }
12747
12753
 
12748
- function TypographyLink({
12754
+ const TypographyLink = /*#__PURE__*/react.forwardRef(({
12749
12755
  children,
12750
12756
  disabled,
12751
12757
  noUnderline,
@@ -12753,10 +12759,11 @@ function TypographyLink({
12753
12759
  hrefAttrs,
12754
12760
  onPress,
12755
12761
  ...otherProps
12756
- }) {
12762
+ }, ref) => {
12757
12763
  return /*#__PURE__*/jsxRuntime.jsx(TypographyLinkWebWrapper, {
12758
12764
  hasNoUnderline: noUnderline,
12759
12765
  children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
12766
+ ref: ref,
12760
12767
  underline: !noUnderline,
12761
12768
  color: disabled ? 'black-disabled' : undefined,
12762
12769
  href: href,
@@ -12786,7 +12793,7 @@ function TypographyLink({
12786
12793
  children: children
12787
12794
  })
12788
12795
  });
12789
- }
12796
+ });
12790
12797
 
12791
12798
  function KittThemeProvider({
12792
12799
  isSSR,