react-native-system-ui 1.0.2 → 1.0.4

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

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: 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"));
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Overlay",{enumerable:!0,get:function(){return _Overlay.default}}),Object.defineProperty(exports,"OverlayProvider",{enumerable:!0,get:function(){return _overlays().OverlayProvider}}),exports.default=void 0;var _Overlay=_interopRequireDefault(require("./Overlay"));function _overlays(){const e=require("@react-native-aria/overlays");return _overlays=function(){return e},e}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_Overlay.default;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useOverlayTokens = void 0;
-var _designSystem = require("../../design-system");
-const createOverlayTokens = _foundations => ({
-  layer: {
-    zIndex: 9999
-  }
-});
-const useOverlayTokens = exports.useOverlayTokens = (0, _designSystem.createComponentTokensHook)('overlay', createOverlayTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useOverlayTokens=void 0;var _designSystem=require("../../design-system");const createOverlayTokens=e=>({layer:{zIndex:9999}}),useOverlayTokens=exports.useOverlayTokens=(0,_designSystem.createComponentTokensHook)("overlay",createOverlayTokens);

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

@@ -1,346 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _number = require("../../utils/number");
-var _validate = require("../../utils/validate");
-var _tokens = require("./tokens");
-var _hairline = require("../../utils/hairline");
-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 HIP = {
-  caretHidden: true,
-  autoCorrect: false,
-  spellCheck: false,
-  importantForAutofill: 'no',
-  autoComplete: 'off'
-};
-const stripNonNumeric = v => v.replace(/[^0-9]/g, '');
-const PasswordInputImpl = (props, ref) => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    length = 6,
-    mask = true,
-    gutter = 0,
-    type = 'text',
-    info,
-    errorInfo,
-    autoFocus = false,
-    disabled = false,
-    showCursor = true,
-    validator,
-    cellStyle,
-    cellFilledStyle,
-    cellTextStyle,
-    maskStyle,
-    cursorStyle,
-    highlightTextStyle,
-    tokensOverride,
-    style,
-    onSubmit,
-    onFocus,
-    onBlur,
-    ...rest
-  } = props;
-  const lenVal = Math.max(1, Math.floor((0, _number.parseNumberLike)(length, 6) ?? 6));
-  const tokens = (0, _tokens.usePasswordInputTokens)(tokensOverride);
-  const {
-    colors,
-    radii,
-    sizing,
-    typography,
-    opacity,
-    spacing
-  } = tokens;
-  const inputRef = (0, _react().useRef)(null);
-  const [cursorVisible, setCursorVisible] = (0, _react().useState)(true);
-  const blinkTimer = (0, _react().useRef)(null);
-  const [focused, setFocused] = (0, _react().useState)(autoFocus);
-  const keyboardType = type === 'number' ? 'number-pad' : 'default';
-  const inputMode = type === 'number' ? 'numeric' : 'text';
-  const [code = '', setCode] = (0, _hooks.useControllableValue)(props, {
-    defaultValue: ''
-  });
-  const normalizeValue = (0, _react().useCallback)(v => {
-    let n = v === null || v === undefined ? '' : (0, _validate.isString)(v) ? v : String(v);
-    if (type === 'number') n = stripNonNumeric(n);
-    if (lenVal > 0 && n.length > lenVal) n = n.slice(0, lenVal);
-    return n;
-  }, [lenVal, type]);
-  const normCode = normalizeValue(code);
-  const validatorRef = (0, _react().useRef)(validator);
-  const onFocusRef = (0, _react().useRef)(onFocus);
-  const onBlurRef = (0, _react().useRef)(onBlur);
-  const onSubmitRef = (0, _react().useRef)(onSubmit);
-  validatorRef.current = validator;
-  onFocusRef.current = onFocus;
-  onBlurRef.current = onBlur;
-  onSubmitRef.current = onSubmit;
-  const updateValue = (0, _react().useCallback)(v => {
-    const n = normalizeValue(v);
-    if (n === normCode) return;
-    if (validatorRef.current && !validatorRef.current(n)) return;
-    setCode(n);
-  }, [normalizeValue, normCode, setCode]);
-  const focusInput = (0, _react().useCallback)(() => {
-    if (disabled) return;
-    inputRef.current?.focus();
-  }, [disabled]);
-  const blurInput = (0, _react().useCallback)(() => {
-    inputRef.current?.blur();
-  }, []);
-  const clearInput = (0, _react().useCallback)(() => {
-    updateValue('');
-  }, [updateValue]);
-  (0, _react().useImperativeHandle)(ref, () => ({
-    focus: focusInput,
-    blur: blurInput,
-    clear: clearInput
-  }), [blurInput, clearInput, focusInput]);
-  (0, _react().useEffect)(() => {
-    if (!autoFocus || disabled) return;
-    const t = setTimeout(() => {
-      inputRef.current?.focus();
-    }, 60);
-    return () => clearTimeout(t);
-  }, [autoFocus, disabled]);
-  const handleChangeText = (0, _react().useCallback)(txt => {
-    updateValue(txt ?? '');
-  }, [updateValue]);
-  const handleFocus = (0, _react().useCallback)(() => {
-    setFocused(true);
-    onFocusRef.current?.();
-  }, []);
-  const handleBlur = (0, _react().useCallback)(() => {
-    setFocused(false);
-    onBlurRef.current?.();
-  }, []);
-  const prevSubmitRef = (0, _react().useRef)({
-    value: normCode,
-    length: lenVal
-  });
-  (0, _react().useEffect)(() => {
-    const prev = prevSubmitRef.current;
-    prevSubmitRef.current = {
-      value: normCode,
-      length: lenVal
-    };
-    if (!onSubmitRef.current) return;
-    if (prev.length !== lenVal) return;
-    if (lenVal <= 0 || normCode.length !== lenVal) return;
-    if (prev.value === normCode) return;
-    onSubmitRef.current(normCode);
-    inputRef.current?.blur();
-  }, [lenVal, normCode]);
-  (0, _react().useEffect)(() => {
-    const shouldBlink = showCursor && focused && !disabled;
-    if (blinkTimer.current) {
-      clearInterval(blinkTimer.current);
-      blinkTimer.current = null;
-    }
-    ;
-    if (shouldBlink) {
-      setCursorVisible(true);
-      blinkTimer.current = setInterval(() => {
-        setCursorVisible(v => !v);
-      }, 500);
-    } else {
-      setCursorVisible(false);
-    }
-    ;
-    return () => {
-      if (blinkTimer.current) {
-        clearInterval(blinkTimer.current);
-        blinkTimer.current = null;
-      }
-    };
-  }, [disabled, focused, showCursor]);
-  const cells = Array.from({
-    length: lenVal
-  }, (_, i) => {
-    const char = normCode?.[i];
-    const isFilled = !!char;
-    const showBlink = showCursor && focused && !disabled && normCode.length === i && i < lenVal;
-    return {
-      key: i,
-      char,
-      isFilled,
-      showBlink
-    };
-  });
-  const gutterVal = Math.max(0, (0, _number.parseNumberLike)(gutter, 0) ?? 0);
-  const hasGutter = gutterVal > 0;
-  const tipInfo = errorInfo ?? info;
-  const tipClr = errorInfo ? colors.error : colors.muted;
-  const bgClr = hasGutter ? colors.transparent : colors.background;
-  const hiddenInputProps = {
-    ...HIP,
-    underlineColorAndroid: colors.transparent
-  };
-  const cellTxtBase = {
-    color: colors.text,
-    fontSize: sizing.cellTextSize,
-    fontWeight: typography.cellTextWeight,
-    fontFamily: typography.fontFamily
-  };
-  const wrapStyle = [S.w, {
-    backgroundColor: bgClr,
-    borderRadius: radii.wrapper,
-    paddingHorizontal: spacing.none,
-    opacity: disabled ? opacity.disabled : 1
-  }];
-  const sheetStyle = [S.s, {
-    borderRadius: hasGutter ? 0 : radii.wrapper,
-    backgroundColor: bgClr
-  }];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: style
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, rest, {
-    style: wrapStyle,
-    onPress: focusInput,
-    disabled: disabled,
-    accessibilityRole: "button",
-    accessibilityState: {
-      disabled
-    }
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: sheetStyle
-  }, cells.map((item, i) => {
-    const filledTextStyle = [cellTxtBase, cellTextStyle, !mask && item.isFilled && highlightTextStyle];
-    const baseCell = [S.c, {
-      backgroundColor: colors.background,
-      height: sizing.cellHeight
-    }, cellStyle, item.isFilled && cellFilledStyle];
-    if (hasGutter) {
-      baseCell.push(S.cg, {
-        borderRadius: radii.cellGutter
-      }, i > 0 && {
-        marginLeft: gutterVal
-      });
-    }
-    ;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: item.key,
-      style: baseCell
-    }, mask ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [{
-        width: sizing.maskSize,
-        height: sizing.maskSize,
-        borderRadius: sizing.maskSize / 2,
-        backgroundColor: colors.text,
-        opacity: item.isFilled ? 1 : 0
-      }, maskStyle]
-    }) : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: filledTextStyle,
-      numberOfLines: 1
-    }, item.char ?? ''), item.showBlink ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      testID: "password-input-cursor",
-      style: [S.cr, {
-        width: sizing.cursorWidth,
-        height: `${sizing.cursorHeightRatio * 100}%`,
-        borderRadius: sizing.cursorWidth / 2,
-        top: `${sizing.cursorTopRatio * 100}%`,
-        marginLeft: -sizing.cursorWidth / 2,
-        backgroundColor: colors.cursor,
-        opacity: cursorVisible ? 1 : 0
-      }, cursorStyle]
-    }) : null, hasGutter && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: (0, _hairline.createHairlineView)({
-        position: 'all',
-        color: colors.border,
-        borderRadius: radii.cellGutter
-      })
-    }), !hasGutter && i < lenVal - 1 && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: (0, _hairline.createHairlineView)({
-        position: 'right',
-        color: colors.border,
-        top: 0,
-        bottom: 0
-      })
-    }));
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().TextInput, _extends({
-    ref: inputRef,
-    value: normCode,
-    editable: !disabled,
-    keyboardType: keyboardType,
-    inputMode: inputMode,
-    maxLength: lenVal,
-    autoFocus: false,
-    secureTextEntry: mask
-  }, hiddenInputProps, {
-    style: [S.hi, {
-      opacity: opacity.hidden
-    }],
-    onChangeText: handleChangeText,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    accessible: false
-  }))), !hasGutter && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _hairline.createHairlineView)({
-      position: 'all',
-      color: colors.border,
-      borderRadius: radii.wrapper
-    })
-  })), tipInfo ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.iw, {
-      marginTop: spacing.infoMarginTop
-    }]
-  }, (0, _validate.isText)(tipInfo) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: [S.it, {
-      color: tipClr
-    }]
-  }, tipInfo) : tipInfo) : null);
-};
-const PasswordInputForwardRef = /*#__PURE__*/_react().default.forwardRef(PasswordInputImpl);
-PasswordInputForwardRef.displayName = 'PasswordInput';
-const PasswordInput = /*#__PURE__*/_react().default.memo(PasswordInputForwardRef);
-var _default = exports.default = PasswordInput;
-const S = _reactNative().StyleSheet.create({
-  w: {
-    alignSelf: 'stretch'
-  },
-  s: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  c: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  cg: {},
-  cr: {
-    position: 'absolute',
-    left: '50%'
-  },
-  hi: {
-    ..._reactNative().StyleSheet.absoluteFillObject
-  },
-  iw: {
-    alignItems: 'center'
-  },
-  it: {
-    textAlign: 'center'
-  }
-});
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_number=require("../../utils/number"),_validate=require("../../utils/validate"),_tokens=require("./tokens"),_hairline=require("../../utils/hairline");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(c,t,l):c[t]=e[t]);return c})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const HIP={caretHidden:!0,autoCorrect:!1,spellCheck:!1,importantForAutofill:"no",autoComplete:"off"},stripNonNumeric=e=>e.replace(/[^0-9]/g,""),PasswordInputImpl=(e,t)=>{const{value:r,defaultValue:a,onChange:n,length:l=6,mask:c=!0,gutter:i=0,type:o="text",info:u,errorInfo:s,autoFocus:d=!1,disabled:f=!1,showCursor:_=!0,validator:p,cellStyle:b,cellFilledStyle:h,cellTextStyle:m,maskStyle:g,cursorStyle:y,highlightTextStyle:w,tokensOverride:v,style:k,onSubmit:x,onFocus:N,onBlur:R,...I}=e,C=Math.max(1,Math.floor((0,_number.parseNumberLike)(l,6)??6)),P=(0,_tokens.usePasswordInputTokens)(v),{colors:E,radii:T,sizing:F,typography:V,opacity:O,spacing:W}=P,q=(0,_react().useRef)(null),[H,M]=(0,_react().useState)(!0),j=(0,_react().useRef)(null),[z,L]=(0,_react().useState)(d),A="number"===o?"number-pad":"default",B="number"===o?"numeric":"text",[D="",G]=(0,_hooks.useControllableValue)(e,{defaultValue:""}),J=(0,_react().useCallback)(e=>{let t=null==e?"":(0,_validate.isString)(e)?e:String(e);return"number"===o&&(t=stripNonNumeric(t)),C>0&&t.length>C&&(t=t.slice(0,C)),t},[C,o]),K=J(D),Q=(0,_react().useRef)(p),U=(0,_react().useRef)(N),X=(0,_react().useRef)(R),Y=(0,_react().useRef)(x);Q.current=p,U.current=N,X.current=R,Y.current=x;const Z=(0,_react().useCallback)(e=>{const t=J(e);t!==K&&(Q.current&&!Q.current(t)||G(t))},[J,K,G]),$=(0,_react().useCallback)(()=>{f||q.current?.focus()},[f]),ee=(0,_react().useCallback)(()=>{q.current?.blur()},[]),te=(0,_react().useCallback)(()=>{Z("")},[Z]);(0,_react().useImperativeHandle)(t,()=>({focus:$,blur:ee,clear:te}),[ee,te,$]),(0,_react().useEffect)(()=>{if(!d||f)return;const e=setTimeout(()=>{q.current?.focus()},60);return()=>clearTimeout(e)},[d,f]);const re=(0,_react().useCallback)(e=>{Z(e??"")},[Z]),ae=(0,_react().useCallback)(()=>{L(!0),U.current?.()},[]),ne=(0,_react().useCallback)(()=>{L(!1),X.current?.()},[]),le=(0,_react().useRef)({value:K,length:C});(0,_react().useEffect)(()=>{const e=le.current;le.current={value:K,length:C},Y.current&&e.length===C&&(C<=0||K.length!==C||e.value!==K&&(Y.current(K),q.current?.blur()))},[C,K]),(0,_react().useEffect)(()=>{const e=_&&z&&!f;return j.current&&(clearInterval(j.current),j.current=null),e?(M(!0),j.current=setInterval(()=>{M(e=>!e)},500)):M(!1),()=>{j.current&&(clearInterval(j.current),j.current=null)}},[f,z,_]);const ce=Array.from({length:C},(e,t)=>{const r=K?.[t];return{key:t,char:r,isFilled:!!r,showBlink:_&&z&&!f&&K.length===t&&t<C}}),ie=Math.max(0,(0,_number.parseNumberLike)(i,0)??0),oe=ie>0,ue=s??u,se=s?E.error:E.muted,de=oe?E.transparent:E.background,fe={...HIP,underlineColorAndroid:E.transparent},_e={color:E.text,fontSize:F.cellTextSize,fontWeight:V.cellTextWeight,fontFamily:V.fontFamily},pe=[S.w,{backgroundColor:de,borderRadius:T.wrapper,paddingHorizontal:W.none,opacity:f?O.disabled:1}],be=[S.s,{borderRadius:oe?0:T.wrapper,backgroundColor:de}];return _react().default.createElement(_reactNative().View,{style:k},_react().default.createElement(_reactNative().Pressable,_extends({},I,{style:pe,onPress:$,disabled:f,accessibilityRole:"button",accessibilityState:{disabled:f}}),_react().default.createElement(_reactNative().View,{style:be},ce.map((e,t)=>{const r=[_e,m,!c&&e.isFilled&&w],a=[S.c,{backgroundColor:E.background,height:F.cellHeight},b,e.isFilled&&h];return oe&&a.push(S.cg,{borderRadius:T.cellGutter},t>0&&{marginLeft:ie}),_react().default.createElement(_reactNative().View,{key:e.key,style:a},c?_react().default.createElement(_reactNative().View,{style:[{width:F.maskSize,height:F.maskSize,borderRadius:F.maskSize/2,backgroundColor:E.text,opacity:e.isFilled?1:0},g]}):_react().default.createElement(_reactNative().Text,{style:r,numberOfLines:1},e.char??""),e.showBlink?_react().default.createElement(_reactNative().View,{testID:"password-input-cursor",style:[S.cr,{width:F.cursorWidth,height:100*F.cursorHeightRatio+"%",borderRadius:F.cursorWidth/2,top:100*F.cursorTopRatio+"%",marginLeft:-F.cursorWidth/2,backgroundColor:E.cursor,opacity:H?1:0},y]}):null,oe&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"all",color:E.border,borderRadius:T.cellGutter})}),!oe&&t<C-1&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"right",color:E.border,top:0,bottom:0})}))}),_react().default.createElement(_reactNative().TextInput,_extends({ref:q,value:K,editable:!f,keyboardType:A,inputMode:B,maxLength:C,autoFocus:!1,secureTextEntry:c},fe,{style:[S.hi,{opacity:O.hidden}],onChangeText:re,onFocus:ae,onBlur:ne,accessible:!1}))),!oe&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"all",color:E.border,borderRadius:T.wrapper})})),ue?_react().default.createElement(_reactNative().View,{style:[S.iw,{marginTop:W.infoMarginTop}]},(0,_validate.isText)(ue)?_react().default.createElement(_reactNative().Text,{style:[S.it,{color:se}]},ue):ue):null)},PasswordInputForwardRef=_react().default.forwardRef(PasswordInputImpl);PasswordInputForwardRef.displayName="PasswordInput";const PasswordInput=_react().default.memo(PasswordInputForwardRef);var _default=exports.default=PasswordInput;const S=_reactNative().StyleSheet.create({w:{alignSelf:"stretch"},s:{flexDirection:"row",alignItems:"center",position:"relative",overflow:"hidden"},c:{flex:1,justifyContent:"center",alignItems:"center"},cg:{},cr:{position:"absolute",left:"50%"},hi:{..._reactNative().StyleSheet.absoluteFillObject},iw:{alignItems:"center"},it:{textAlign:"center"}});

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _PasswordInput.default;
-  }
-});
-var _PasswordInput = _interopRequireDefault(require("./PasswordInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PasswordInput.default}});var _PasswordInput=_interopRequireDefault(require("./PasswordInput"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}

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

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