@ornikar/kitt-universal 28.0.0 → 28.1.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.
package/dist/index.es.js CHANGED
@@ -3198,7 +3198,7 @@ function getUniversalFontWeight(type, variant, typographyFamily) {
3198
3198
  nativeFontFamily: nativeFontFamily
3199
3199
  };
3200
3200
  }
3201
- function Typography(_ref2) {
3201
+ var TypographyBase = /*#__PURE__*/forwardRef(function (_ref2, ref) {
3202
3202
  var _typographyType$base;
3203
3203
  var accessibilityRole = _ref2.accessibilityRole,
3204
3204
  legacyBase = _ref2.base,
@@ -3250,6 +3250,7 @@ function Typography(_ref2) {
3250
3250
  });
3251
3251
  }
3252
3252
  var text = /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
3253
+ ref: ref,
3253
3254
  accessibilityRole: accessibilityRole || undefined,
3254
3255
  fontSize: fontSizeForNativeBase,
3255
3256
  lineHeight: hasTypographyAncestor ? undefined : fontSizeForNativeBase,
@@ -3268,31 +3269,35 @@ function Typography(_ref2) {
3268
3269
  value: color,
3269
3270
  children: content
3270
3271
  }) : content;
3271
- }
3272
- function TypographyText(props) {
3273
- return /*#__PURE__*/jsx(Typography, _objectSpread({
3272
+ });
3273
+ var TypographyText = /*#__PURE__*/forwardRef(function (props, ref) {
3274
+ return /*#__PURE__*/jsx(TypographyBase, _objectSpread({
3275
+ ref: ref,
3274
3276
  accessibilityRole: null
3275
3277
  }, props));
3276
- }
3277
- function TypographyParagraph(props) {
3278
+ });
3279
+ var TypographyParagraph = /*#__PURE__*/forwardRef(function (props, ref) {
3278
3280
  // role 'paragraph' does not exist in native, it's a web feature only.
3279
- return /*#__PURE__*/jsx(Typography, _objectSpread({
3281
+ return /*#__PURE__*/jsx(TypographyBase, _objectSpread({
3282
+ ref: ref,
3280
3283
  accessibilityRole: Platform.OS === 'web' ? 'paragraph' : null
3281
3284
  }, props));
3282
- }
3285
+ });
3283
3286
  var createHeading = function (level, defaultBase) {
3284
3287
  // https://github.com/necolas/react-native-web/issues/401
3285
- function TypographyHeading(props) {
3286
- return /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
3288
+ var TypographyHeading = /*#__PURE__*/forwardRef(function (props, ref) {
3289
+ return /*#__PURE__*/jsx(TypographyBase, _objectSpread(_objectSpread({
3290
+ ref: ref,
3287
3291
  accessibilityRole: "header",
3288
3292
  base: defaultBase
3289
3293
  }, props), {}, {
3290
3294
  "aria-level": level
3291
3295
  }));
3292
- }
3296
+ });
3293
3297
  TypographyHeading.displayName = "TypographyHeading".concat(level);
3294
3298
  return TypographyHeading;
3295
3299
  };
3300
+ var Typography = TypographyBase;
3296
3301
  Typography.SetDefaultColor = TypographyDefaultColorContext.Provider;
3297
3302
  Typography.Text = TypographyText;
3298
3303
  Typography.Paragraph = TypographyParagraph;
@@ -4484,7 +4489,8 @@ function TopNavBar(_ref) {
4484
4489
  mode = _ref$mode === void 0 ? 'default' : _ref$mode,
4485
4490
  _ref$hasSeparator = _ref.hasSeparator,
4486
4491
  hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator,
4487
- backgroundColor = _ref.backgroundColor,
4492
+ _ref$backgroundColor = _ref.backgroundColor,
4493
+ backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
4488
4494
  testID = _ref.testID;
4489
4495
  var isLargeTitleMode = mode === 'largeTitle';
4490
4496
  var leftEmptySpace = !left && titleAlign === 'left' ? null : /*#__PURE__*/jsx(View, {
@@ -10545,6 +10551,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
10545
10551
  button: {
10546
10552
  minWidth: theme.button.minWidth,
10547
10553
  maxWidth: theme.button.maxWidth,
10554
+ maxHeight: theme.button.maxHeight,
10548
10555
  height: {
10549
10556
  "default": theme.button.height["default"],
10550
10557
  medium: theme.button.height.medium
@@ -13956,7 +13963,7 @@ function TypographyLinkWebWrapper(_ref) {
13956
13963
  }
13957
13964
 
13958
13965
  var _excluded$3 = ["children", "disabled", "noUnderline", "href", "hrefAttrs", "onPress"];
13959
- function TypographyLink(_ref) {
13966
+ var TypographyLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
13960
13967
  var children = _ref.children,
13961
13968
  disabled = _ref.disabled,
13962
13969
  noUnderline = _ref.noUnderline,
@@ -13967,6 +13974,7 @@ function TypographyLink(_ref) {
13967
13974
  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
13968
13975
  hasNoUnderline: noUnderline,
13969
13976
  children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
13977
+ ref: ref,
13970
13978
  underline: !noUnderline,
13971
13979
  color: disabled ? 'black-disabled' : undefined,
13972
13980
  href: href,
@@ -13996,7 +14004,7 @@ function TypographyLink(_ref) {
13996
14004
  children: children
13997
14005
  }))
13998
14006
  });
13999
- }
14007
+ });
14000
14008
 
14001
14009
  function KittThemeProvider(_ref) {
14002
14010
  var isSSR = _ref.isSSR,