@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/theme/v33x-theme/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["Accordion","AccordionItem","AccordionIcon","AccordionSummary","AccordionDetails","Actionsheet","ActionsheetContent","ActionsheetItem","Select","SelectItem","Alert","AlertIcon","AspectRatio","Avatar","AvatarBadge","AvatarGroup","Badge","Breadcrumb","BreadcrumbText","BreadcrumbIcon","Button","ButtonGroup","Card","Center","Checkbox","CheckboxGroup","Box","FlatList","KeyboardAvoidingView","ScrollView","SectionList","StatusBar","CircularProgress","Code","Container","HStack","VStack","Divider","Circle","SimpleGrid","FormControl","FormControlLabel","FormControlHelperText","FormControlErrorMessage","Heading","Icon","IconButton","Image","Input","Tooltip","Kbd","Link","default","Menu","MenuGroup","MenuItem","Modal","ModalContent","ModalHeader","ModalBody","ModalFooter","ModalOverlay","ModalCloseButton","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","AlertDialogOverlay","AlertDialogCloseButton","PopoverComponentTheme","NumberInput","NumberInputStepper","PinInput","Pressable","Progress","Radio","RadioGroup","Skeleton","SkeletonText","Spinner","Stat","Switch","Tabs","Tag","Text","AppBar","TextArea","TextField","Toast","Fade","ScaleFade","Slide","SlideFade","List","ListItem","ListIcon","TypeAheadSearchItem","Wrap","Flex","Spacer","Stack","Square","View","ZStack","FAB","SliderTrack","Slider","SliderThumb","SliderFilledTrack","InputLeftAddon","InputRightAddon"],"mappings":"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","sourcesContent":["import {\r\n  Accordion,\r\n  AccordionItem,\r\n  AccordionIcon,\r\n  AccordionSummary,\r\n  AccordionDetails,\r\n} from './accordion';\r\nimport {\r\n  Actionsheet,\r\n  ActionsheetContent,\r\n  // ActionsheetHeader,\r\n  // ActionsheetFooter,\r\n  ActionsheetItem,\r\n} from './actionsheet';\r\nimport { Select, SelectItem } from './select';\r\nimport { Alert, AlertIcon } from './alert';\r\nimport AspectRatio from './aspect-ratio';\r\nimport Avatar from './avatar';\r\nimport AvatarBadge from './avatar-badge';\r\nimport AvatarGroup from './avatar-group';\r\nimport Badge from './badge';\r\nimport { Breadcrumb, BreadcrumbText, BreadcrumbIcon } from './breadcrumb';\r\nimport Button, { ButtonGroup } from './button';\r\nimport Card from './card';\r\nimport Center from './center';\r\nimport Checkbox from './checkbox';\r\nimport CheckboxGroup from './checkbox-group';\r\nimport Box from './box';\r\nimport FlatList from './flatList';\r\nimport KeyboardAvoidingView from './keyboardAvoidingView';\r\nimport ScrollView from './scrollView';\r\nimport SectionList from './sectionList';\r\nimport StatusBar from './statusBar';\r\nimport CircularProgress from './circular-progress';\r\nimport Code from './code';\r\nimport Container from './container';\r\nimport HStack from './hstack';\r\nimport VStack from './vstack';\r\nimport Divider from './divider';\r\nimport Circle from './circle';\r\nimport SimpleGrid from './simple-grid';\r\nimport {\r\n  FormControl,\r\n  FormControlLabel,\r\n  FormControlHelperText,\r\n  FormControlErrorMessage,\r\n} from './form-control';\r\nimport Heading from './heading';\r\nimport Icon from './icon';\r\nimport IconButton from './icon-button';\r\nimport { Image } from './image';\r\nimport { Input } from './input';\r\nimport { Tooltip } from './tooltip';\r\nimport Kbd from './kbd';\r\nimport Link from './link';\r\nimport { default as Menu, MenuGroup, MenuItem } from './menu';\r\nimport {\r\n  Modal,\r\n  ModalContent,\r\n  ModalHeader,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalOverlay,\r\n  ModalCloseButton,\r\n} from './modal';\r\nimport {\r\n  AlertDialog,\r\n  AlertDialogContent,\r\n  AlertDialogHeader,\r\n  AlertDialogBody,\r\n  AlertDialogFooter,\r\n  AlertDialogOverlay,\r\n  AlertDialogCloseButton,\r\n} from './alert-dialog';\r\nimport * as PopoverComponentTheme from './popover';\r\nimport { default as NumberInput, NumberInputStepper } from './number-input';\r\nimport PinInput from './pin-input';\r\nimport Pressable from './pressable';\r\nimport Progress from './progress';\r\nimport Radio from './radio';\r\nimport RadioGroup from './radio-group';\r\nimport { Skeleton, SkeletonText } from './skeleton';\r\nimport Spinner from './spinner';\r\nimport Stat from './stat';\r\nimport Switch from './switch';\r\nimport Tabs from './tabs';\r\nimport Tag from './tag';\r\nimport Text from './text';\r\nimport AppBar from './app-bar';\r\nimport TextArea from './textarea';\r\nimport { TextField } from './textField';\r\nimport { Toast } from './toast';\r\nimport { Fade, ScaleFade, Slide, SlideFade } from './transitions';\r\nimport { List, ListItem, ListIcon } from './list';\r\nimport { TypeAheadSearchItem } from './typeahead';\r\nimport { Wrap } from './wrap';\r\nimport { Flex, Spacer } from './flex';\r\nimport Stack from './stack';\r\nimport Square from './square';\r\nimport View from './view';\r\nimport ZStack from './zstack';\r\nimport FAB from './fab';\r\nimport { SliderTrack, Slider, SliderThumb, SliderFilledTrack } from './slider';\r\nimport InputLeftAddon from './inputleftaddon';\r\nimport InputRightAddon from './inputrightaddon';\r\nexport default {\r\n  FlatList,\r\n  KeyboardAvoidingView,\r\n  ScrollView,\r\n  SectionList,\r\n  StatusBar,\r\n  Accordion,\r\n  AccordionItem,\r\n  AccordionIcon,\r\n  AccordionSummary,\r\n  AccordionDetails,\r\n  Actionsheet,\r\n  ActionsheetContent,\r\n  // ActionsheetHeader,\r\n  // ActionsheetFooter,\r\n  ActionsheetItem,\r\n  Alert,\r\n  // AlertDescription,\r\n  // AlertTitle,\r\n  AlertIcon,\r\n  AspectRatio,\r\n  Avatar,\r\n  AvatarBadge,\r\n  AvatarGroup,\r\n  Badge,\r\n  Box,\r\n  Breadcrumb,\r\n  BreadcrumbText,\r\n  BreadcrumbIcon,\r\n  Button,\r\n  ButtonGroup,\r\n  Card,\r\n  Center,\r\n  Circle,\r\n  Checkbox,\r\n  CheckboxGroup,\r\n  CircularProgress,\r\n  Code,\r\n  Container,\r\n  Divider,\r\n  Fade,\r\n  FAB,\r\n  Flex,\r\n  Spacer,\r\n  FormControl,\r\n  FormControlLabel,\r\n  FormControlHelperText,\r\n  FormControlErrorMessage,\r\n  Heading,\r\n  HStack,\r\n  VStack,\r\n  Icon,\r\n  IconButton,\r\n  Image,\r\n  Input,\r\n  InputLeftAddon,\r\n  InputRightAddon,\r\n  Kbd,\r\n  Link,\r\n  List,\r\n  ListItem,\r\n  ListIcon,\r\n  Menu,\r\n  MenuGroup,\r\n  MenuItem,\r\n  Modal,\r\n  ModalContent,\r\n  ModalHeader,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalOverlay,\r\n  ModalCloseButton,\r\n  AlertDialog,\r\n  AlertDialogContent,\r\n  AlertDialogHeader,\r\n  AlertDialogBody,\r\n  AlertDialogFooter,\r\n  AlertDialogOverlay,\r\n  AlertDialogCloseButton,\r\n  NumberInput,\r\n  NumberInputStepper,\r\n  PinInput,\r\n  Pressable,\r\n  ...PopoverComponentTheme,\r\n  Progress,\r\n  Radio,\r\n  RadioGroup,\r\n  ScaleFade,\r\n  Select,\r\n  SelectItem,\r\n  SimpleGrid,\r\n  Skeleton,\r\n  SkeletonText,\r\n  SliderFilledTrack,\r\n  SliderThumb,\r\n  SliderTrack,\r\n  Slider,\r\n  Slide,\r\n  SlideFade,\r\n  Spinner,\r\n  Square,\r\n  Stack,\r\n  Stat,\r\n  Switch,\r\n  Tabs,\r\n  Tag,\r\n  Text,\r\n  AppBar,\r\n  TextArea,\r\n  TextField,\r\n  Toast,\r\n  TypeAheadSearchItem,\r\n  View,\r\n  Wrap,\r\n  ZStack,\r\n  Tooltip,\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/input.js

@@ -0,0 +1,157 @@
+import { mode } from '../tools';
+import { Platform } from 'react-native';
+
+function getSelectionColor(props) {
+  if (Platform.OS === 'ios') {
+    return mode('coolGray.800', 'warmGray.50')(props);
+  } else if (Platform.OS === 'android') {
+    return mode('coolGray.800', 'warmGray.50')(props);
+  }
+}
+
+const baseStyle = props => {
+  // const { primary } = props.theme.colors;
+  // Todo: Resolve boxShadow Color or Provide some alternatiove prop for user to change focusRing color
+  // // Todo: Update to support similar focusRing on iOS , Android and Web
+  // const focusRing =
+  //   Platform.OS === 'web'
+  //     ? {
+  //         boxShadow:
+  //           props.variant !== 'underlined'
+  //             ? `${primary[400]} 0px 0px 0px 1px`
+  //             : `${primary[400]} 0px 1px 0px 0px`,
+  //         zIndex: 1,
+  //       }
+  //     : {
+  //         // boxShadow: `${useToken('colors', ['primary.400'])} 0px 0px 0px 1px`,
+  //       };
+  return {
+    selectionColor: getSelectionColor(props),
+    fontFamily: 'body',
+    p: '2',
+    borderRadius: 'sm',
+    overflow: 'hidden',
+    color: mode('coolGray.800', 'warmGray.50')(props),
+    placeholderTextColor: 'muted.400',
+    borderColor: mode('muted.200', 'gray.500')(props),
+    _disabled: {
+      opacity: '80',
+      bg: mode('muted.100', 'muted.700')(props),
+      _web: {
+        disabled: true,
+        cursor: 'not-allowed'
+      }
+    },
+    _invalid: {
+      borderColor: mode('danger.600', 'danger.300')(props)
+    },
+    _focus: {
+      borderColor: mode('primary.400', 'primary.500')(props)
+    },
+    _web: {
+      outlineWidth: '0',
+      overflow: 'auto',
+      lineHeight: 'lg',
+      // Todo: Move to _web inside size so that sm and xs don't have this much height
+      outline: 'none',
+      cursor: 'auto'
+    },
+    _stack: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      // justifyContent: 'space-between',
+      overflow: 'hidden'
+    },
+    _input: {
+      bg: 'transparent',
+      flex: 1
+    }
+  };
+};
+
+function roundedStyle(props) {
+  return {
+    borderRadius: '25',
+    borderWidth: '1',
+    _hover: {
+      bg: mode('gray.100', 'gray.700')(props)
+    }
+  };
+}
+
+function outlineStyle(props) {
+  return {
+    borderWidth: '1',
+    _hover: {
+      bg: mode('gray.100', 'gray.700')(props)
+    }
+  };
+}
+
+function filledStyle(props) {
+  return {
+    bg: props.bg || mode('muted.200', 'muted.600')(props),
+    borderWidth: '1',
+    borderColor: 'transparent',
+    _hover: {
+      bg: mode('muted.300', 'muted.700')(props)
+    }
+  };
+}
+
+function unstyledStyle() {
+  return {
+    borderWidth: '0'
+  };
+}
+
+function underlinedStyle() {
+  return {
+    borderRadius: '0',
+    borderTopWidth: '0',
+    borderLeftWidth: '0',
+    borderRightWidth: '0',
+    borderBottomWidth: '1'
+  };
+}
+
+const variants = {
+  outline: outlineStyle,
+  underlined: underlinedStyle,
+  rounded: roundedStyle,
+  filled: filledStyle,
+  unstyled: unstyledStyle
+};
+const sizes = {
+  '2xl': {
+    fontSize: 'xl'
+  },
+  'xl': {
+    fontSize: 'lg'
+  },
+  'lg': {
+    fontSize: 'md'
+  },
+  'md': {
+    fontSize: 'sm'
+  },
+  'sm': {
+    fontSize: 'xs'
+  },
+  'xs': {
+    fontSize: '2xs'
+  }
+};
+const defaultProps = {
+  size: 'sm',
+  variant: 'outline'
+}; // Input
+
+export const Input = {
+  baseStyle,
+  defaultProps,
+  variants,
+  sizes
+};
+export default {};
+//# sourceMappingURL=input.js.map

package/lib/module/theme/v33x-theme/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["input.ts"],"names":["mode","Platform","getSelectionColor","props","OS","baseStyle","selectionColor","fontFamily","p","borderRadius","overflow","color","placeholderTextColor","borderColor","_disabled","opacity","bg","_web","disabled","cursor","_invalid","_focus","outlineWidth","lineHeight","outline","_stack","flexDirection","alignItems","_input","flex","roundedStyle","borderWidth","_hover","outlineStyle","filledStyle","unstyledStyle","underlinedStyle","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","variants","underlined","rounded","filled","unstyled","sizes","fontSize","defaultProps","size","variant","Input"],"mappings":"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","sourcesContent":["import { mode } from '../tools';\r\nimport { Platform } from 'react-native';\r\n\r\nfunction getSelectionColor(props: Record<string, any>) {\r\n  if (Platform.OS === 'ios') {\r\n    return mode('coolGray.800', 'warmGray.50')(props);\r\n  } else if (Platform.OS === 'android') {\r\n    return mode('coolGray.800', 'warmGray.50')(props);\r\n  }\r\n}\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  // const { primary } = props.theme.colors;\r\n  // Todo: Resolve boxShadow Color or Provide some alternatiove prop for user to change focusRing color\r\n  // // Todo: Update to support similar focusRing on iOS , Android and Web\r\n  // const focusRing =\r\n  //   Platform.OS === 'web'\r\n  //     ? {\r\n  //         boxShadow:\r\n  //           props.variant !== 'underlined'\r\n  //             ? `${primary[400]} 0px 0px 0px 1px`\r\n  //             : `${primary[400]} 0px 1px 0px 0px`,\r\n  //         zIndex: 1,\r\n  //       }\r\n  //     : {\r\n  //         // boxShadow: `${useToken('colors', ['primary.400'])} 0px 0px 0px 1px`,\r\n  //       };\r\n\r\n  return {\r\n    selectionColor: getSelectionColor(props),\r\n    fontFamily: 'body',\r\n    p: '2',\r\n    borderRadius: 'sm',\r\n    overflow: 'hidden',\r\n    color: mode('coolGray.800', 'warmGray.50')(props),\r\n    placeholderTextColor: 'muted.400',\r\n    borderColor: mode('muted.200', 'gray.500')(props),\r\n    _disabled: {\r\n      opacity: '80',\r\n      bg: mode('muted.100', 'muted.700')(props),\r\n      _web: {\r\n        disabled: true,\r\n        cursor: 'not-allowed',\r\n      },\r\n    },\r\n    _invalid: {\r\n      borderColor: mode('danger.600', 'danger.300')(props),\r\n    },\r\n    _focus: {\r\n      borderColor: mode('primary.400', 'primary.500')(props),\r\n    },\r\n    _web: {\r\n      outlineWidth: '0',\r\n      overflow: 'auto',\r\n      lineHeight: 'lg', // Todo: Move to _web inside size so that sm and xs don't have this much height\r\n      outline: 'none',\r\n      cursor: 'auto',\r\n    },\r\n    _stack: {\r\n      flexDirection: 'row',\r\n      alignItems: 'center',\r\n      // justifyContent: 'space-between',\r\n      overflow: 'hidden',\r\n    },\r\n    _input: {\r\n      bg: 'transparent',\r\n      flex: 1,\r\n    },\r\n  };\r\n};\r\n\r\nfunction roundedStyle(props: Record<string, any>) {\r\n  return {\r\n    borderRadius: '25',\r\n    borderWidth: '1',\r\n    _hover: {\r\n      bg: mode('gray.100', 'gray.700')(props),\r\n    },\r\n  };\r\n}\r\nfunction outlineStyle(props: Record<string, any>) {\r\n  return {\r\n    borderWidth: '1',\r\n    _hover: {\r\n      bg: mode('gray.100', 'gray.700')(props),\r\n    },\r\n  };\r\n}\r\nfunction filledStyle(props: Record<string, any>) {\r\n  return {\r\n    bg: props.bg || mode('muted.200', 'muted.600')(props),\r\n    borderWidth: '1',\r\n    borderColor: 'transparent',\r\n    _hover: {\r\n      bg: mode('muted.300', 'muted.700')(props),\r\n    },\r\n  };\r\n}\r\nfunction unstyledStyle() {\r\n  return {\r\n    borderWidth: '0',\r\n  };\r\n}\r\nfunction underlinedStyle() {\r\n  return {\r\n    borderRadius: '0',\r\n    borderTopWidth: '0',\r\n    borderLeftWidth: '0',\r\n    borderRightWidth: '0',\r\n    borderBottomWidth: '1',\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  outline: outlineStyle,\r\n  underlined: underlinedStyle,\r\n  rounded: roundedStyle,\r\n  filled: filledStyle,\r\n  unstyled: unstyledStyle,\r\n};\r\n\r\nconst sizes = {\r\n  '2xl': { fontSize: 'xl' },\r\n  'xl': { fontSize: 'lg' },\r\n  'lg': { fontSize: 'md' },\r\n  'md': { fontSize: 'sm' },\r\n  'sm': { fontSize: 'xs' },\r\n  'xs': { fontSize: '2xs' },\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'sm',\r\n  variant: 'outline',\r\n};\r\n\r\n// Input\r\nexport const Input = {\r\n  baseStyle,\r\n  defaultProps,\r\n  variants,\r\n  sizes,\r\n};\r\n\r\nexport default {};\r\n"]}

package/lib/module/theme/v33x-theme/components/inputleftaddon.js

@@ -0,0 +1,23 @@
+import { mode } from '../tools';
+
+const baseStyle = props => {
+  return {
+    borderRightWidth: '0',
+    roundedLeft: '4',
+    bg: mode('gray.50', 'gray.700')(props),
+    p: '2',
+    borderColor: mode('gray.300', 'gray.600')(props),
+    borderWidth: '1',
+    _text: {
+      color: mode('muted.400', 'muted.500')(props),
+      fontWeight: 600
+    },
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+};
+
+export default {
+  baseStyle
+};
+//# sourceMappingURL=inputleftaddon.js.map

package/lib/module/theme/v33x-theme/components/inputleftaddon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["inputleftaddon.ts"],"names":["mode","baseStyle","props","borderRightWidth","roundedLeft","bg","p","borderColor","borderWidth","_text","color","fontWeight","alignItems","justifyContent"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,SAAO;AACLC,IAAAA,gBAAgB,EAAE,GADb;AAELC,IAAAA,WAAW,EAAE,GAFR;AAGLC,IAAAA,EAAE,EAAEL,IAAI,CAAC,SAAD,EAAY,UAAZ,CAAJ,CAA4BE,KAA5B,CAHC;AAILI,IAAAA,CAAC,EAAE,GAJE;AAKLC,IAAAA,WAAW,EAAEP,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CALR;AAMLM,IAAAA,WAAW,EAAE,GANR;AAOLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEV,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BE,KAA/B,CADF;AAELS,MAAAA,UAAU,EAAE;AAFP,KAPF;AAWLC,IAAAA,UAAU,EAAE,QAXP;AAYLC,IAAAA,cAAc,EAAE;AAZX,GAAP;AAcD,CAfD;;AAiBA,eAAe;AAAEZ,EAAAA;AAAF,CAAf","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderRightWidth: '0',\r\n    roundedLeft: '4',\r\n    bg: mode('gray.50', 'gray.700')(props),\r\n    p: '2',\r\n    borderColor: mode('gray.300', 'gray.600')(props),\r\n    borderWidth: '1',\r\n    _text: {\r\n      color: mode('muted.400', 'muted.500')(props),\r\n      fontWeight: 600,\r\n    },\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  };\r\n};\r\n\r\nexport default { baseStyle };\r\n"]}

package/lib/module/theme/v33x-theme/components/inputrightaddon.js

@@ -0,0 +1,23 @@
+import { mode } from '../tools';
+
+const baseStyle = props => {
+  return {
+    borderLeftWidth: '0',
+    roundedRight: '4',
+    bg: mode('gray.50', 'gray.700')(props),
+    p: '2',
+    borderColor: mode('gray.300', 'gray.600')(props),
+    borderWidth: '1',
+    _text: {
+      color: mode('muted.400', 'muted.500')(props),
+      fontWeight: 600
+    },
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+};
+
+export default {
+  baseStyle
+};
+//# sourceMappingURL=inputrightaddon.js.map

package/lib/module/theme/v33x-theme/components/inputrightaddon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["inputrightaddon.ts"],"names":["mode","baseStyle","props","borderLeftWidth","roundedRight","bg","p","borderColor","borderWidth","_text","color","fontWeight","alignItems","justifyContent"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,SAAO;AACLC,IAAAA,eAAe,EAAE,GADZ;AAELC,IAAAA,YAAY,EAAE,GAFT;AAGLC,IAAAA,EAAE,EAAEL,IAAI,CAAC,SAAD,EAAY,UAAZ,CAAJ,CAA4BE,KAA5B,CAHC;AAILI,IAAAA,CAAC,EAAE,GAJE;AAKLC,IAAAA,WAAW,EAAEP,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CALR;AAMLM,IAAAA,WAAW,EAAE,GANR;AAOLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEV,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BE,KAA/B,CADF;AAELS,MAAAA,UAAU,EAAE;AAFP,KAPF;AAWLC,IAAAA,UAAU,EAAE,QAXP;AAYLC,IAAAA,cAAc,EAAE;AAZX,GAAP;AAcD,CAfD;;AAiBA,eAAe;AAAEZ,EAAAA;AAAF,CAAf","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    borderLeftWidth: '0',\r\n    roundedRight: '4',\r\n    bg: mode('gray.50', 'gray.700')(props),\r\n    p: '2',\r\n    borderColor: mode('gray.300', 'gray.600')(props),\r\n    borderWidth: '1',\r\n    _text: {\r\n      color: mode('muted.400', 'muted.500')(props),\r\n      fontWeight: 600,\r\n    },\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  };\r\n};\r\n\r\nexport default { baseStyle };\r\n"]}

package/lib/module/theme/v33x-theme/components/kbd.js

@@ -0,0 +1,26 @@
+import { mode } from '../tools';
+import { Platform } from 'react-native';
+
+function baseStyle(props) {
+  return {
+    bg: mode('muted.200', 'muted.700')(props),
+    borderColor: mode('muted.300', 'muted.600')(props),
+    borderWidth: 2,
+    borderBottomWidth: 4,
+    shadow: 1,
+    borderRadius: 'md',
+    px: 2,
+    _text: {
+      fontSize: 'sm',
+      fontWeight: 'bold',
+      fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace'
+    }
+  };
+}
+
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=kbd.js.map

package/lib/module/theme/v33x-theme/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["kbd.ts"],"names":["mode","Platform","baseStyle","props","bg","borderColor","borderWidth","borderBottomWidth","shadow","borderRadius","px","_text","fontSize","fontWeight","fontFamily","OS","defaultProps"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;AACA,SAASC,QAAT,QAAyB,cAAzB;;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA+C;AAC7C,SAAO;AACLC,IAAAA,EAAE,EAAEJ,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BG,KAA/B,CADC;AAELE,IAAAA,WAAW,EAAEL,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BG,KAA/B,CAFR;AAGLG,IAAAA,WAAW,EAAE,CAHR;AAILC,IAAAA,iBAAiB,EAAE,CAJd;AAKLC,IAAAA,MAAM,EAAE,CALH;AAMLC,IAAAA,YAAY,EAAE,IANT;AAOLC,IAAAA,EAAE,EAAE,CAPC;AAQLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,UAAU,EAAE,MAFP;AAGLC,MAAAA,UAAU,EAAEb,QAAQ,CAACc,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC;AAH3C;AARF,GAAP;AAcD;;AAED,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbd,EAAAA,SADa;AAEbc,EAAAA;AAFa,CAAf","sourcesContent":["import { mode } from '../tools';\r\nimport { Platform } from 'react-native';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  return {\r\n    bg: mode('muted.200', 'muted.700')(props),\r\n    borderColor: mode('muted.300', 'muted.600')(props),\r\n    borderWidth: 2,\r\n    borderBottomWidth: 4,\r\n    shadow: 1,\r\n    borderRadius: 'md',\r\n    px: 2,\r\n    _text: {\r\n      fontSize: 'sm',\r\n      fontWeight: 'bold',\r\n      fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',\r\n    },\r\n  };\r\n}\r\n\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/keyboardAvoidingView.js

@@ -0,0 +1,7 @@
+const baseStyle = {};
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=keyboardAvoidingView.js.map

package/lib/module/theme/v33x-theme/components/keyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["keyboardAvoidingView.ts"],"names":["baseStyle","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,eAAe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,CAAf","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/link.js

@@ -0,0 +1,20 @@
+const baseStyle = props => {
+  const {
+    isUnderlined
+  } = props;
+  return {
+    _text: {
+      textDecorationLine: isUnderlined ? 'underline' : 'none'
+    },
+    width: 'auto',
+    height: 'auto'
+  };
+};
+
+export default {
+  baseStyle,
+  defaultProps: {
+    isUnderlined: true
+  }
+};
+//# sourceMappingURL=link.js.map

package/lib/module/theme/v33x-theme/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["link.ts"],"names":["baseStyle","props","isUnderlined","_text","textDecorationLine","width","height","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAIC,KAAD,IAAgC;AAChD,QAAM;AAAEC,IAAAA;AAAF,MAAmBD,KAAzB;AACA,SAAO;AACLE,IAAAA,KAAK,EAAE;AACLC,MAAAA,kBAAkB,EAAEF,YAAY,GAAG,WAAH,GAAiB;AAD5C,KADF;AAILG,IAAAA,KAAK,EAAE,MAJF;AAKLC,IAAAA,MAAM,EAAE;AALH,GAAP;AAOD,CATD;;AAWA,eAAe;AACbN,EAAAA,SADa;AAEbO,EAAAA,YAAY,EAAE;AACZL,IAAAA,YAAY,EAAE;AADF;AAFD,CAAf","sourcesContent":["const baseStyle = (props: Record<string, any>) => {\r\n  const { isUnderlined } = props;\r\n  return {\r\n    _text: {\r\n      textDecorationLine: isUnderlined ? 'underline' : 'none',\r\n    },\r\n    width: 'auto',\r\n    height: 'auto',\r\n  };\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    isUnderlined: true,\r\n  },\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/list.js

@@ -0,0 +1,33 @@
+import { mode } from '../tools'; // List
+
+export const List = {
+  baseStyle: props => {
+    return {
+      py: 2,
+      borderWidth: 1,
+      borderColor: 'gray.300',
+      _hover: {
+        bg: mode('primary.100', 'primary.700')(props)
+      }
+    };
+  }
+}; // ListItem
+
+export const ListItem = {
+  baseStyle: {
+    // borderTopWidth: 1,
+    py: 2,
+    borderColor: 'gray.300'
+  },
+  defaultProps: {
+    start: 1
+  }
+}; // ListIcon
+
+export const ListIcon = {
+  baseStyle: {
+    mr: 8,
+    size: 'md'
+  }
+};
+//# sourceMappingURL=list.js.map

package/lib/module/theme/v33x-theme/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["list.ts"],"names":["mode","List","baseStyle","props","py","borderWidth","borderColor","_hover","bg","ListItem","defaultProps","start","ListIcon","mr","size"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB,C,CACA;;AACA,OAAO,MAAMC,IAAI,GAAG;AAClBC,EAAAA,SAAS,EAAGC,KAAD,IAAgC;AACzC,WAAO;AACLC,MAAAA,EAAE,EAAE,CADC;AAELC,MAAAA,WAAW,EAAE,CAFR;AAGLC,MAAAA,WAAW,EAAE,UAHR;AAILC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,EAAE,EAAER,IAAI,CAAC,aAAD,EAAgB,aAAhB,CAAJ,CAAmCG,KAAnC;AAAN;AAJH,KAAP;AAMD;AARiB,CAAb,C,CAWP;;AACA,OAAO,MAAMM,QAAQ,GAAG;AACtBP,EAAAA,SAAS,EAAE;AACT;AACAE,IAAAA,EAAE,EAAE,CAFK;AAGTE,IAAAA,WAAW,EAAE;AAHJ,GADW;AAMtBI,EAAAA,YAAY,EAAE;AACZC,IAAAA,KAAK,EAAE;AADK;AANQ,CAAjB,C,CAWP;;AACA,OAAO,MAAMC,QAAQ,GAAG;AACtBV,EAAAA,SAAS,EAAE;AACTW,IAAAA,EAAE,EAAE,CADK;AAETC,IAAAA,IAAI,EAAE;AAFG;AADW,CAAjB","sourcesContent":["import { mode } from '../tools';\r\n// List\r\nexport const List = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      py: 2,\r\n      borderWidth: 1,\r\n      borderColor: 'gray.300',\r\n      _hover: { bg: mode('primary.100', 'primary.700')(props) },\r\n    };\r\n  },\r\n};\r\n\r\n// ListItem\r\nexport const ListItem = {\r\n  baseStyle: {\r\n    // borderTopWidth: 1,\r\n    py: 2,\r\n    borderColor: 'gray.300',\r\n  },\r\n  defaultProps: {\r\n    start: 1,\r\n  },\r\n};\r\n\r\n// ListIcon\r\nexport const ListIcon = {\r\n  baseStyle: {\r\n    mr: 8,\r\n    size: 'md',\r\n  },\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/menu.js

@@ -0,0 +1,87 @@
+import { Platform, StyleSheet } from 'react-native';
+import { mode } from '../tools';
+
+function baseStyle(props) {
+  return {
+    bg: mode("#fff", "gray.700")(props),
+    py: 2,
+    borderWidth: 1,
+    borderColor: mode("coolGray.200", "gray.600")(props),
+    borderRadius: 'sm',
+    _presenceTransition: {
+      initial: {
+        opacity: 0,
+        translateY: -10
+      },
+      animate: {
+        opacity: 1,
+        translateY: 0,
+        transition: {
+          duration: 200
+        }
+      },
+      exit: {
+        opacity: 0,
+        translateY: -10,
+        transition: {
+          duration: 150
+        }
+      },
+      style: StyleSheet.absoluteFill
+    },
+    _overlay: {},
+    _backdrop: {
+      bg: 'transparent'
+    }
+  };
+}
+
+export default {
+  baseStyle
+};
+export const MenuGroup = {
+  baseStyle: props => ({
+    _title: {
+      fontSize: 'xs',
+      fontWeight: 600,
+      textTransform: 'uppercase',
+      color: mode("gray.500", "gray.300")(props)
+    },
+    p: 3
+  })
+};
+export const MenuItem = {
+  baseStyle: props => ({
+    px: 3,
+    py: 2,
+    outlineWidth: Platform.OS === 'web' ? 0 : undefined,
+    _stack: {
+      alignItems: 'center',
+      px: 3,
+      space: 3
+    },
+    _disabled: {
+      _text: {
+        color: mode('gray.400', 'gray.400')(props)
+      }
+    },
+    _focus: {
+      bg: mode("coolGray.200", "gray.600")(props)
+    },
+    _pressed: {
+      bg: mode("coolGray.300", "gray.500")(props)
+    },
+    _icon: {
+      size: 4,
+      color: mode('gray.500', 'gray.100')(props),
+      opacity: 0
+    },
+    _checked: {
+      _icon: {
+        opacity: 1
+      }
+    }
+  }),
+  defaultProps: {}
+};
+//# sourceMappingURL=menu.js.map

package/lib/module/theme/v33x-theme/components/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["menu.ts"],"names":["Platform","StyleSheet","mode","baseStyle","props","bg","py","borderWidth","borderColor","borderRadius","_presenceTransition","initial","opacity","translateY","animate","transition","duration","exit","style","absoluteFill","_overlay","_backdrop","MenuGroup","_title","fontSize","fontWeight","textTransform","color","p","MenuItem","px","outlineWidth","OS","undefined","_stack","alignItems","space","_disabled","_text","_focus","_pressed","_icon","size","_checked","defaultProps"],"mappings":"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","sourcesContent":["import { Platform, StyleSheet } from 'react-native';\r\nimport { mode } from '../tools';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  return {\r\n    bg: mode(`#fff`, `gray.700`)(props),\r\n    py: 2,\r\n    borderWidth: 1,\r\n    borderColor: mode(`coolGray.200`, `gray.600`)(props),\r\n    borderRadius: 'sm',\r\n    _presenceTransition: {\r\n      initial: { opacity: 0, translateY: -10 },\r\n      animate: {\r\n        opacity: 1,\r\n        translateY: 0,\r\n        transition: { duration: 200 },\r\n      },\r\n      exit: { opacity: 0, translateY: -10, transition: { duration: 150 } },\r\n      style: StyleSheet.absoluteFill,\r\n    },\r\n    _overlay: {},\r\n    _backdrop: {\r\n      bg: 'transparent',\r\n    },\r\n  };\r\n}\r\n\r\nexport default {\r\n  baseStyle,\r\n};\r\n\r\nexport const MenuGroup = {\r\n  baseStyle: (props: any) => ({\r\n    _title: {\r\n      fontSize: 'xs',\r\n      fontWeight: 600,\r\n      textTransform: 'uppercase',\r\n      color: mode(`gray.500`, `gray.300`)(props),\r\n    },\r\n    p: 3,\r\n  }),\r\n};\r\nexport const MenuItem = {\r\n  baseStyle: (props: any) => ({\r\n    px: 3,\r\n    py: 2,\r\n    outlineWidth: Platform.OS === 'web' ? 0 : undefined,\r\n    _stack: {\r\n      alignItems: 'center',\r\n      px: 3,\r\n      space: 3,\r\n    },\r\n    _disabled: {\r\n      _text: {\r\n        color: mode('gray.400', 'gray.400')(props),\r\n      },\r\n    },\r\n    _focus: {\r\n      bg: mode(`coolGray.200`, `gray.600`)(props),\r\n    },\r\n    _pressed: {\r\n      bg: mode(`coolGray.300`, `gray.500`)(props),\r\n    },\r\n    _icon: {\r\n      size: 4,\r\n      color: mode('gray.500', 'gray.100')(props),\r\n      opacity: 0,\r\n    },\r\n    _checked: {\r\n      _icon: {\r\n        opacity: 1,\r\n      },\r\n    },\r\n  }),\r\n  defaultProps: {},\r\n};\r\n"]}

package/lib/module/theme/v33x-theme/components/modal.js

@@ -0,0 +1,146 @@
+import { Dimensions } from 'react-native';
+import { mode } from '../tools';
+const sizes = {
+  xs: {
+    contentSize: {
+      width: '60%',
+      maxWidth: '280'
+    }
+  },
+  sm: {
+    contentSize: {
+      width: '65%',
+      maxWidth: '320'
+    }
+  },
+  md: {
+    contentSize: {
+      width: '75%',
+      maxWidth: '380'
+    }
+  },
+  lg: {
+    contentSize: {
+      width: '80%',
+      maxWidth: '520'
+    }
+  },
+  xl: {
+    contentSize: {
+      width: '90%',
+      maxWidth: '580'
+    }
+  },
+  full: {
+    contentSize: {
+      width: '100%'
+    }
+  }
+};
+export const Modal = {
+  baseStyle: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    _web: {
+      pointerEvents: 'box-none'
+    },
+    _backdropFade: {
+      exitDuration: 150,
+      entryDuration: 200
+    },
+    _slide: {
+      overlay: false,
+      duration: 200
+    },
+    _fade: {
+      exitDuration: 100,
+      entryDuration: 200
+    }
+  },
+  sizes,
+  defaultProps: {
+    size: 'md',
+    closeOnOverlayClick: true
+  }
+};
+export const ModalContent = {
+  baseStyle: props => {
+    return {
+      bg: mode('coolGray.50', 'gray.700')(props),
+      _text: {
+        color: mode('coolGray.800', 'warmGray.50')(props)
+      },
+      shadow: 1,
+      rounded: 'lg',
+      maxHeight: "".concat(Dimensions.get('window').height - 150, "px"),
+      overflow: 'hidden'
+    };
+  }
+};
+export const ModalCloseButton = {
+  baseStyle: props => {
+    return {
+      position: 'absolute',
+      right: '3',
+      top: '3',
+      zIndex: '1',
+      colorScheme: 'coolGray',
+      p: '2',
+      _icon: {
+        size: '3',
+        color: mode('coolGray.600', 'coolGray.100')(props)
+      }
+    };
+  }
+};
+export const ModalHeader = {
+  baseStyle: props => {
+    return {
+      py: '4',
+      px: '3',
+      borderBottomWidth: '1',
+      borderColor: mode('coolGray.200', 'gray.600')(props),
+      _text: {
+        fontSize: 'md',
+        fontWeight: 'semibold',
+        color: mode('coolGray.800', 'warmGray.50')(props),
+        lineHeight: 'sm'
+      }
+    };
+  }
+};
+export const ModalBody = {
+  baseStyle: props => {
+    return {
+      pt: '2',
+      p: '3',
+      _text: {
+        color: mode('coolGray.600', 'coolGray.300')(props)
+      }
+    };
+  }
+};
+export const ModalFooter = {
+  baseStyle: props => {
+    return {
+      p: '3',
+      bg: mode('coolGray.100', 'gray.600')(props),
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap'
+    };
+  }
+};
+export const ModalOverlay = {
+  baseStyle: {
+    position: 'absolute',
+    left: '0',
+    top: '0',
+    opacity: '50',
+    right: '0',
+    bottom: '0'
+  }
+};
+//# sourceMappingURL=modal.js.map

package/lib/module/theme/v33x-theme/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["modal.ts"],"names":["Dimensions","mode","sizes","xs","contentSize","width","maxWidth","sm","md","lg","xl","full","Modal","baseStyle","height","justifyContent","alignItems","_web","pointerEvents","_backdropFade","exitDuration","entryDuration","_slide","overlay","duration","_fade","defaultProps","size","closeOnOverlayClick","ModalContent","props","bg","_text","color","shadow","rounded","maxHeight","get","overflow","ModalCloseButton","position","right","top","zIndex","colorScheme","p","_icon","ModalHeader","py","px","borderBottomWidth","borderColor","fontSize","fontWeight","lineHeight","ModalBody","pt","ModalFooter","flexDirection","flexWrap","ModalOverlay","left","opacity","bottom"],"mappings":"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","sourcesContent":["import { Dimensions } from 'react-native';\r\nimport { mode } from '../tools';\r\n\r\nconst sizes = {\r\n  xs: {\r\n    contentSize: {\r\n      width: '60%',\r\n      maxWidth: '280',\r\n    },\r\n  },\r\n  sm: {\r\n    contentSize: {\r\n      width: '65%',\r\n      maxWidth: '320',\r\n    },\r\n  },\r\n  md: {\r\n    contentSize: {\r\n      width: '75%',\r\n      maxWidth: '380',\r\n    },\r\n  },\r\n  lg: {\r\n    contentSize: {\r\n      width: '80%',\r\n      maxWidth: '520',\r\n    },\r\n  },\r\n  xl: {\r\n    contentSize: {\r\n      width: '90%',\r\n      maxWidth: '580',\r\n    },\r\n  },\r\n  full: {\r\n    contentSize: {\r\n      width: '100%',\r\n    },\r\n  },\r\n};\r\n\r\nexport const Modal = {\r\n  baseStyle: {\r\n    width: '100%',\r\n    height: '100%',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: { pointerEvents: 'box-none' },\r\n    _backdropFade: { exitDuration: 150, entryDuration: 200 },\r\n    _slide: { overlay: false, duration: 200 },\r\n    _fade: { exitDuration: 100, entryDuration: 200 },\r\n  },\r\n  sizes,\r\n  defaultProps: {\r\n    size: 'md',\r\n    closeOnOverlayClick: true,\r\n  },\r\n};\r\n\r\nexport const ModalContent = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      bg: mode('coolGray.50', 'gray.700')(props),\r\n      _text: { color: mode('coolGray.800', 'warmGray.50')(props) },\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n    };\r\n  },\r\n};\r\nexport const ModalCloseButton = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      colorScheme: 'coolGray',\r\n      p: '2',\r\n      _icon: {\r\n        size: '3',\r\n        color: mode('coolGray.600', 'coolGray.100')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const ModalHeader = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      py: '4',\r\n      px: '3',\r\n      borderBottomWidth: '1',\r\n      borderColor: mode('coolGray.200', 'gray.600')(props),\r\n      _text: {\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        color: mode('coolGray.800', 'warmGray.50')(props),\r\n        lineHeight: 'sm',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const ModalBody = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      pt: '2',\r\n      p: '3',\r\n      _text: {\r\n        color: mode('coolGray.600', 'coolGray.300')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const ModalFooter = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      p: '3',\r\n      bg: mode('coolGray.100', 'gray.600')(props),\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n    };\r\n  },\r\n};\r\nexport const ModalOverlay = {\r\n  baseStyle: {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    opacity: '50',\r\n    right: '0',\r\n    bottom: '0',\r\n  },\r\n};\r\n"]}