fluent-styles 1.33.0 → 1.35.0

package/lib/commonjs/package/dialog/index.js

@@ -53,7 +53,8 @@ const StyledConfirmDialog = ({
     cancel = 'Cancel',
     onNeural,
     confirm = 'Confirm',
-    neutral = 'Neutral'
+    neutral = 'Neutral',
+    isNeutral = false
   } = rest;
   const handleConfirm = () => {
     setShow(false);
@@ -120,7 +121,7 @@ const StyledConfirmDialog = ({
     fontWeight: _theme.theme.fontWeight.normal
   }, cancel)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
     marginHorizontal: 2
-  }), onNeural && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
+  }), onNeural && isNeutral && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
     backgroundColor: _theme.theme.colors.orange[400],
     borderColor: _theme.theme.colors.orange[400],
     borderRadius: 30,

package/lib/commonjs/package/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","useState","title","description","cancel","onNeural","confirm","neutral","handleConfirm","handleCancel","handleNeural","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n  children,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  visible = false,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n  visible = false,\r\n  row,\r\n  animationType = 'fade',\r\n  onCancel,\r\n  onConfirm,\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title,\r\n    description,\r\n    cancel = 'Cancel',\r\n    onNeural,\r\n    confirm = 'Confirm',\r\n    neutral = 'Neutral'\r\n  } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  const handleNeural = () => {\r\n    setShow(false)\r\n    if (typeof onNeural === 'function') {\r\n      onNeural()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            {onNeural && (\r\n              <>\r\n                <StyledButton\r\n                  backgroundColor={theme.colors.orange[400]}\r\n                  borderColor={theme.colors.orange[400]}\r\n                  borderRadius={30}\r\n                  onPress={() => handleNeural()}\r\n                >\r\n                  <StyledText\r\n                    paddingHorizontal={20}\r\n                    paddingVertical={4}\r\n                    color={theme.colors.gray[1]}\r\n                    fontSize={theme.fontSize.normal}\r\n                    fontWeight={theme.fontWeight.normal}\r\n                  >\r\n                    {neutral}\r\n                  </StyledText>\r\n                </StyledButton>\r\n                <StyledSpacer marginHorizontal={2} />\r\n              </>\r\n            )}\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n  visible = false,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title = \"We're sorry, something went wrong.\",\r\n    description = 'Please try again later',\r\n    ok = 'Ok',\r\n    onOk\r\n  } = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n              >\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","useState","title","description","cancel","onNeural","confirm","neutral","isNeutral","handleConfirm","handleCancel","handleNeural","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n  children,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  visible = false,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n  visible = false,\r\n  row,\r\n  animationType = 'fade',\r\n  onCancel,\r\n  onConfirm,\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title,\r\n    description,\r\n    cancel = 'Cancel',\r\n    onNeural,\r\n    confirm = 'Confirm',\r\n    neutral = 'Neutral',\r\n    isNeutral= false\r\n  } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  const handleNeural = () => {\r\n    setShow(false)\r\n    if (typeof onNeural === 'function') {\r\n      onNeural()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            {(onNeural && isNeutral) && (\r\n              <>\r\n                <StyledButton\r\n                  backgroundColor={theme.colors.orange[400]}\r\n                  borderColor={theme.colors.orange[400]}\r\n                  borderRadius={30}\r\n                  onPress={() => handleNeural()}\r\n                >\r\n                  <StyledText\r\n                    paddingHorizontal={20}\r\n                    paddingVertical={4}\r\n                    color={theme.colors.gray[1]}\r\n                    fontSize={theme.fontSize.normal}\r\n                    fontWeight={theme.fontWeight.normal}\r\n                  >\r\n                    {neutral}\r\n                  </StyledText>\r\n                </StyledButton>\r\n                <StyledSpacer marginHorizontal={2} />\r\n              </>\r\n            )}\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n  visible = false,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title = \"We're sorry, something went wrong.\",\r\n    description = 'Please try again later',\r\n    ok = 'Ok',\r\n    onOk\r\n  } = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n              >\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/form/index.js

@@ -76,7 +76,7 @@ const StyledInputText = exports.InputText = (0, _styled.styled)(_reactNative.Tex
         borderRadius: value
       };
     },
-    borderColor: (value = _theme.theme.colors.gray[100]) => {
+    borderColor: (value = _theme.theme.colors.gray[800]) => {
       if (!(0, _utils.isValidColor)(value)) {
         throw new Error('Invalid borderColor value');
       }

package/lib/commonjs/package/form/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","StyledInputText","exports","InputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.fontWeight.normal[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n        paddingVertical: 8,\r\n        fontSize: theme.fontSize.normal,\r\n        placeholderTextColor: theme.colors.gray[1],\r\n    },\r\n    variants: {\r\n        fontWeight: (size = theme.fontWeight.normal) => {\r\n            if (!isValidString(size)) {\r\n                throw new Error('Invalid fontWeight value');\r\n            }\r\n            return { fontWeight: size };\r\n        },\r\n        color: (color = theme.colors.gray[800]) => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value');\r\n            }\r\n            return { color: color };\r\n        },\r\n        fontSize: (size = theme.fontSize.normal) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid fontSize value');\r\n            }\r\n            return { fontSize: size };\r\n        },\r\n        fontFamily: font => {\r\n            if (!font) return\r\n            return {\r\n                fontFamily: font\r\n            }\r\n        },\r\n        textAlign: (align = 'left') => {\r\n            const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n            if (!validAlignments.includes(align)) {\r\n                throw new Error('Invalid textAlign value');\r\n            }\r\n            return { textAlign: align };\r\n        },\r\n        borderRadius: (value = 16) => {\r\n            if (!isValidNumber(value)) {\r\n                throw new Error('Invalid borderRadius value');\r\n            }\r\n            return { borderRadius: value };\r\n        },\r\n        borderColor: (value = theme.colors.gray[100]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid borderColor value');\r\n            }\r\n            return { borderColor: value };\r\n        },\r\n        backgroundColor: (value = theme.colors.gray[1]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid backgroundColor value');\r\n            }\r\n            return { backgroundColor: value };\r\n        },\r\n        noBorder: {\r\n            true: { borderWidth: 0 }\r\n        },\r\n        placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid placeholderTextColor value');\r\n            }\r\n            return { placeholderTextColor: value };\r\n        }       \r\n    }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </YStack>\r\n                )\r\n            }\r\n            <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </YStack>\r\n                )\r\n            }\r\n        </>\r\n    )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n    return (\r\n        <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","StyledInputText","exports","InputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.fontWeight.normal[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n        paddingVertical: 8,\r\n        fontSize: theme.fontSize.normal,\r\n        placeholderTextColor: theme.colors.gray[1],\r\n    },\r\n    variants: {\r\n        fontWeight: (size = theme.fontWeight.normal) => {\r\n            if (!isValidString(size)) {\r\n                throw new Error('Invalid fontWeight value');\r\n            }\r\n            return { fontWeight: size };\r\n        },\r\n        color: (color = theme.colors.gray[800]) => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value');\r\n            }\r\n            return { color: color };\r\n        },\r\n        fontSize: (size = theme.fontSize.normal) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid fontSize value');\r\n            }\r\n            return { fontSize: size };\r\n        },\r\n        fontFamily: font => {\r\n            if (!font) return\r\n            return {\r\n                fontFamily: font\r\n            }\r\n        },\r\n        textAlign: (align = 'left') => {\r\n            const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n            if (!validAlignments.includes(align)) {\r\n                throw new Error('Invalid textAlign value');\r\n            }\r\n            return { textAlign: align };\r\n        },\r\n        borderRadius: (value = 16) => {\r\n            if (!isValidNumber(value)) {\r\n                throw new Error('Invalid borderRadius value');\r\n            }\r\n            return { borderRadius: value };\r\n        },\r\n        borderColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid borderColor value');\r\n            }\r\n            return { borderColor: value };\r\n        },\r\n        backgroundColor: (value = theme.colors.gray[1]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid backgroundColor value');\r\n            }\r\n            return { backgroundColor: value };\r\n        },\r\n        noBorder: {\r\n            true: { borderWidth: 0 }\r\n        },\r\n        placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid placeholderTextColor value');\r\n            }\r\n            return { placeholderTextColor: value };\r\n        }       \r\n    }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </YStack>\r\n                )\r\n            }\r\n            <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </YStack>\r\n                )\r\n            }\r\n        </>\r\n    )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n    return (\r\n        <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}

package/lib/module/package/dialog/index.js

@@ -44,7 +44,8 @@ const StyledConfirmDialog = ({
     cancel = 'Cancel',
     onNeural,
     confirm = 'Confirm',
-    neutral = 'Neutral'
+    neutral = 'Neutral',
+    isNeutral = false
   } = rest;
   const handleConfirm = () => {
     setShow(false);
@@ -111,7 +112,7 @@ const StyledConfirmDialog = ({
     fontWeight: theme.fontWeight.normal
   }, cancel)), /*#__PURE__*/React.createElement(StyledSpacer, {
     marginHorizontal: 2
-  }), onNeural && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledButton, {
+  }), onNeural && isNeutral && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledButton, {
     backgroundColor: theme.colors.orange[400],
     borderColor: theme.colors.orange[400],
     borderRadius: 30,

package/lib/module/package/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","title","description","cancel","onNeural","confirm","neutral","handleConfirm","handleCancel","handleNeural","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n  children,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  visible = false,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n  visible = false,\r\n  row,\r\n  animationType = 'fade',\r\n  onCancel,\r\n  onConfirm,\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title,\r\n    description,\r\n    cancel = 'Cancel',\r\n    onNeural,\r\n    confirm = 'Confirm',\r\n    neutral = 'Neutral'\r\n  } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  const handleNeural = () => {\r\n    setShow(false)\r\n    if (typeof onNeural === 'function') {\r\n      onNeural()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            {onNeural && (\r\n              <>\r\n                <StyledButton\r\n                  backgroundColor={theme.colors.orange[400]}\r\n                  borderColor={theme.colors.orange[400]}\r\n                  borderRadius={30}\r\n                  onPress={() => handleNeural()}\r\n                >\r\n                  <StyledText\r\n                    paddingHorizontal={20}\r\n                    paddingVertical={4}\r\n                    color={theme.colors.gray[1]}\r\n                    fontSize={theme.fontSize.normal}\r\n                    fontWeight={theme.fontWeight.normal}\r\n                  >\r\n                    {neutral}\r\n                  </StyledText>\r\n                </StyledButton>\r\n                <StyledSpacer marginHorizontal={2} />\r\n              </>\r\n            )}\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n  visible = false,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title = \"We're sorry, something went wrong.\",\r\n    description = 'Please try again later',\r\n    ok = 'Ok',\r\n    onOk\r\n  } = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n              >\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","title","description","cancel","onNeural","confirm","neutral","isNeutral","handleConfirm","handleCancel","handleNeural","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","Fragment","orange","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n  children,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  visible = false,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n  visible = false,\r\n  row,\r\n  animationType = 'fade',\r\n  onCancel,\r\n  onConfirm,\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title,\r\n    description,\r\n    cancel = 'Cancel',\r\n    onNeural,\r\n    confirm = 'Confirm',\r\n    neutral = 'Neutral',\r\n    isNeutral= false\r\n  } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  const handleNeural = () => {\r\n    setShow(false)\r\n    if (typeof onNeural === 'function') {\r\n      onNeural()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            {(onNeural && isNeutral) && (\r\n              <>\r\n                <StyledButton\r\n                  backgroundColor={theme.colors.orange[400]}\r\n                  borderColor={theme.colors.orange[400]}\r\n                  borderRadius={30}\r\n                  onPress={() => handleNeural()}\r\n                >\r\n                  <StyledText\r\n                    paddingHorizontal={20}\r\n                    paddingVertical={4}\r\n                    color={theme.colors.gray[1]}\r\n                    fontSize={theme.fontSize.normal}\r\n                    fontWeight={theme.fontWeight.normal}\r\n                  >\r\n                    {neutral}\r\n                  </StyledText>\r\n                </StyledButton>\r\n                <StyledSpacer marginHorizontal={2} />\r\n              </>\r\n            )}\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.normal}\r\n                fontWeight={theme.fontWeight.normal}\r\n              >\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n  visible = false,\r\n  animationType = 'fade',\r\n  transparent = true,\r\n  dialogProps,\r\n  ...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n    title = \"We're sorry, something went wrong.\",\r\n    description = 'Please try again later',\r\n    ok = 'Ok',\r\n    onOk\r\n  } = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n    >\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n      >\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n        >\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n          >\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n          >\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n            >\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n              >\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,QAAQ,cAAc;AACpC,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,MAAM,GAAGF,MAAM,CAACN,KAAK,EAAE;EAC3BS,IAAI,EAAE;IACJC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACvCC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGA,CAAC;EACpBC,QAAQ;EACRC,aAAa,GAAG,MAAM;EACtBC,WAAW,GAAG,IAAI;EAClBC,OAAO,GAAG,KAAK;EACf,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEtB,KAAA,CAAAuB,aAAA,CAACb,MAAM,EAAAc,QAAA;IACLH,OAAO,EAAEA,OAAQ;IACjBD,WAAW,EAAEA,WAAY;IACzBD,aAAa,EAAEA;EAAc,GACzBG,IAAI,GAEPJ,QACK,CAAC;AAEb,CAAC;AAED,MAAMO,mBAAmB,GAAGA,CAAC;EAC3BJ,OAAO,GAAG,KAAK;EACfK,GAAG;EACHP,aAAa,GAAG,MAAM;EACtBQ,QAAQ;EACRC,SAAS;EACTR,WAAW,GAAG,IAAI;EAClBS,WAAW;EACX,GAAGP;AACL,CAAC,KAAK;EACJ,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAG9B,QAAQ,CAACoB,OAAO,CAAC;EACzC,MAAM;IACJW,KAAK;IACLC,WAAW;IACXC,MAAM,GAAG,QAAQ;IACjBC,QAAQ;IACRC,OAAO,GAAG,SAAS;IACnBC,OAAO,GAAG,SAAS;IACnBC,SAAS,GAAE;EACb,CAAC,GAAGhB,IAAI;EAER,MAAMiB,aAAa,GAAGA,CAAA,KAAM;IAC1BR,OAAO,CAAC,KAAK,CAAC;IACd,IAAI,OAAOH,SAAS,KAAK,UAAU,EAAE;MACnC,IAAI,OAAOF,GAAG,KAAK,QAAQ,IAAIA,GAAG,KAAK,IAAI,EAAE;QAC3CE,SAAS,CAACF,GAAG,CAAC;MAChB,CAAC,MAAM;QACLE,SAAS,CAAC,CAAC;MACb;IACF;EACF,CAAC;EACD,MAAMY,YAAY,GAAGA,CAAA,KAAM;IACzBT,OAAO,CAAC,KAAK,CAAC;IACd,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC;EAED,MAAMc,YAAY,GAAGA,CAAA,KAAM;IACzBV,OAAO,CAAC,KAAK,CAAC;IACd,IAAI,OAAOI,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC;EACD,oBACEnC,KAAA,CAAAuB,aAAA,CAACb,MAAM,EAAAc,QAAA;IACLH,OAAO,EAAES,IAAK;IACdV,WAAW,EAAEA,WAAY;IACzBD,aAAa,EAAEA;EAAc,GACzBG,IAAI,gBAERtB,KAAA,CAAAuB,aAAA,CAACnB,MAAM,EAAAoB,QAAA;IACLJ,WAAW;IACXsB,IAAI,EAAE,CAAE;IACRC,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAC;EAAQ,GACff,WAAW,gBAEf7B,KAAA,CAAAuB,aAAA,CAACnB,MAAM;IACLyC,KAAK,EAAE,KAAM;IACb7B,YAAY,EAAE,CAAE;IAChB8B,eAAe,EAAE,EAAG;IACpBC,iBAAiB,EAAE,EAAG;IACtBnC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC;EAAE,gBAEtCd,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT2C,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACC;EAAK,GAEjCpB,KACS,CAAC,eACbhC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAAC8C,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT2C,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACK,KAAM;IAC/BH,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACD;EAAO,GAEnCjB,WACS,CAAC,eACbjC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAAC8C,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAuB,aAAA,CAACpB,MAAM;IAACwC,cAAc,EAAC,UAAU;IAACC,UAAU,EAAC;EAAQ,gBACnD5C,KAAA,CAAAuB,aAAA,CAACjB,YAAY;IACXM,eAAe,EAAEH,KAAK,CAACI,MAAM,CAAC0C,GAAG,CAAC,GAAG,CAAE;IACvCC,WAAW,EAAE/C,KAAK,CAACI,MAAM,CAAC0C,GAAG,CAAC,GAAG,CAAE;IACnCvC,YAAY,EAAE,EAAG;IACjByC,OAAO,EAAEA,CAAA,KAAMjB,YAAY,CAAC;EAAE,gBAE9BxC,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT0C,iBAAiB,EAAE,EAAG;IACtBD,eAAe,EAAE,CAAE;IACnBE,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAC5BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACD;EAAO,GAEnChB,MACS,CACA,CAAC,eACflC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAACmD,gBAAgB,EAAE;EAAE,CAAE,CAAC,EACnCvB,QAAQ,IAAIG,SAAS,iBACrBtC,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA2D,QAAA,qBACE3D,KAAA,CAAAuB,aAAA,CAACjB,YAAY;IACXM,eAAe,EAAEH,KAAK,CAACI,MAAM,CAAC+C,MAAM,CAAC,GAAG,CAAE;IAC1CJ,WAAW,EAAE/C,KAAK,CAACI,MAAM,CAAC+C,MAAM,CAAC,GAAG,CAAE;IACtC5C,YAAY,EAAE,EAAG;IACjByC,OAAO,EAAEA,CAAA,KAAMhB,YAAY,CAAC;EAAE,gBAE9BzC,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT0C,iBAAiB,EAAE,EAAG;IACtBD,eAAe,EAAE,CAAE;IACnBE,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAC5BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACD;EAAO,GAEnCb,OACS,CACA,CAAC,eACfrC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAACmD,gBAAgB,EAAE;EAAE,CAAE,CACpC,CACH,eACD1D,KAAA,CAAAuB,aAAA,CAACjB,YAAY;IACXM,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACgD,KAAK,CAAC,GAAG,CAAE;IACzCL,WAAW,EAAE/C,KAAK,CAACI,MAAM,CAACgD,KAAK,CAAC,GAAG,CAAE;IACrCJ,OAAO,EAAEA,CAAA,KAAMlB,aAAa,CAAC,CAAE;IAC/BvB,YAAY,EAAE;EAAG,gBAEjBhB,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT0C,iBAAiB,EAAE,EAAG;IACtBD,eAAe,EAAE,CAAE;IACnBE,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAC5BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACD;EAAO,GAEnCd,OACS,CACA,CACR,CACF,CACF,CACF,CAAC;AAEb,CAAC;AAED,MAAM0B,cAAc,GAAGA,CAAC;EACtBzC,OAAO,GAAG,KAAK;EACfF,aAAa,GAAG,MAAM;EACtBC,WAAW,GAAG,IAAI;EAClBS,WAAW;EACX,GAAGP;AACL,CAAC,KAAK;EACJ,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAG9B,QAAQ,CAACoB,OAAO,CAAC;EACzC,MAAM;IACJW,KAAK,GAAG,oCAAoC;IAC5CC,WAAW,GAAG,wBAAwB;IACtC8B,EAAE,GAAG,IAAI;IACTC;EACF,CAAC,GAAG1C,IAAI;EAER,MAAM2C,QAAQ,GAAGA,CAAA,KAAM;IACrBlC,OAAO,CAAC,KAAK,CAAC;IACd,IAAI,OAAOiC,IAAI,KAAK,UAAU,EAAE;MAC9BA,IAAI,CAAC,CAAC;IACR;EACF,CAAC;EACD,oBACEhE,KAAA,CAAAuB,aAAA,CAACb,MAAM,EAAAc,QAAA;IACLH,OAAO,EAAES,IAAK;IACdV,WAAW,EAAEA,WAAY;IACzBD,aAAa,EAAEA;EAAc,GACzBG,IAAI,gBAERtB,KAAA,CAAAuB,aAAA,CAACnB,MAAM,EAAAoB,QAAA;IACLJ,WAAW;IACXsB,IAAI,EAAE,CAAE;IACRC,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAC;EAAQ,GACff,WAAW,gBAEf7B,KAAA,CAAAuB,aAAA,CAACnB,MAAM;IACLyC,KAAK,EAAE,KAAM;IACb7B,YAAY,EAAE,CAAE;IAChB8B,eAAe,EAAE,EAAG;IACpBC,iBAAiB,EAAE,EAAG;IACtBnC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC;EAAE,gBAEtCd,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT2C,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACC;EAAK,GAEjCpB,KACS,CAAC,eACbhC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAAC8C,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT2C,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACC,MAAO;IAChCC,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACD;EAAO,GAEnCjB,WACS,CAAC,eACbjC,KAAA,CAAAuB,aAAA,CAAChB,YAAY;IAAC8C,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAuB,aAAA,CAACpB,MAAM;IAACwC,cAAc,EAAC,UAAU;IAACC,UAAU,EAAC;EAAQ,gBACnD5C,KAAA,CAAAuB,aAAA,CAACjB,YAAY;IACXoC,IAAI,EAAE,CAAE;IACR9B,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAE;IACxCV,WAAW,EAAE/C,KAAK,CAACI,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAE;IACpCT,OAAO,EAAEQ,QAAS;IAClBjD,YAAY,EAAE;EAAG,gBAEjBhB,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT0C,iBAAiB,EAAE,EAAG;IACtBD,eAAe,EAAE,CAAE;IACnBE,KAAK,EAAEvC,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAC5BmC,QAAQ,EAAExC,KAAK,CAACwC,QAAQ,CAACK,KAAM;IAC/BH,UAAU,EAAE1C,KAAK,CAAC0C,UAAU,CAACC;EAAK,GAEjCW,EACS,CACA,CACR,CACF,CACF,CACF,CAAC;AAEb,CAAC;AAED,SAAS9C,YAAY,EAAEQ,mBAAmB,EAAEqC,cAAc","ignoreList":[]}

package/lib/module/package/form/index.js

@@ -68,7 +68,7 @@ const StyledInputText = styled(TextInput, {
         borderRadius: value
       };
     },
-    borderColor: (value = theme.colors.gray[100]) => {
+    borderColor: (value = theme.colors.gray[800]) => {
       if (!isValidColor(value)) {
         throw new Error('Invalid borderColor value');
       }

package/lib/module/package/form/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","InputText"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.fontWeight.normal[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n        paddingVertical: 8,\r\n        fontSize: theme.fontSize.normal,\r\n        placeholderTextColor: theme.colors.gray[1],\r\n    },\r\n    variants: {\r\n        fontWeight: (size = theme.fontWeight.normal) => {\r\n            if (!isValidString(size)) {\r\n                throw new Error('Invalid fontWeight value');\r\n            }\r\n            return { fontWeight: size };\r\n        },\r\n        color: (color = theme.colors.gray[800]) => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value');\r\n            }\r\n            return { color: color };\r\n        },\r\n        fontSize: (size = theme.fontSize.normal) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid fontSize value');\r\n            }\r\n            return { fontSize: size };\r\n        },\r\n        fontFamily: font => {\r\n            if (!font) return\r\n            return {\r\n                fontFamily: font\r\n            }\r\n        },\r\n        textAlign: (align = 'left') => {\r\n            const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n            if (!validAlignments.includes(align)) {\r\n                throw new Error('Invalid textAlign value');\r\n            }\r\n            return { textAlign: align };\r\n        },\r\n        borderRadius: (value = 16) => {\r\n            if (!isValidNumber(value)) {\r\n                throw new Error('Invalid borderRadius value');\r\n            }\r\n            return { borderRadius: value };\r\n        },\r\n        borderColor: (value = theme.colors.gray[100]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid borderColor value');\r\n            }\r\n            return { borderColor: value };\r\n        },\r\n        backgroundColor: (value = theme.colors.gray[1]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid backgroundColor value');\r\n            }\r\n            return { backgroundColor: value };\r\n        },\r\n        noBorder: {\r\n            true: { borderWidth: 0 }\r\n        },\r\n        placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid placeholderTextColor value');\r\n            }\r\n            return { placeholderTextColor: value };\r\n        }       \r\n    }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </YStack>\r\n                )\r\n            }\r\n            <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </YStack>\r\n                )\r\n            }\r\n        </>\r\n    )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n    return (\r\n        <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","InputText"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.fontWeight.normal[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n        paddingVertical: 8,\r\n        fontSize: theme.fontSize.normal,\r\n        placeholderTextColor: theme.colors.gray[1],\r\n    },\r\n    variants: {\r\n        fontWeight: (size = theme.fontWeight.normal) => {\r\n            if (!isValidString(size)) {\r\n                throw new Error('Invalid fontWeight value');\r\n            }\r\n            return { fontWeight: size };\r\n        },\r\n        color: (color = theme.colors.gray[800]) => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value');\r\n            }\r\n            return { color: color };\r\n        },\r\n        fontSize: (size = theme.fontSize.normal) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid fontSize value');\r\n            }\r\n            return { fontSize: size };\r\n        },\r\n        fontFamily: font => {\r\n            if (!font) return\r\n            return {\r\n                fontFamily: font\r\n            }\r\n        },\r\n        textAlign: (align = 'left') => {\r\n            const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n            if (!validAlignments.includes(align)) {\r\n                throw new Error('Invalid textAlign value');\r\n            }\r\n            return { textAlign: align };\r\n        },\r\n        borderRadius: (value = 16) => {\r\n            if (!isValidNumber(value)) {\r\n                throw new Error('Invalid borderRadius value');\r\n            }\r\n            return { borderRadius: value };\r\n        },\r\n        borderColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid borderColor value');\r\n            }\r\n            return { borderColor: value };\r\n        },\r\n        backgroundColor: (value = theme.colors.gray[1]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid backgroundColor value');\r\n            }\r\n            return { backgroundColor: value };\r\n        },\r\n        noBorder: {\r\n            true: { borderWidth: 0 }\r\n        },\r\n        placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n            if (!isValidColor(value)) {\r\n                throw new Error('Invalid placeholderTextColor value');\r\n            }\r\n            return { placeholderTextColor: value };\r\n        }       \r\n    }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </YStack>\r\n                )\r\n            }\r\n            <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </YStack>\r\n                )\r\n            }\r\n        </>\r\n    )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n    return (\r\n        <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluent-styles",
-  "version": "1.33.0",
+  "version": "1.35.0",
   "description": "Develop different styled versions of UI components.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/package/dialog/index.jsx

@@ -51,7 +51,8 @@ const StyledConfirmDialog = ({
     cancel = 'Cancel',
     onNeural,
     confirm = 'Confirm',
-    neutral = 'Neutral'
+    neutral = 'Neutral',
+    isNeutral= false
   } = rest
 
   const handleConfirm = () => {
@@ -132,7 +133,7 @@ const StyledConfirmDialog = ({
               </StyledText>
             </StyledButton>
             <StyledSpacer marginHorizontal={2} />
-            {onNeural && (
+            {(onNeural && isNeutral) && (
               <>
                 <StyledButton
                   backgroundColor={theme.colors.orange[400]}

package/src/package/form/index.jsx

@@ -58,7 +58,7 @@ const StyledInputText = styled(TextInput, {
             }
             return { borderRadius: value };
         },
-        borderColor: (value = theme.colors.gray[100]) => {
+        borderColor: (value = theme.colors.gray[800]) => {
             if (!isValidColor(value)) {
                 throw new Error('Invalid borderColor value');
             }