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

package/lib/module/theme/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["icon.ts"],"names":["baseStyle","color","_dark","sizes","defaultProps","size"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,KAAK,EAAE;AACLD,MAAAA,KAAK,EAAE;AADF;AAFF,GAAP;AAMD,CAPD;;AASA,MAAME,KAAK,GAAG;AACZ,SAAO,CADK;AAEZ,QAAM,CAFM;AAGZ,QAAM,CAHM;AAIZ,QAAM,CAJM;AAKZ,QAAM,CALM;AAMZ,QAAM,CANM;AAOZ,SAAO,CAPK;AAQZ,SAAO,CARK;AASZ,SAAO,EATK;AAUZ,SAAO,EAVK;AAWZ,SAAO;AAXK,CAAd;AAcA,MAAMC,YAAY,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAArB;AACA,eAAe;AAAEL,EAAAA,SAAF;AAAaG,EAAAA,KAAb;AAAoBC,EAAAA;AAApB,CAAf","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    color: 'muted.500',\r\n    _dark: {\r\n      color: 'muted.400',\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  '2xs': 2,\r\n  'xs': 3,\r\n  'sm': 4,\r\n  'md': 5,\r\n  'lg': 6,\r\n  'xl': 7,\r\n  '2xl': 8,\r\n  '3xl': 9,\r\n  '4xl': 10,\r\n  '5xl': 12,\r\n  '6xl': 16,\r\n};\r\n\r\nconst defaultProps = { size: 'sm' };\r\nexport default { baseStyle, sizes, defaultProps };\r\n"]}

package/lib/module/theme/components/image.js

@@ -0,0 +1,19 @@
+// Image
+const sizes = {
+  '2xs': '6',
+  'xs': '10',
+  'sm': '16',
+  'md': '20',
+  'lg': '24',
+  'xl': '32',
+  '2xl': '64',
+  'full': '100%'
+};
+export const Image = {
+  baseStyle: {
+    maxWidth: '100%'
+  },
+  sizes,
+  defaultProps: {}
+};
+//# sourceMappingURL=image.js.map

package/lib/module/theme/components/image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["image.ts"],"names":["sizes","Image","baseStyle","maxWidth","defaultProps"],"mappings":"AAAA;AACA,MAAMA,KAAK,GAAG;AACZ,SAAO,GADK;AAEZ,QAAM,IAFM;AAGZ,QAAM,IAHM;AAIZ,QAAM,IAJM;AAKZ,QAAM,IALM;AAMZ,QAAM,IANM;AAOZ,SAAO,IAPK;AAQZ,UAAQ;AARI,CAAd;AAWA,OAAO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AADD,GADQ;AAInBH,EAAAA,KAJmB;AAKnBI,EAAAA,YAAY,EAAE;AALK,CAAd","sourcesContent":["// Image\r\nconst sizes = {\r\n  '2xs': '6',\r\n  'xs': '10',\r\n  'sm': '16',\r\n  'md': '20',\r\n  'lg': '24',\r\n  'xl': '32',\r\n  '2xl': '64',\r\n  'full': '100%',\r\n};\r\n\r\nexport const Image = {\r\n  baseStyle: {\r\n    maxWidth: '100%',\r\n  },\r\n  sizes,\r\n  defaultProps: {},\r\n};\r\n"]}

package/lib/module/theme/components/index.js

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

package/lib/module/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/components/input.js

@@ -0,0 +1,308 @@
+import { transparentize } from '../tools';
+
+const baseStyle = props => {
+  const {
+    primary,
+    error
+  } = props.theme.colors;
+  return {
+    fontFamily: 'body',
+    py: '2',
+    px: '3',
+    borderRadius: 'sm',
+    overflow: 'hidden',
+    _disabled: {
+      opacity: '0.4',
+      _web: {
+        disabled: true,
+        cursor: 'not-allowed'
+      }
+    },
+    _web: {
+      outlineWidth: '0',
+      overflow: 'auto',
+      lineHeight: 'lg',
+      // Todo: Move to _web inside size so that sm and xs don't have this much height
+      style: {
+        outline: 'none'
+      },
+      cursor: 'auto'
+    },
+    _input: {
+      bg: 'transparent',
+      flex: 1,
+      w: '100%',
+      h: '100%'
+    },
+    placeholderTextColor: 'text.400',
+    color: 'text.900',
+    borderColor: 'muted.300',
+    _stack: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      // justifyContent: 'space-between',
+      overflow: 'hidden'
+    },
+    _hover: {
+      borderColor: 'primary.600'
+    },
+    _invalid: {
+      borderColor: 'error.600',
+      _hover: {
+        borderColor: 'error.600'
+      },
+      _stack: {
+        style: {
+          outlineWidth: '0',
+          boxShadow: "0 0 0 1px ".concat(error[600])
+        }
+      }
+    },
+    _focus: {
+      borderColor: 'primary.600',
+      _hover: {
+        borderColor: 'primary.600'
+      },
+      _invalid: {
+        borderColor: 'error.600',
+        _hover: {
+          borderColor: 'error.600'
+        },
+        _stack: {
+          style: {
+            outlineWidth: '0',
+            boxShadow: "0 0 0 1px ".concat(error[600])
+          }
+        }
+      },
+      _ios: {
+        selectionColor: 'coolGray.800'
+      },
+      _android: {
+        selectionColor: 'coolGray.800'
+      },
+      _disabled: {
+        placeholderTextColor: 'muted.700',
+        _hover: {
+          borderColor: 'muted.300'
+        }
+      },
+      _stack: {
+        style: {
+          outlineWidth: '0',
+          boxShadow: "0 0 0 1px ".concat(primary[600])
+        }
+      }
+    },
+    _dark: {
+      placeholderTextColor: 'text.600',
+      color: 'text.50',
+      borderColor: 'muted.700',
+      _hover: {
+        borderColor: 'primary.500'
+      },
+      _focus: {
+        borderColor: 'primary.500',
+        _hover: {
+          borderColor: 'primary.500'
+        },
+        _stack: {
+          style: {
+            outlineWidth: '0',
+            boxShadow: "0 0 0 1px ".concat(primary[500])
+          }
+        }
+      },
+      _invalid: {
+        borderColor: 'error.500',
+        _stack: {
+          style: {
+            outlineWidth: '0',
+            boxShadow: "0 0 0 1px ".concat(error[500])
+          }
+        },
+        _hover: {
+          borderColor: 'error.500'
+        }
+      },
+      _ios: {
+        selectionColor: 'warmGray.50'
+      },
+      _android: {
+        selectionColor: 'warmGray.50'
+      },
+      _disabled: {
+        placeholderTextColor: 'text.50',
+        _hover: {
+          borderColor: 'muted.700'
+        }
+      },
+      _stack: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        // justifyContent: 'space-between',
+        overflow: 'hidden'
+      }
+    }
+  };
+};
+
+function roundedStyle(props) {
+  const {
+    theme
+  } = props;
+  return {
+    borderRadius: 'full',
+    borderWidth: '1',
+    _focus: {
+      bg: transparentize('primary.600', 0.1)(theme)
+    }
+  };
+}
+
+function outlineStyle(props) {
+  const {
+    theme
+  } = props;
+  return {
+    borderWidth: '1',
+    _focus: {
+      bg: transparentize('primary.600', 0.1)(theme)
+    }
+  };
+}
+
+function filledStyle(props) {
+  const {
+    theme
+  } = props;
+  return {
+    borderWidth: '1',
+    _focus: {
+      bg: transparentize('primary.600', 0.1)(theme)
+    },
+    _hover: {
+      borderWidth: '1',
+      _disabled: {
+        borderWidth: 0
+      }
+    },
+    bg: 'muted.100',
+    borderColor: 'muted.100',
+    _dark: {
+      bg: 'muted.800',
+      borderColor: 'muted.800'
+    }
+  };
+}
+
+function unstyledStyle() {
+  return {
+    borderWidth: '0',
+    _focus: {
+      bg: 'transparent'
+    },
+    _invalid: {
+      _stack: {
+        style: {
+          outlineWidth: 0
+        }
+      }
+    },
+    _stack: {
+      _focus: {
+        style: {
+          outlineWidth: '0'
+        }
+      }
+    }
+  };
+}
+
+function underlinedStyle(props) {
+  const {
+    primary,
+    error
+  } = props.theme.colors;
+  return {
+    borderWidth: '0',
+    pl: '0',
+    borderBottomWidth: '1',
+    _focus: {
+      _stack: {
+        style: {
+          outlineWidth: '0',
+          boxShadow: "0 1px 0 0 ".concat(primary[600])
+        }
+      }
+    },
+    _invalid: {
+      _stack: {
+        style: {
+          outlineWidth: 0,
+          boxShadow: "0 1px 0 0 ".concat(error[600])
+        }
+      }
+    },
+    _dark: {
+      _focus: {
+        _stack: {
+          style: {
+            outlineWidth: '0',
+            boxShadow: "0 1px 0 0 ".concat(primary[500])
+          }
+        }
+      },
+      _invalid: {
+        _stack: {
+          style: {
+            outlineWidth: 0,
+            boxShadow: "0 1px 0 0 ".concat(error[500])
+          }
+        }
+      }
+    },
+    borderRadius: 0
+  };
+}
+
+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/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["input.ts"],"names":["transparentize","baseStyle","props","primary","error","theme","colors","fontFamily","py","px","borderRadius","overflow","_disabled","opacity","_web","disabled","cursor","outlineWidth","lineHeight","style","outline","_input","bg","flex","w","h","placeholderTextColor","color","borderColor","_stack","flexDirection","alignItems","_hover","_invalid","boxShadow","_focus","_ios","selectionColor","_android","_dark","roundedStyle","borderWidth","outlineStyle","filledStyle","unstyledStyle","underlinedStyle","pl","borderBottomWidth","variants","underlined","rounded","filled","unstyled","sizes","fontSize","defaultProps","size","variant","Input"],"mappings":"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","sourcesContent":["import { transparentize } from '../tools';\r\nimport type { InterfaceInputProps } from '../../components/primitives/Input/types';\r\nconst baseStyle = (props: InterfaceInputProps & { theme: any }) => {\r\n  const { primary, error } = props.theme.colors;\r\n\r\n  return {\r\n    fontFamily: 'body',\r\n    py: '2',\r\n    px: '3',\r\n    borderRadius: 'sm',\r\n    overflow: 'hidden',\r\n    _disabled: {\r\n      opacity: '0.4',\r\n      _web: {\r\n        disabled: true,\r\n        cursor: 'not-allowed',\r\n      },\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      style: { outline: 'none' },\r\n      cursor: 'auto',\r\n    },\r\n\r\n    _input: {\r\n      bg: 'transparent',\r\n      flex: 1,\r\n      w: '100%',\r\n      h: '100%',\r\n    },\r\n    placeholderTextColor: 'text.400',\r\n    color: 'text.900',\r\n    borderColor: 'muted.300',\r\n    _stack: {\r\n      flexDirection: 'row',\r\n      alignItems: 'center',\r\n      // justifyContent: 'space-between',\r\n      overflow: 'hidden',\r\n    },\r\n    _hover: {\r\n      borderColor: 'primary.600',\r\n    },\r\n    _invalid: {\r\n      borderColor: 'error.600',\r\n      _hover: { borderColor: 'error.600' },\r\n      _stack: {\r\n        style: {\r\n          outlineWidth: '0',\r\n          boxShadow: `0 0 0 1px ${error[600]}`,\r\n        },\r\n      },\r\n    },\r\n    _focus: {\r\n      borderColor: 'primary.600',\r\n      _hover: { borderColor: 'primary.600' },\r\n      _invalid: {\r\n        borderColor: 'error.600',\r\n        _hover: { borderColor: 'error.600' },\r\n        _stack: {\r\n          style: {\r\n            outlineWidth: '0',\r\n            boxShadow: `0 0 0 1px ${error[600]}`,\r\n          },\r\n        },\r\n      },\r\n      _ios: {\r\n        selectionColor: 'coolGray.800',\r\n      },\r\n      _android: {\r\n        selectionColor: 'coolGray.800',\r\n      },\r\n      _disabled: {\r\n        placeholderTextColor: 'muted.700',\r\n        _hover: {\r\n          borderColor: 'muted.300',\r\n        },\r\n      },\r\n      _stack: {\r\n        style: {\r\n          outlineWidth: '0',\r\n          boxShadow: `0 0 0 1px ${primary[600]}`,\r\n        },\r\n      },\r\n    },\r\n    _dark: {\r\n      placeholderTextColor: 'text.600',\r\n      color: 'text.50',\r\n      borderColor: 'muted.700',\r\n      _hover: {\r\n        borderColor: 'primary.500',\r\n      },\r\n      _focus: {\r\n        borderColor: 'primary.500',\r\n        _hover: { borderColor: 'primary.500' },\r\n        _stack: {\r\n          style: {\r\n            outlineWidth: '0',\r\n            boxShadow: `0 0 0 1px ${primary[500]}`,\r\n          },\r\n        },\r\n      },\r\n      _invalid: {\r\n        borderColor: 'error.500',\r\n        _stack: {\r\n          style: {\r\n            outlineWidth: '0',\r\n            boxShadow: `0 0 0 1px ${error[500]}`,\r\n          },\r\n        },\r\n        _hover: { borderColor: 'error.500' },\r\n      },\r\n      _ios: {\r\n        selectionColor: 'warmGray.50',\r\n      },\r\n      _android: {\r\n        selectionColor: 'warmGray.50',\r\n      },\r\n      _disabled: {\r\n        placeholderTextColor: 'text.50',\r\n        _hover: {\r\n          borderColor: 'muted.700',\r\n        },\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    },\r\n  };\r\n};\r\n\r\nfunction roundedStyle(props: InterfaceInputProps & { theme: any }) {\r\n  const { theme } = props;\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: '1',\r\n    _focus: {\r\n      bg: transparentize('primary.600', 0.1)(theme),\r\n    },\r\n  };\r\n}\r\nfunction outlineStyle(props: InterfaceInputProps & { theme: any }) {\r\n  const { theme } = props;\r\n  return {\r\n    borderWidth: '1',\r\n    _focus: {\r\n      bg: transparentize('primary.600', 0.1)(theme),\r\n    },\r\n  };\r\n}\r\nfunction filledStyle(props: InterfaceInputProps & { theme: any }) {\r\n  const { theme } = props;\r\n  return {\r\n    borderWidth: '1',\r\n    _focus: {\r\n      bg: transparentize('primary.600', 0.1)(theme),\r\n    },\r\n    _hover: {\r\n      borderWidth: '1',\r\n      _disabled: {\r\n        borderWidth: 0,\r\n      },\r\n    },\r\n    bg: 'muted.100',\r\n    borderColor: 'muted.100',\r\n\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      borderColor: 'muted.800',\r\n    },\r\n  };\r\n}\r\nfunction unstyledStyle() {\r\n  return {\r\n    borderWidth: '0',\r\n    _focus: {\r\n      bg: 'transparent',\r\n    },\r\n    _invalid: {\r\n      _stack: {\r\n        style: {\r\n          outlineWidth: 0,\r\n        },\r\n      },\r\n    },\r\n    _stack: {\r\n      _focus: {\r\n        style: {\r\n          outlineWidth: '0',\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction underlinedStyle(props: InterfaceInputProps & { theme: any }) {\r\n  const { primary, error } = props.theme.colors;\r\n\r\n  return {\r\n    borderWidth: '0',\r\n    pl: '0',\r\n    borderBottomWidth: '1',\r\n    _focus: {\r\n      _stack: {\r\n        style: {\r\n          outlineWidth: '0',\r\n          boxShadow: `0 1px 0 0 ${primary[600]}`,\r\n        },\r\n      },\r\n    },\r\n    _invalid: {\r\n      _stack: {\r\n        style: {\r\n          outlineWidth: 0,\r\n          boxShadow: `0 1px 0 0 ${error[600]}`,\r\n        },\r\n      },\r\n    },\r\n\r\n    _dark: {\r\n      _focus: {\r\n        _stack: {\r\n          style: {\r\n            outlineWidth: '0',\r\n            boxShadow: `0 1px 0 0 ${primary[500]}`,\r\n          },\r\n        },\r\n      },\r\n      _invalid: {\r\n        _stack: {\r\n          style: {\r\n            outlineWidth: 0,\r\n            boxShadow: `0 1px 0 0 ${error[500]}`,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    borderRadius: 0,\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  outline: outlineStyle as any,\r\n  underlined: underlinedStyle as any,\r\n  rounded: roundedStyle as any,\r\n  filled: filledStyle as any,\r\n  unstyled: unstyledStyle as any,\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/components/inputleftaddon.js

@@ -0,0 +1,29 @@
+const baseStyle = () => {
+  return {
+    // roundedLeft: '4',
+    p: '2',
+    borderWidth: '1',
+    borderRightWidth: '0',
+    borderLeftRadius: 'sm',
+    _text: {
+      color: 'text.900',
+      fontWeight: 400
+    },
+    alignItems: 'center',
+    justifyContent: 'center',
+    bg: 'muted.50',
+    borderColor: 'muted.300',
+    _dark: {
+      bg: 'muted.800',
+      borderColor: 'muted.700',
+      _text: {
+        color: 'text.50'
+      }
+    }
+  };
+};
+
+export default {
+  baseStyle
+};
+//# sourceMappingURL=inputleftaddon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["inputleftaddon.ts"],"names":["baseStyle","p","borderWidth","borderRightWidth","borderLeftRadius","_text","color","fontWeight","alignItems","justifyContent","bg","borderColor","_dark"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACL;AACAC,IAAAA,CAAC,EAAE,GAFE;AAGLC,IAAAA,WAAW,EAAE,GAHR;AAILC,IAAAA,gBAAgB,EAAE,GAJb;AAKLC,IAAAA,gBAAgB,EAAE,IALb;AAMLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,UADF;AAELC,MAAAA,UAAU,EAAE;AAFP,KANF;AAULC,IAAAA,UAAU,EAAE,QAVP;AAWLC,IAAAA,cAAc,EAAE,QAXX;AAYLC,IAAAA,EAAE,EAAE,UAZC;AAaLC,IAAAA,WAAW,EAAE,WAbR;AAeLC,IAAAA,KAAK,EAAE;AACLF,MAAAA,EAAE,EAAE,WADC;AAELC,MAAAA,WAAW,EAAE,WAFR;AAGLN,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAHF;AAfF,GAAP;AAuBD,CAxBD;;AA0BA,eAAe;AAAEN,EAAAA;AAAF,CAAf","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    // roundedLeft: '4',\r\n    p: '2',\r\n    borderWidth: '1',\r\n    borderRightWidth: '0',\r\n    borderLeftRadius: 'sm',\r\n    _text: {\r\n      color: 'text.900',\r\n      fontWeight: 400,\r\n    },\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    bg: 'muted.50',\r\n    borderColor: 'muted.300',\r\n\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      borderColor: 'muted.700',\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nexport default { baseStyle };\r\n"]}

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

@@ -0,0 +1,29 @@
+const baseStyle = () => {
+  return {
+    // roundedRight: '4',
+    p: '2',
+    borderWidth: '1',
+    borderLeftWidth: '0',
+    borderRightRadius: 'sm',
+    _text: {
+      color: 'text.900',
+      fontWeight: 400
+    },
+    alignItems: 'center',
+    justifyContent: 'center',
+    bg: 'muted.50',
+    borderColor: 'muted.300',
+    _dark: {
+      bg: 'muted.800',
+      borderColor: 'muted.700',
+      _text: {
+        color: 'text.50'
+      }
+    }
+  };
+};
+
+export default {
+  baseStyle
+};
+//# sourceMappingURL=inputrightaddon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["inputrightaddon.ts"],"names":["baseStyle","p","borderWidth","borderLeftWidth","borderRightRadius","_text","color","fontWeight","alignItems","justifyContent","bg","borderColor","_dark"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACL;AACAC,IAAAA,CAAC,EAAE,GAFE;AAGLC,IAAAA,WAAW,EAAE,GAHR;AAILC,IAAAA,eAAe,EAAE,GAJZ;AAKLC,IAAAA,iBAAiB,EAAE,IALd;AAMLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,UADF;AAELC,MAAAA,UAAU,EAAE;AAFP,KANF;AAULC,IAAAA,UAAU,EAAE,QAVP;AAWLC,IAAAA,cAAc,EAAE,QAXX;AAYLC,IAAAA,EAAE,EAAE,UAZC;AAaLC,IAAAA,WAAW,EAAE,WAbR;AAeLC,IAAAA,KAAK,EAAE;AACLF,MAAAA,EAAE,EAAE,WADC;AAELC,MAAAA,WAAW,EAAE,WAFR;AAGLN,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAHF;AAfF,GAAP;AAuBD,CAxBD;;AA0BA,eAAe;AAAEN,EAAAA;AAAF,CAAf","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    // roundedRight: '4',\r\n    p: '2',\r\n    borderWidth: '1',\r\n    borderLeftWidth: '0',\r\n    borderRightRadius: 'sm',\r\n    _text: {\r\n      color: 'text.900',\r\n      fontWeight: 400,\r\n    },\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    bg: 'muted.50',\r\n    borderColor: 'muted.300',\r\n\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      borderColor: 'muted.700',\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nexport default { baseStyle };\r\n"]}