react-native-system-ui 0.0.4 → 0.0.6

package/dist/cjs/components/overlay/index.js

@@ -3,40 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Overlay: true
-};
 Object.defineProperty(exports, "Overlay", {
   enumerable: true,
   get: function () {
     return _Overlay.default;
   }
 });
+Object.defineProperty(exports, "OverlayProvider", {
+  enumerable: true,
+  get: function () {
+    return _overlays().OverlayProvider;
+  }
+});
 exports.default = void 0;
 var _Overlay = _interopRequireDefault(require("./Overlay"));
-var _OverlayStackStore = require("./OverlayStackStore");
-Object.keys(_OverlayStackStore).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _OverlayStackStore[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _OverlayStackStore[key];
-    }
-  });
-});
-var _useOverlayStack = require("./useOverlayStack");
-Object.keys(_useOverlayStack).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useOverlayStack[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useOverlayStack[key];
-    }
-  });
-});
+function _overlays() {
+  const data = require("@react-native-aria/overlays");
+  _overlays = function () {
+    return data;
+  };
+  return data;
+}
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = exports.default = _Overlay.default;

package/dist/cjs/components/overlay/tokens.js

@@ -3,36 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useOverlayTokens = exports.createOverlayTokens = void 0;
+exports.useOverlayTokens = void 0;
 var _designSystem = require("../../design-system");
-const createOverlayTokens = _foundations => ({
-  defaults: {
-    visible: false,
-    duration: 300,
-    lockScroll: true,
-    closeOnBackPress: false,
-    testID: 'rv-overlay',
-    accessibilityLabel: '关闭遮罩'
-  },
-  layout: {
-    portal: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    },
-    overlay: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  },
-  colors: {
-    backdrop: 'rgba(0, 0, 0, 0.7)'
-  }
-});
-exports.createOverlayTokens = createOverlayTokens;
+const createOverlayTokens = _foundations => {
+  return {};
+};
 const useOverlayTokens = exports.useOverlayTokens = (0, _designSystem.createComponentTokensHook)('overlay', createOverlayTokens);

package/dist/cjs/components/password-input/PasswordInput.js

@@ -18,10 +18,10 @@ function _reactNative() {
   };
   return data;
 }
-var _designSystem = require("../../design-system");
 var _hooks = require("../../hooks");
 var _number = require("../../utils/number");
 var _validate = require("../../utils/validate");
+var _tokens = require("./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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const HIDDEN_INPUT_PROPS = {
@@ -32,45 +32,6 @@ const HIDDEN_INPUT_PROPS = {
   autoComplete: 'off'
 };
 const sanitizeNumber = value => value.replace(/[^0-9]/g, '');
-const createPasswordInputTokens = foundations => ({
-  colors: {
-    border: foundations.palette.default[100],
-    text: foundations.palette.default[900],
-    muted: foundations.palette.default[500],
-    error: foundations.palette.danger[500],
-    cursor: foundations.palette.default[800],
-    background: '#ffffff',
-    transparent: 'transparent'
-  },
-  radii: {
-    wrapper: foundations.radii.sm,
-    cellGutter: foundations.radii.none
-  },
-  sizing: {
-    cellHeight: 50,
-    cellTextSize: foundations.fontSize.xl,
-    maskSize: 10,
-    cursorWidth: _reactNative().StyleSheet.hairlineWidth || 1,
-    cursorHeightRatio: 0.4,
-    cursorTopRatio: 0.3
-  },
-  typography: {
-    fontFamily: foundations.typography.fontFamily,
-    cellTextWeight: foundations.typography.weight.semiBold,
-    infoSize: foundations.fontSize.sm,
-    infoLineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier),
-    infoWeight: foundations.typography.weight.regular
-  },
-  opacity: {
-    disabled: 0.6,
-    hidden: 0
-  },
-  spacing: {
-    infoMarginTop: foundations.spacing.sm,
-    none: foundations.spacing.none
-  }
-});
-const usePasswordInputTokens = (0, _designSystem.createComponentTokensHook)('passwordInput', createPasswordInputTokens);
 const PasswordInput = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
   const {
     value,
@@ -100,7 +61,7 @@ const PasswordInput = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
     ...rest
   } = props;
   const lengthSafe = Math.max(1, Math.floor((0, _number.parseNumberLike)(length, 6) ?? 6));
-  const tokens = usePasswordInputTokens(tokensOverride);
+  const tokens = (0, _tokens.usePasswordInputTokens)(tokensOverride);
   const {
     colors,
     radii,

package/dist/cjs/components/password-input/tokens.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePasswordInputTokens = void 0;
+function _reactNative() {
+  const data = require("react-native");
+  _reactNative = function () {
+    return data;
+  };
+  return data;
+}
+var _designSystem = require("../../design-system");
+const createPasswordInputTokens = foundations => ({
+  colors: {
+    border: foundations.palette.default[100],
+    text: foundations.palette.default[900],
+    muted: foundations.palette.default[500],
+    error: foundations.palette.danger[500],
+    cursor: foundations.palette.default[800],
+    background: '#ffffff',
+    transparent: 'transparent'
+  },
+  radii: {
+    wrapper: foundations.radii.sm,
+    cellGutter: foundations.radii.none
+  },
+  sizing: {
+    cellHeight: 50,
+    cellTextSize: foundations.fontSize.xl,
+    maskSize: 10,
+    cursorWidth: _reactNative().StyleSheet.hairlineWidth || 1,
+    cursorHeightRatio: 0.4,
+    cursorTopRatio: 0.3
+  },
+  typography: {
+    fontFamily: foundations.typography.fontFamily,
+    cellTextWeight: foundations.typography.weight.semiBold,
+    infoSize: foundations.fontSize.sm,
+    infoLineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier),
+    infoWeight: foundations.typography.weight.regular
+  },
+  opacity: {
+    disabled: 0.6,
+    hidden: 0
+  },
+  spacing: {
+    infoMarginTop: foundations.spacing.sm,
+    none: foundations.spacing.none
+  }
+});
+const usePasswordInputTokens = exports.usePasswordInputTokens = (0, _designSystem.createComponentTokensHook)('passwordInput', createPasswordInputTokens);