react-native-system-ui 0.0.3 → 0.0.5

package/dist/cjs/components/index.js

@@ -411,36 +411,330 @@ Object.defineProperty(exports, "enUS", {
     return _configProvider.enUS;
   }
 });
+Object.defineProperty(exports, "useActionSheetTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens39.useActionSheetTokens;
+  }
+});
+Object.defineProperty(exports, "useAvatarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens11.useAvatarTokens;
+  }
+});
+Object.defineProperty(exports, "useBadgeTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens10.useBadgeTokens;
+  }
+});
+Object.defineProperty(exports, "useButtonTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.useButtonTokens;
+  }
+});
+Object.defineProperty(exports, "useCalendarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens32.useCalendarTokens;
+  }
+});
+Object.defineProperty(exports, "useCascaderTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens33.useCascaderTokens;
+  }
+});
+Object.defineProperty(exports, "useCellTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens2.useCellTokens;
+  }
+});
+Object.defineProperty(exports, "useCheckboxTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens7.useCheckboxTokens;
+  }
+});
+Object.defineProperty(exports, "useCircleTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens17.useCircleTokens;
+  }
+});
+Object.defineProperty(exports, "useCollapseTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens26.useCollapseTokens;
+  }
+});
+Object.defineProperty(exports, "useCountDownTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens45.useCountDownTokens;
+  }
+});
+Object.defineProperty(exports, "useDialogTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens29.useDialogTokens;
+  }
+});
+Object.defineProperty(exports, "useDividerTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens5.useDividerTokens;
+  }
+});
+Object.defineProperty(exports, "useDropdownMenuTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens41.useDropdownMenuTokens;
+  }
+});
+Object.defineProperty(exports, "useEmptyTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens15.useEmptyTokens;
+  }
+});
+Object.defineProperty(exports, "useFieldTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens9.useFieldTokens;
+  }
+});
+Object.defineProperty(exports, "useFlexTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens3.useFlexTokens;
+  }
+});
+Object.defineProperty(exports, "useGridTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens12.useGridTokens;
+  }
+});
+Object.defineProperty(exports, "useImagePreviewTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens44.useImagePreviewTokens;
+  }
+});
 Object.defineProperty(exports, "useImageTokens", {
   enumerable: true,
   get: function () {
     return _image.useImageTokens;
   }
 });
+Object.defineProperty(exports, "useIndexBarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens38.useIndexBarTokens;
+  }
+});
+Object.defineProperty(exports, "useInputTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens0.useInputTokens;
+  }
+});
+Object.defineProperty(exports, "useListTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens42.useListTokens;
+  }
+});
+Object.defineProperty(exports, "useLoadingTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens14.useLoadingTokens;
+  }
+});
 Object.defineProperty(exports, "useLocale", {
   enumerable: true,
   get: function () {
     return _configProvider.useLocale;
   }
 });
+Object.defineProperty(exports, "useNavBarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens36.useNavBarTokens;
+  }
+});
+Object.defineProperty(exports, "useNoticeBarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens18.useNoticeBarTokens;
+  }
+});
+Object.defineProperty(exports, "useNotifyTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens31.useNotifyTokens;
+  }
+});
+Object.defineProperty(exports, "useNumberKeyboardTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens25.useNumberKeyboardTokens;
+  }
+});
+Object.defineProperty(exports, "useOverlayTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens28.useOverlayTokens;
+  }
+});
+Object.defineProperty(exports, "usePaginationTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens47.usePaginationTokens;
+  }
+});
+Object.defineProperty(exports, "usePickerTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens24.usePickerTokens;
+  }
+});
+Object.defineProperty(exports, "usePopupTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens27.usePopupTokens;
+  }
+});
+Object.defineProperty(exports, "useProgressTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens16.useProgressTokens;
+  }
+});
+Object.defineProperty(exports, "usePullRefreshTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens43.usePullRefreshTokens;
+  }
+});
+Object.defineProperty(exports, "useRadioTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens8.useRadioTokens;
+  }
+});
+Object.defineProperty(exports, "useRateTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens21.useRateTokens;
+  }
+});
+Object.defineProperty(exports, "useSearchTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens23.useSearchTokens;
+  }
+});
+Object.defineProperty(exports, "useSelectorTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens22.useSelectorTokens;
+  }
+});
+Object.defineProperty(exports, "useShareSheetTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens40.useShareSheetTokens;
+  }
+});
+Object.defineProperty(exports, "useSidebarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens37.useSidebarTokens;
+  }
+});
 Object.defineProperty(exports, "useSkeletonTokens", {
   enumerable: true,
   get: function () {
     return _skeleton.useSkeletonTokens;
   }
 });
+Object.defineProperty(exports, "useSliderTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens19.useSliderTokens;
+  }
+});
+Object.defineProperty(exports, "useSpaceTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens4.useSpaceTokens;
+  }
+});
+Object.defineProperty(exports, "useStepperTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens20.useStepperTokens;
+  }
+});
 Object.defineProperty(exports, "useSwiperPagIndicatorTokens", {
   enumerable: true,
   get: function () {
     return _swiper.useSwiperPagIndicatorTokens;
   }
 });
+Object.defineProperty(exports, "useSwitchTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens1.useSwitchTokens;
+  }
+});
+Object.defineProperty(exports, "useTabbarTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens35.useTabbarTokens;
+  }
+});
+Object.defineProperty(exports, "useTabsTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens34.useTabsTokens;
+  }
+});
+Object.defineProperty(exports, "useTagTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens6.useTagTokens;
+  }
+});
+Object.defineProperty(exports, "useToastTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens30.useToastTokens;
+  }
+});
+Object.defineProperty(exports, "useTypographyTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens13.useTypographyTokens;
+  }
+});
 Object.defineProperty(exports, "useUploaderTokens", {
   enumerable: true,
   get: function () {
     return _uploader.useUploaderTokens;
   }
 });
+Object.defineProperty(exports, "useWaterMarkTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens46.useWaterMarkTokens;
+  }
+});
 Object.defineProperty(exports, "zhCN", {
   enumerable: true,
   get: function () {
@@ -448,64 +742,113 @@ Object.defineProperty(exports, "zhCN", {
   }
 });
 var _button = _interopRequireDefault(require("./button"));
+var _tokens = require("./button/tokens");
 var _cell = _interopRequireWildcard(require("./cell"));
+var _tokens2 = require("./cell/tokens");
 var _flex = _interopRequireDefault(require("./flex"));
+var _tokens3 = require("./flex/tokens");
 var _space = _interopRequireDefault(require("./space"));
+var _tokens4 = require("./space/tokens");
 var _divider = _interopRequireDefault(require("./divider"));
+var _tokens5 = require("./divider/tokens");
 var _tag = _interopRequireDefault(require("./tag"));
+var _tokens6 = require("./tag/tokens");
 var _checkbox = require("./checkbox");
+var _tokens7 = require("./checkbox/tokens");
 var _radio = require("./radio");
+var _tokens8 = require("./radio/tokens");
 var _field = _interopRequireWildcard(require("./field"));
+var _tokens9 = require("./field/tokens");
 var _input = _interopRequireDefault(require("./input"));
+var _tokens0 = require("./input/tokens");
 var _form = _interopRequireDefault(require("./form"));
 var _switch = _interopRequireDefault(require("./switch"));
+var _tokens1 = require("./switch/tokens");
 var _badge = _interopRequireDefault(require("./badge"));
+var _tokens10 = require("./badge/tokens");
 var _avatar = _interopRequireDefault(require("./avatar"));
+var _tokens11 = require("./avatar/tokens");
 var _grid = _interopRequireDefault(require("./grid"));
+var _tokens12 = require("./grid/tokens");
 var _typography = _interopRequireDefault(require("./typography"));
+var _tokens13 = require("./typography/tokens");
 var _loading = _interopRequireDefault(require("./loading"));
+var _tokens14 = require("./loading/tokens");
 var _empty = _interopRequireDefault(require("./empty"));
+var _tokens15 = require("./empty/tokens");
 var _image = _interopRequireWildcard(require("./image"));
 var _progress = _interopRequireDefault(require("./progress"));
+var _tokens16 = require("./progress/tokens");
 var _circle = _interopRequireDefault(require("./circle"));
+var _tokens17 = require("./circle/tokens");
 var _noticeBar = _interopRequireDefault(require("./notice-bar"));
+var _tokens18 = require("./notice-bar/tokens");
 var _slider = _interopRequireDefault(require("./slider"));
+var _tokens19 = require("./slider/tokens");
 var _stepper = _interopRequireDefault(require("./stepper"));
+var _tokens20 = require("./stepper/tokens");
 var _rate = _interopRequireDefault(require("./rate"));
+var _tokens21 = require("./rate/tokens");
 var _selector = _interopRequireDefault(require("./selector"));
+var _tokens22 = require("./selector/tokens");
 var _search = _interopRequireDefault(require("./search"));
+var _tokens23 = require("./search/tokens");
 var _passwordInput = _interopRequireDefault(require("./password-input"));
 var _picker = _interopRequireDefault(require("./picker"));
+var _tokens24 = require("./picker/tokens");
 var _numberKeyboard = _interopRequireDefault(require("./number-keyboard"));
+var _tokens25 = require("./number-keyboard/tokens");
 var _collapse = _interopRequireDefault(require("./collapse"));
+var _tokens26 = require("./collapse/tokens");
 var _popup = _interopRequireDefault(require("./popup"));
+var _tokens27 = require("./popup/tokens");
 var _overlay = _interopRequireDefault(require("./overlay"));
+var _tokens28 = require("./overlay/tokens");
 var _dialog = _interopRequireDefault(require("./dialog"));
+var _tokens29 = require("./dialog/tokens");
 var _toast = _interopRequireDefault(require("./toast"));
+var _tokens30 = require("./toast/tokens");
 var _notify = _interopRequireDefault(require("./notify"));
+var _tokens31 = require("./notify/tokens");
 var _portal = require("./portal");
 var _safeAreaView = require("./safe-area-view");
 var _configProvider = require("./config-provider");
 var _datetimePicker = _interopRequireDefault(require("./datetime-picker"));
 var _calendar = _interopRequireDefault(require("./calendar"));
+var _tokens32 = require("./calendar/tokens");
 var _cascader = _interopRequireDefault(require("./cascader"));
+var _tokens33 = require("./cascader/tokens");
 var _tabs = _interopRequireDefault(require("./tabs"));
+var _tokens34 = require("./tabs/tokens");
 var _tabbar = _interopRequireDefault(require("./tabbar"));
+var _tokens35 = require("./tabbar/tokens");
 var _navBar = _interopRequireDefault(require("./nav-bar"));
+var _tokens36 = require("./nav-bar/tokens");
 var _sidebar = _interopRequireDefault(require("./sidebar"));
+var _tokens37 = require("./sidebar/tokens");
 var _indexBar = _interopRequireDefault(require("./index-bar"));
+var _tokens38 = require("./index-bar/tokens");
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
+var _tokens39 = require("./action-sheet/tokens");
 var _shareSheet = _interopRequireDefault(require("./share-sheet"));
+var _tokens40 = require("./share-sheet/tokens");
 var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
+var _tokens41 = require("./dropdown-menu/tokens");
 var _area = _interopRequireDefault(require("./area"));
 var _list = _interopRequireDefault(require("./list"));
+var _tokens42 = require("./list/tokens");
 var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
+var _tokens43 = require("./pull-refresh/tokens");
 var _imagePreview = _interopRequireDefault(require("./image-preview"));
+var _tokens44 = require("./image-preview/tokens");
 var _swiper = _interopRequireWildcard(require("./swiper"));
 var _uploader = _interopRequireWildcard(require("./uploader"));
 var _skeleton = _interopRequireWildcard(require("./skeleton"));
 var _countDown = _interopRequireDefault(require("./count-down"));
+var _tokens45 = require("./count-down/tokens");
 var _waterMark = _interopRequireDefault(require("./water-mark"));
+var _tokens46 = require("./water-mark/tokens");
 var _pagination = _interopRequireDefault(require("./pagination"));
+var _tokens47 = require("./pagination/tokens");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/components/input/Input.js

@@ -47,14 +47,14 @@ const InputComponent = /*#__PURE__*/_react().default.forwardRef((props, ref) =>
       return inputRef.current?.nativeElement ?? null;
     }
   }), []);
-  const resolvedInputAlign = (0, _react().useMemo)(() => align ?? inputAlignProp ?? tokens.defaults.inputAlign, [align, inputAlignProp, tokens.defaults.inputAlign]);
-  const resolvedClearTrigger = (0, _react().useMemo)(() => clearTriggerOverride ?? tokens.defaults.clearTrigger, [clearTriggerOverride, tokens.defaults.clearTrigger]);
-  const resolvedKeyboardType = (0, _react().useMemo)(() => keyboardTypeProp ?? (type === 'number' ? 'decimal-pad' : undefined), [keyboardTypeProp, type]);
-  const fieldStyle = (0, _react().useMemo)(() => [{
+  const resolvedInputAlign = align ?? inputAlignProp ?? tokens.defaults.inputAlign;
+  const resolvedClearTrigger = clearTriggerOverride ?? tokens.defaults.clearTrigger;
+  const resolvedKeyboardType = keyboardTypeProp ?? (type === 'number' ? 'decimal-pad' : undefined);
+  const fieldStyle = [{
     paddingHorizontal: tokens.spacing.paddingHorizontal,
     paddingVertical: tokens.spacing.paddingVertical,
     backgroundColor: tokens.colors.background
-  }, style], [style, tokens.colors.background, tokens.spacing.paddingHorizontal, tokens.spacing.paddingVertical]);
+  }, style];
   return /*#__PURE__*/_react().default.createElement(_field.default, _extends({
     ref: inputRef
   }, rest, {
@@ -81,17 +81,14 @@ const TextArea = exports.TextArea = /*#__PURE__*/_react().default.forwardRef((pr
     if (!(0, _validate.isFiniteNumber)(height) || height <= 0) return undefined;
     return Math.max(1, Math.round(height / lineHeight));
   }, [lineHeight]);
-  const resolvedAutoSize = (0, _react().useMemo)(() => {
-    if (!autoSize || (0, _validate.isBoolean)(autoSize)) {
-      return autoSize;
-    }
+  const resolvedAutoSize = !autoSize || (0, _validate.isBoolean)(autoSize) ? autoSize : (() => {
     const minRows = toRows(autoSize.minHeight);
     const maxRows = toRows(autoSize.maxHeight);
     return minRows || maxRows ? {
       minRows,
       maxRows
     } : undefined;
-  }, [autoSize, toRows]);
+  })();
   return /*#__PURE__*/_react().default.createElement(InputComponent, _extends({
     ref: ref
   }, rest, {