@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.
@@ -3163,7 +3163,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
3163
3163
  nativeFontFamily
3164
3164
  };
3165
3165
  }
3166
- function Typography({
3166
+ const TypographyBase = /*#__PURE__*/forwardRef(({
3167
3167
  accessibilityRole,
3168
3168
  base: legacyBase,
3169
3169
  small: legacySmall,
@@ -3180,7 +3180,7 @@ function Typography({
3180
3180
  variant,
3181
3181
  color,
3182
3182
  ...otherProps
3183
- }) {
3183
+ }, ref) => {
3184
3184
  const sx = useSx();
3185
3185
  const typographyFamilyInContext = useContext(TypographyFamilyContext);
3186
3186
  const typographyTypeInContext = useContext(TypographyTypeContext);
@@ -3214,6 +3214,7 @@ function Typography({
3214
3214
  });
3215
3215
  }
3216
3216
  const text = /*#__PURE__*/jsx(Text, {
3217
+ ref: ref,
3217
3218
  accessibilityRole: accessibilityRole || undefined,
3218
3219
  fontSize: fontSizeForNativeBase,
3219
3220
  lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3234,33 +3235,37 @@ function Typography({
3234
3235
  value: color,
3235
3236
  children: content
3236
3237
  }) : content;
3237
- }
3238
- function TypographyText(props) {
3239
- return /*#__PURE__*/jsx(Typography, {
3238
+ });
3239
+ const TypographyText = /*#__PURE__*/forwardRef((props, ref) => {
3240
+ return /*#__PURE__*/jsx(TypographyBase, {
3241
+ ref: ref,
3240
3242
  accessibilityRole: null,
3241
3243
  ...props
3242
3244
  });
3243
- }
3244
- function TypographyParagraph(props) {
3245
+ });
3246
+ const TypographyParagraph = /*#__PURE__*/forwardRef((props, ref) => {
3245
3247
  // role 'paragraph' does not exist in native, it's a web feature only.
3246
- return /*#__PURE__*/jsx(Typography, {
3248
+ return /*#__PURE__*/jsx(TypographyBase, {
3249
+ ref: ref,
3247
3250
  accessibilityRole: Platform.OS === 'web' ? 'paragraph' : null,
3248
3251
  ...props
3249
3252
  });
3250
- }
3253
+ });
3251
3254
  const createHeading = (level, defaultBase) => {
3252
3255
  // https://github.com/necolas/react-native-web/issues/401
3253
- function TypographyHeading(props) {
3254
- return /*#__PURE__*/jsx(Typography, {
3256
+ const TypographyHeading = /*#__PURE__*/forwardRef((props, ref) => {
3257
+ return /*#__PURE__*/jsx(TypographyBase, {
3258
+ ref: ref,
3255
3259
  accessibilityRole: "header",
3256
3260
  base: defaultBase,
3257
3261
  ...props,
3258
3262
  "aria-level": level
3259
3263
  });
3260
- }
3264
+ });
3261
3265
  TypographyHeading.displayName = `TypographyHeading${level}`;
3262
3266
  return TypographyHeading;
3263
3267
  };
3268
+ const Typography = TypographyBase;
3264
3269
  Typography.SetDefaultColor = TypographyDefaultColorContext.Provider;
3265
3270
  Typography.Text = TypographyText;
3266
3271
  Typography.Paragraph = TypographyParagraph;
@@ -10300,6 +10305,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
10300
10305
  button: {
10301
10306
  minWidth: theme.button.minWidth,
10302
10307
  maxWidth: theme.button.maxWidth,
10308
+ maxHeight: theme.button.maxHeight,
10303
10309
  height: {
10304
10310
  default: theme.button.height.default,
10305
10311
  medium: theme.button.height.medium
@@ -13684,7 +13690,7 @@ function TypographyLinkWebWrapper({
13684
13690
  return children;
13685
13691
  }
13686
13692
 
13687
- function TypographyLink({
13693
+ const TypographyLink = /*#__PURE__*/forwardRef(({
13688
13694
  children,
13689
13695
  disabled,
13690
13696
  noUnderline,
@@ -13692,10 +13698,11 @@ function TypographyLink({
13692
13698
  hrefAttrs,
13693
13699
  onPress,
13694
13700
  ...otherProps
13695
- }) {
13701
+ }, ref) => {
13696
13702
  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
13697
13703
  hasNoUnderline: noUnderline,
13698
13704
  children: /*#__PURE__*/jsx(Typography, {
13705
+ ref: ref,
13699
13706
  underline: !noUnderline,
13700
13707
  color: disabled ? 'black-disabled' : undefined,
13701
13708
  href: href,
@@ -13725,7 +13732,7 @@ function TypographyLink({
13725
13732
  children: children
13726
13733
  })
13727
13734
  });
13728
- }
13735
+ });
13729
13736
 
13730
13737
  function KittThemeProvider({
13731
13738
  isSSR,