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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tabs.ts"],"names":["getColorFormColorScheme","getColorScheme","mode","baseStyle","props","activeColor","activeTabStyle","justifyContent","alignItems","mb","flexDirection","_text","fontSize","fontWeight","inactiveTabStyle","color","activeIconProps","name","mx","inactiveIconProps","sizes","sm","py","px","md","lg","variantOutline","colorScheme","status","borderColor","_hover","bg","borderBottomWidth","tabBarStyle","variantFilled","variantFilledOutline","variants","defaultProps","size","variant"],"mappings":"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","sourcesContent":["import { getColorFormColorScheme, getColorScheme, mode } from '../tools';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  const activeColor = getColorFormColorScheme(props);\r\n  return {\r\n    activeTabStyle: {\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      mb: '-2px',\r\n      flexDirection: 'row',\r\n      _text: { fontSize: 'sm', fontWeight: 'bold' },\r\n    },\r\n    inactiveTabStyle: {\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      mb: '-2px',\r\n      flexDirection: 'row',\r\n      _text: {\r\n        color: mode('gray.500', 'gray.400')(props),\r\n        fontSize: 'sm',\r\n        fontWeight: 'bold',\r\n      },\r\n    },\r\n    activeIconProps: {\r\n      color: activeColor,\r\n      name: 'home',\r\n      mx: 2,\r\n    },\r\n    inactiveIconProps: {\r\n      name: 'home',\r\n      mx: 2,\r\n    },\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  sm: {\r\n    activeTabStyle: {\r\n      _text: { fontSize: 'sm' },\r\n      py: 2,\r\n      px: 3,\r\n    },\r\n    inactiveTabStyle: {\r\n      _text: { fontSize: 'sm' },\r\n      py: 2,\r\n      px: 3,\r\n    },\r\n  },\r\n  md: {\r\n    activeTabStyle: {\r\n      _text: { fontSize: 'md' },\r\n      py: 3,\r\n      px: 4,\r\n    },\r\n    inactiveTabStyle: {\r\n      _text: { fontSize: 'md' },\r\n      py: 3,\r\n      px: 4,\r\n    },\r\n  },\r\n  lg: {\r\n    activeTabStyle: {\r\n      _text: { fontSize: 'lg' },\r\n      py: 4,\r\n      px: 5,\r\n    },\r\n    inactiveTabStyle: {\r\n      _text: { fontSize: 'lg' },\r\n      py: 4,\r\n      px: 5,\r\n    },\r\n  },\r\n};\r\n\r\nfunction variantOutline(props: Record<string, any>) {\r\n  const activeColor = getColorFormColorScheme(props);\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    activeTabStyle: {\r\n      borderColor: activeColor,\r\n      _text: {\r\n        color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props),\r\n      },\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n      borderBottomWidth: 2,\r\n    },\r\n    inactiveTabStyle: {\r\n      borderColor: 'transparent',\r\n      borderBottomWidth: 2,\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n    },\r\n    tabBarStyle: {\r\n      borderBottomWidth: 2,\r\n      borderColor: mode('muted.200', 'muted.500')(props),\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantFilled(props: Record<string, any>) {\r\n  const activeColor = getColorFormColorScheme(props);\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    activeTabStyle: {\r\n      borderColor: activeColor,\r\n      _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n      borderBottomWidth: 2,\r\n      bg: mode(`${colorScheme}.100`, `${colorScheme}.700`)(props),\r\n    },\r\n    inactiveTabStyle: {\r\n      borderColor: 'transparent',\r\n      borderBottomWidth: 2,\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n    },\r\n    tabBarStyle: {\r\n      borderBottomWidth: 2,\r\n      borderColor: mode('muted.200', 'muted.500')(props),\r\n    },\r\n  };\r\n}\r\n\r\n// function variantEnclosed(props: Record<string, any>) {\r\n//   const activeColor = getColorFormColorScheme(props);\r\n//   return {\r\n//     activeTabStyle: {\r\n//       borderTopWidth: 2,\r\n//       borderLeftWidth: 2,\r\n//       borderRightWidth: 2,\r\n//       borderColor: activeColor,\r\n//     },\r\n//     inactiveTabStyle: {\r\n//       borderColor: 'muted.200',\r\n//       borderBottomWidth: 2,\r\n//     },\r\n//     tabBarStyle: {},\r\n//   };\r\n// }\r\n\r\nfunction variantFilledOutline(props: Record<string, any>) {\r\n  const activeColor = getColorFormColorScheme(props);\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    activeTabStyle: {\r\n      borderColor: activeColor,\r\n      _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n      borderBottomWidth: 2,\r\n    },\r\n    inactiveTabStyle: {\r\n      borderColor: 'transparent',\r\n      borderBottomWidth: 2,\r\n      _hover: {\r\n        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props),\r\n      },\r\n    },\r\n    tabBarStyle: {\r\n      borderBottomWidth: 2,\r\n      borderColor: mode('muted.200', 'muted.500')(props),\r\n      bg: mode(`${colorScheme}.100`, `${colorScheme}.700`)(props),\r\n    },\r\n  };\r\n}\r\n\r\n// function varientSoftRounded(props: Record<string, any>) {\r\n//   const activeColor = getColorFormColorScheme(props);\r\n//   return {\r\n//     activeTabStyle: {\r\n//       borderRadius: 'full',\r\n//       bg: transparentize(activeColor, 0.7)(props.theme),\r\n//       color: 'white',\r\n//     },\r\n//     inactiveTabStyle: {},\r\n//     tabBarStyle: {},\r\n//   };\r\n// }\r\n\r\n// function varientSolidRounded(props: Record<string, any>) {\r\n//   const activeColor = getColorFormColorScheme(props);\r\n//   return {\r\n//     activeTabStyle: {\r\n//       borderRadius: 'full',\r\n//       bg: activeColor,\r\n//       color: 'white',\r\n//     },\r\n//     inactiveTabStyle: {},\r\n//     tabBarStyle: {},\r\n//   };\r\n// }\r\n\r\n// function varientSolidBox(props: Record<string, any>) {\r\n//   const activeColor = getColorFormColorScheme(props);\r\n//   return {\r\n//     activeTabStyle: {\r\n//       bg: activeColor,\r\n//       color: 'white',\r\n//     },\r\n//     inactiveTabStyle: {},\r\n//     tabBarStyle: {},\r\n//   };\r\n// }\r\n\r\nconst variants = {\r\n  'outline': variantOutline,\r\n  'filled': variantFilled,\r\n  'filled-outline': variantFilledOutline,\r\n  // 'soft-rounded': varientSoftRounded,\r\n  // 'solid-rounded': varientSolidRounded,\r\n  // 'solid-box': varientSolidBox,\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n  variant: 'outline',\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

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

@@ -0,0 +1,55 @@
+import Badge from './badge';
+const {
+  variants
+} = Badge;
+const baseStyle = {
+  _text: {
+    fontWeight: 'medium' // lineHeight: 1.2,
+
+  },
+  alignItems: 'center',
+  justifyContent: 'center',
+  flexDirection: 'row',
+  display: 'flex'
+};
+const sizes = {
+  sm: {
+    minH: 5,
+    minW: 5,
+    _text: {
+      fontSize: 'xs'
+    },
+    p: 1,
+    borderRadius: 'sm'
+  },
+  md: {
+    minH: 6,
+    minW: 6,
+    _text: {
+      fontSize: 'sm'
+    },
+    borderRadius: 'md',
+    p: 2
+  },
+  lg: {
+    minH: 8,
+    minW: 8,
+    _text: {
+      fontSize: 'md'
+    },
+    borderRadius: 'md',
+    p: 3
+  }
+};
+const defaultProps = {
+  size: 'md',
+  variant: 'subtle',
+  colorScheme: 'primary'
+};
+export default {
+  variants,
+  baseStyle,
+  sizes,
+  defaultProps
+};
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tag.ts"],"names":["Badge","variants","baseStyle","_text","fontWeight","alignItems","justifyContent","flexDirection","display","sizes","sm","minH","minW","fontSize","p","borderRadius","md","lg","defaultProps","size","variant","colorScheme"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,SAAlB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAeD,KAArB;AACA,MAAME,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,QADP,CAEL;;AAFK,GADS;AAKhBC,EAAAA,UAAU,EAAE,QALI;AAMhBC,EAAAA,cAAc,EAAE,QANA;AAOhBC,EAAAA,aAAa,EAAE,KAPC;AAQhBC,EAAAA,OAAO,EAAE;AARO,CAAlB;AAUA,MAAMC,KAAK,GAAG;AACZC,EAAAA,EAAE,EAAE;AACFC,IAAAA,IAAI,EAAE,CADJ;AAEFC,IAAAA,IAAI,EAAE,CAFJ;AAGFT,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAE;AADL,KAHL;AAMFC,IAAAA,CAAC,EAAE,CAND;AAOFC,IAAAA,YAAY,EAAE;AAPZ,GADQ;AAUZC,EAAAA,EAAE,EAAE;AACFL,IAAAA,IAAI,EAAE,CADJ;AAEFC,IAAAA,IAAI,EAAE,CAFJ;AAGFT,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAE;AADL,KAHL;AAMFE,IAAAA,YAAY,EAAE,IANZ;AAOFD,IAAAA,CAAC,EAAE;AAPD,GAVQ;AAmBZG,EAAAA,EAAE,EAAE;AACFN,IAAAA,IAAI,EAAE,CADJ;AAEFC,IAAAA,IAAI,EAAE,CAFJ;AAGFT,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAE;AADL,KAHL;AAMFE,IAAAA,YAAY,EAAE,IANZ;AAOFD,IAAAA,CAAC,EAAE;AAPD;AAnBQ,CAAd;AA8BA,MAAMI,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,IADa;AAEnBC,EAAAA,OAAO,EAAE,QAFU;AAGnBC,EAAAA,WAAW,EAAE;AAHM,CAArB;AAMA,eAAe;AACbpB,EAAAA,QADa;AAEbC,EAAAA,SAFa;AAGbO,EAAAA,KAHa;AAIbS,EAAAA;AAJa,CAAf","sourcesContent":["import Badge from './badge';\r\n\r\nconst { variants } = Badge;\r\nconst baseStyle = {\r\n  _text: {\r\n    fontWeight: 'medium',\r\n    // lineHeight: 1.2,\r\n  },\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  flexDirection: 'row',\r\n  display: 'flex',\r\n};\r\nconst sizes = {\r\n  sm: {\r\n    minH: 5,\r\n    minW: 5,\r\n    _text: {\r\n      fontSize: 'xs',\r\n    },\r\n    p: 1,\r\n    borderRadius: 'sm',\r\n  },\r\n  md: {\r\n    minH: 6,\r\n    minW: 6,\r\n    _text: {\r\n      fontSize: 'sm',\r\n    },\r\n    borderRadius: 'md',\r\n    p: 2,\r\n  },\r\n  lg: {\r\n    minH: 8,\r\n    minW: 8,\r\n    _text: {\r\n      fontSize: 'md',\r\n    },\r\n    borderRadius: 'md',\r\n    p: 3,\r\n  },\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n  variant: 'subtle',\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  variants,\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

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

@@ -0,0 +1,21 @@
+const baseStyle = () => {
+  return {
+    color: 'text.900',
+    _dark: {
+      color: 'text.50'
+    },
+    fontWeight: '400',
+    fontFamily: 'body',
+    fontStyle: 'normal',
+    fontSize: 'sm',
+    letterSpacing: 'md',
+    lineHeight: 'lg'
+  };
+};
+
+const defaultProps = {};
+export default {
+  baseStyle,
+  defaultProps
+};
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["text.ts"],"names":["baseStyle","color","_dark","fontWeight","fontFamily","fontStyle","fontSize","letterSpacing","lineHeight","defaultProps"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,KAAK,EAAE,UADF;AAELC,IAAAA,KAAK,EAAE;AACLD,MAAAA,KAAK,EAAE;AADF,KAFF;AAKLE,IAAAA,UAAU,EAAE,KALP;AAMLC,IAAAA,UAAU,EAAE,MANP;AAOLC,IAAAA,SAAS,EAAE,QAPN;AAQLC,IAAAA,QAAQ,EAAE,IARL;AASLC,IAAAA,aAAa,EAAE,IATV;AAULC,IAAAA,UAAU,EAAE;AAVP,GAAP;AAYD,CAbD;;AAcA,MAAMC,YAAY,GAAG,EAArB;AAEA,eAAe;AAAET,EAAAA,SAAF;AAAaS,EAAAA;AAAb,CAAf","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    color: 'text.900',\r\n    _dark: {\r\n      color: 'text.50',\r\n    },\r\n    fontWeight: '400',\r\n    fontFamily: 'body',\r\n    fontStyle: 'normal',\r\n    fontSize: 'sm',\r\n    letterSpacing: 'md',\r\n    lineHeight: 'lg',\r\n  };\r\n};\r\nconst defaultProps = {};\r\n\r\nexport default { baseStyle, defaultProps };\r\n"]}

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

@@ -0,0 +1,26 @@
+import { mode } from '../tools'; // TextField
+
+const baseStyle = props => {
+  return {
+    _errorMessageProps: {
+      mt: 1,
+      ml: 3,
+      fontSize: 'xs',
+      color: 'error.400'
+    },
+    _helperTextProps: {
+      mt: 1,
+      ml: 3,
+      fontSize: 'xs',
+      color: mode('muted.400', 'muted.500')(props)
+    }
+  };
+};
+
+export const TextField = {
+  baseStyle,
+  defaultProps: {
+    component: 'input'
+  }
+};
+//# sourceMappingURL=textField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["textField.ts"],"names":["mode","baseStyle","props","_errorMessageProps","mt","ml","fontSize","color","_helperTextProps","TextField","defaultProps","component"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB,C,CAEA;;AACA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,SAAO;AACLC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,EAAE,EAAE,CADc;AAElBC,MAAAA,EAAE,EAAE,CAFc;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,KAAK,EAAE;AAJW,KADf;AAOLC,IAAAA,gBAAgB,EAAE;AAChBJ,MAAAA,EAAE,EAAE,CADY;AAEhBC,MAAAA,EAAE,EAAE,CAFY;AAGhBC,MAAAA,QAAQ,EAAE,IAHM;AAIhBC,MAAAA,KAAK,EAAEP,IAAI,CAAC,WAAD,EAAc,WAAd,CAAJ,CAA+BE,KAA/B;AAJS;AAPb,GAAP;AAcD,CAfD;;AAiBA,OAAO,MAAMO,SAAS,GAAG;AACvBR,EAAAA,SADuB;AAEvBS,EAAAA,YAAY,EAAE;AACZC,IAAAA,SAAS,EAAE;AADC;AAFS,CAAlB","sourcesContent":["import { mode } from '../tools';\r\n\r\n// TextField\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    _errorMessageProps: {\r\n      mt: 1,\r\n      ml: 3,\r\n      fontSize: 'xs',\r\n      color: 'error.400',\r\n    },\r\n    _helperTextProps: {\r\n      mt: 1,\r\n      ml: 3,\r\n      fontSize: 'xs',\r\n      color: mode('muted.400', 'muted.500')(props),\r\n    },\r\n  };\r\n};\r\n\r\nexport const TextField = {\r\n  baseStyle,\r\n  defaultProps: {\r\n    component: 'input',\r\n  },\r\n};\r\n"]}

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

@@ -0,0 +1,14 @@
+const baseStyle = {
+  multiline: true,
+  p: '2',
+  textAlignVertical: 'top',
+  h: '20'
+};
+export default {
+  baseStyle,
+  defaultProps: {
+    size: 'sm',
+    variant: 'outline'
+  }
+};
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["textarea.ts"],"names":["baseStyle","multiline","p","textAlignVertical","h","defaultProps","size","variant"],"mappings":"AAAA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE,IADK;AAEhBC,EAAAA,CAAC,EAAE,GAFa;AAGhBC,EAAAA,iBAAiB,EAAE,KAHH;AAIhBC,EAAAA,CAAC,EAAE;AAJa,CAAlB;AAOA,eAAe;AACbJ,EAAAA,SADa;AAEbK,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE,IADM;AAEZC,IAAAA,OAAO,EAAE;AAFG;AAFD,CAAf","sourcesContent":["const baseStyle = {\r\n  multiline: true,\r\n  p: '2',\r\n  textAlignVertical: 'top',\r\n  h: '20',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    size: 'sm',\r\n    variant: 'outline',\r\n  },\r\n};\r\n"]}

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

@@ -0,0 +1,56 @@
+import { mode } from './../tools';
+import { Easing } from 'react-native';
+
+const baseStyle = props => {
+  // NOTE: Internal pseudo props like _stack, _overlay nad _presenceTransition can only be update by the theme.
+  return {
+    bg: mode("muted.700", "muted.600")(props),
+    p: '2',
+    rounded: 'sm',
+    shadow: 6,
+    // The stack in which toast are being rendered
+    _stack: {
+      margin: 'auto',
+      position: 'absolute',
+      space: 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      pointerEvents: 'box-none',
+      _web: {
+        position: 'fixed'
+      }
+    },
+    _overlay: {},
+    _presenceTransition: {
+      animate: {
+        opacity: 1,
+        transition: {
+          easing: Easing.ease,
+          duration: 250
+        }
+      },
+      exit: {
+        opacity: 0,
+        scale: 0.85,
+        transition: {
+          easing: Easing.ease,
+          duration: 100
+        }
+      }
+    },
+    _title: {
+      color: 'text.50',
+      fontWeight: 700
+    },
+    _description: {
+      color: 'text.50',
+      fontWeight: 400
+    }
+  };
+};
+
+export const Toast = {
+  baseStyle,
+  defaultProps: {}
+};
+//# sourceMappingURL=toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["toast.ts"],"names":["mode","Easing","baseStyle","props","bg","p","rounded","shadow","_stack","margin","position","space","alignItems","justifyContent","pointerEvents","_web","_overlay","_presenceTransition","animate","opacity","transition","easing","ease","duration","exit","scale","_title","color","fontWeight","_description","Toast","defaultProps"],"mappings":"AAAA,SAASA,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,QAAuB,cAAvB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD;AACA,SAAO;AACLC,IAAAA,EAAE,EAAEJ,IAAI,0BAAJ,CAA+BG,KAA/B,CADC;AAELE,IAAAA,CAAC,EAAE,GAFE;AAGLC,IAAAA,OAAO,EAAE,IAHJ;AAILC,IAAAA,MAAM,EAAE,CAJH;AAKL;AACAC,IAAAA,MAAM,EAAE;AACNC,MAAAA,MAAM,EAAE,MADF;AAENC,MAAAA,QAAQ,EAAE,UAFJ;AAGNC,MAAAA,KAAK,EAAE,CAHD;AAINC,MAAAA,UAAU,EAAE,QAJN;AAKNC,MAAAA,cAAc,EAAE,QALV;AAMNC,MAAAA,aAAa,EAAE,UANT;AAONC,MAAAA,IAAI,EAAE;AAAEL,QAAAA,QAAQ,EAAE;AAAZ;AAPA,KANH;AAeLM,IAAAA,QAAQ,EAAE,EAfL;AAgBLC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,OAAO,EAAE;AACPC,QAAAA,OAAO,EAAE,CADF;AAEPC,QAAAA,UAAU,EAAE;AAAEC,UAAAA,MAAM,EAAEpB,MAAM,CAACqB,IAAjB;AAAuBC,UAAAA,QAAQ,EAAE;AAAjC;AAFL,OADU;AAKnBC,MAAAA,IAAI,EAAE;AACJL,QAAAA,OAAO,EAAE,CADL;AAEJM,QAAAA,KAAK,EAAE,IAFH;AAGJL,QAAAA,UAAU,EAAE;AAAEC,UAAAA,MAAM,EAAEpB,MAAM,CAACqB,IAAjB;AAAuBC,UAAAA,QAAQ,EAAE;AAAjC;AAHR;AALa,KAhBhB;AA2BLG,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,SADD;AAENC,MAAAA,UAAU,EAAE;AAFN,KA3BH;AA+BLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAE,SADK;AAEZC,MAAAA,UAAU,EAAE;AAFA;AA/BT,GAAP;AAoCD,CAtCD;;AAwCA,OAAO,MAAME,KAAK,GAAG;AACnB5B,EAAAA,SADmB;AAEnB6B,EAAAA,YAAY,EAAE;AAFK,CAAd","sourcesContent":["import { mode } from './../tools';\r\nimport { Easing } from 'react-native';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  // NOTE: Internal pseudo props like _stack, _overlay nad _presenceTransition can only be update by the theme.\r\n  return {\r\n    bg: mode(`muted.700`, `muted.600`)(props),\r\n    p: '2',\r\n    rounded: 'sm',\r\n    shadow: 6,\r\n    // The stack in which toast are being rendered\r\n    _stack: {\r\n      margin: 'auto',\r\n      position: 'absolute',\r\n      space: 2,\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      pointerEvents: 'box-none',\r\n      _web: { position: 'fixed' },\r\n    },\r\n    _overlay: {},\r\n    _presenceTransition: {\r\n      animate: {\r\n        opacity: 1,\r\n        transition: { easing: Easing.ease, duration: 250 },\r\n      },\r\n      exit: {\r\n        opacity: 0,\r\n        scale: 0.85,\r\n        transition: { easing: Easing.ease, duration: 100 },\r\n      },\r\n    },\r\n    _title: {\r\n      color: 'text.50',\r\n      fontWeight: 700,\r\n    },\r\n    _description: {\r\n      color: 'text.50',\r\n      fontWeight: 400,\r\n    },\r\n  };\r\n};\r\n\r\nexport const Toast = {\r\n  baseStyle,\r\n  defaultProps: {},\r\n};\r\n"]}

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

@@ -0,0 +1,24 @@
+const baseStyle = () => {
+  return {
+    py: 1,
+    px: 2,
+    shadow: 6,
+    rounded: 'sm',
+    _text: {
+      fontSize: 'sm',
+      color: "text.50"
+    },
+    bg: "muted.800",
+    _dark: {
+      bg: "muted.50",
+      _text: {
+        color: "text.900"
+      }
+    }
+  };
+};
+
+export const Tooltip = {
+  baseStyle
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tooltip.ts"],"names":["baseStyle","py","px","shadow","rounded","_text","fontSize","color","bg","_dark","Tooltip"],"mappings":"AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,EAAE,EAAE,CADC;AAELC,IAAAA,EAAE,EAAE,CAFC;AAGLC,IAAAA,MAAM,EAAE,CAHH;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,KAAK;AAFA,KALF;AASLC,IAAAA,EAAE,aATG;AAULC,IAAAA,KAAK,EAAE;AACLD,MAAAA,EAAE,YADG;AAELH,MAAAA,KAAK,EAAE;AACLE,QAAAA,KAAK;AADA;AAFF;AAVF,GAAP;AAiBD,CAlBD;;AAoBA,OAAO,MAAMG,OAAO,GAAG;AACrBV,EAAAA;AADqB,CAAhB","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    py: 1,\r\n    px: 2,\r\n    shadow: 6,\r\n    rounded: 'sm',\r\n    _text: {\r\n      fontSize: 'sm',\r\n      color: `text.50`,\r\n    },\r\n    bg: `muted.800`,\r\n    _dark: {\r\n      bg: `muted.50`,\r\n      _text: {\r\n        color: `text.900`,\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nexport const Tooltip = {\r\n  baseStyle,\r\n};\r\n"]}

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

@@ -0,0 +1,81 @@
+//Fade
+// const fadeDefaultProps = {
+//   entryDuration: 500,
+//   exitDuration: 500,
+// };
+export const fadeBaseStyle = {
+  initial: {
+    opacity: 0
+  },
+  animate: {
+    opacity: 1,
+    transition: {
+      duration: 500
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: 500
+    }
+  }
+};
+export const Fade = {
+  baseStyle: fadeBaseStyle
+}; //ScaleFade
+//Can be commented if not used anywhere else
+// const scaleFadeDefaultProps = {
+//   duration: 500,
+//   initialScale: 0.9,
+// };
+
+const scaleBaseStyle = {
+  initial: {
+    opacity: 0,
+    scale: 0.9
+  },
+  animate: {
+    opacity: 1,
+    scale: 1,
+    transition: 500
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.9,
+    transition: 500
+  }
+};
+export const ScaleFade = {
+  baseStyle: scaleBaseStyle
+}; //Slide
+
+const slideDefaultProps = {
+  duration: 500,
+  placement: 'bottom',
+  overlay: true,
+  _overlay: {
+    isOpen: true
+  }
+};
+export const Slide = {
+  baseStyle: {
+    h: '100%',
+    pointerEvents: 'box-none',
+    _overlay: {
+      style: {
+        overflow: 'hidden'
+      }
+    }
+  },
+  defaultProps: slideDefaultProps
+}; //SlideFade
+
+const slideFadeDefaultProps = {
+  duration: 500,
+  offsetX: 10,
+  offsetY: 10
+};
+export const SlideFade = {
+  defaultProps: slideFadeDefaultProps
+};
+//# sourceMappingURL=transitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["transitions.ts"],"names":["fadeBaseStyle","initial","opacity","animate","transition","duration","exit","Fade","baseStyle","scaleBaseStyle","scale","ScaleFade","slideDefaultProps","placement","overlay","_overlay","isOpen","Slide","h","pointerEvents","style","overflow","defaultProps","slideFadeDefaultProps","offsetX","offsetY","SlideFade"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAEA,OAAO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX,GADkB;AAE3BC,EAAAA,OAAO,EAAE;AAAED,IAAAA,OAAO,EAAE,CAAX;AAAcE,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ;AAA1B,GAFkB;AAG3BC,EAAAA,IAAI,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcE,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE;AAAZ;AAA1B;AAHqB,CAAtB;AAKP,OAAO,MAAME,IAAI,GAAG;AAClBC,EAAAA,SAAS,EAAER;AADO,CAAb,C,CAIP;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMS,cAAc,GAAG;AACrBR,EAAAA,OAAO,EAAE;AAAEC,IAAAA,OAAO,EAAE,CAAX;AAAcQ,IAAAA,KAAK,EAAE;AAArB,GADY;AAErBP,EAAAA,OAAO,EAAE;AAAED,IAAAA,OAAO,EAAE,CAAX;AAAcQ,IAAAA,KAAK,EAAE,CAArB;AAAwBN,IAAAA,UAAU,EAAE;AAApC,GAFY;AAGrBE,EAAAA,IAAI,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcQ,IAAAA,KAAK,EAAE,GAArB;AAA0BN,IAAAA,UAAU,EAAE;AAAtC;AAHe,CAAvB;AAKA,OAAO,MAAMO,SAAS,GAAG;AACvBH,EAAAA,SAAS,EAAEC;AADY,CAAlB,C,CAIP;;AACA,MAAMG,iBAAiB,GAAG;AACxBP,EAAAA,QAAQ,EAAE,GADc;AAExBQ,EAAAA,SAAS,EAAE,QAFa;AAGxBC,EAAAA,OAAO,EAAE,IAHe;AAIxBC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAV;AAJc,CAA1B;AAOA,OAAO,MAAMC,KAAK,GAAG;AACnBT,EAAAA,SAAS,EAAE;AACTU,IAAAA,CAAC,EAAE,MADM;AAETC,IAAAA,aAAa,EAAE,UAFN;AAGTJ,IAAAA,QAAQ,EAAE;AAAEK,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ;AAAT;AAHD,GADQ;AAMnBC,EAAAA,YAAY,EAAEV;AANK,CAAd,C,CASP;;AACA,MAAMW,qBAAqB,GAAG;AAC5BlB,EAAAA,QAAQ,EAAE,GADkB;AAE5BmB,EAAAA,OAAO,EAAE,EAFmB;AAG5BC,EAAAA,OAAO,EAAE;AAHmB,CAA9B;AAMA,OAAO,MAAMC,SAAS,GAAG;AACvBJ,EAAAA,YAAY,EAAEC;AADS,CAAlB","sourcesContent":["//Fade\r\n// const fadeDefaultProps = {\r\n//   entryDuration: 500,\r\n//   exitDuration: 500,\r\n// };\r\n\r\nexport const fadeBaseStyle = {\r\n  initial: { opacity: 0 },\r\n  animate: { opacity: 1, transition: { duration: 500 } },\r\n  exit: { opacity: 0, transition: { duration: 500 } },\r\n};\r\nexport const Fade = {\r\n  baseStyle: fadeBaseStyle,\r\n};\r\n\r\n//ScaleFade\r\n//Can be commented if not used anywhere else\r\n// const scaleFadeDefaultProps = {\r\n//   duration: 500,\r\n//   initialScale: 0.9,\r\n// };\r\n\r\nconst scaleBaseStyle = {\r\n  initial: { opacity: 0, scale: 0.9 },\r\n  animate: { opacity: 1, scale: 1, transition: 500 },\r\n  exit: { opacity: 0, scale: 0.9, transition: 500 },\r\n};\r\nexport const ScaleFade = {\r\n  baseStyle: scaleBaseStyle,\r\n};\r\n\r\n//Slide\r\nconst slideDefaultProps = {\r\n  duration: 500,\r\n  placement: 'bottom',\r\n  overlay: true,\r\n  _overlay: { isOpen: true },\r\n};\r\n\r\nexport const Slide = {\r\n  baseStyle: {\r\n    h: '100%',\r\n    pointerEvents: 'box-none',\r\n    _overlay: { style: { overflow: 'hidden' } },\r\n  },\r\n  defaultProps: slideDefaultProps,\r\n};\r\n\r\n//SlideFade\r\nconst slideFadeDefaultProps = {\r\n  duration: 500,\r\n  offsetX: 10,\r\n  offsetY: 10,\r\n};\r\n\r\nexport const SlideFade = {\r\n  defaultProps: slideFadeDefaultProps,\r\n};\r\n"]}

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

@@ -0,0 +1,18 @@
+import { mode } from '../tools/colors';
+
+const typeaheadSearchItemBaseStyle = props => {
+  return {
+    backgroundColor: mode('gray.100', 'gray.600')(props),
+    _focus: {
+      backgroundColor: mode('primary.300', 'primary.700')(props)
+    },
+    _disabled: {
+      backgroundColor: 'gray.200'
+    }
+  };
+};
+
+export const TypeAheadSearchItem = {
+  baseStyle: typeaheadSearchItemBaseStyle
+};
+//# sourceMappingURL=typeahead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["typeahead.ts"],"names":["mode","typeaheadSearchItemBaseStyle","props","backgroundColor","_focus","_disabled","TypeAheadSearchItem","baseStyle"],"mappings":"AAAA,SAASA,IAAT,QAAqB,iBAArB;;AAEA,MAAMC,4BAA4B,GAAIC,KAAD,IAAgC;AACnE,SAAO;AACLC,IAAAA,eAAe,EAAEH,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJ,CAA6BE,KAA7B,CADZ;AAELE,IAAAA,MAAM,EAAE;AACND,MAAAA,eAAe,EAAEH,IAAI,CAAC,aAAD,EAAgB,aAAhB,CAAJ,CAAmCE,KAAnC;AADX,KAFH;AAKLG,IAAAA,SAAS,EAAE;AACTF,MAAAA,eAAe,EAAE;AADR;AALN,GAAP;AASD,CAVD;;AAYA,OAAO,MAAMG,mBAAmB,GAAG;AACjCC,EAAAA,SAAS,EAAEN;AADsB,CAA5B","sourcesContent":["import { mode } from '../tools/colors';\r\n\r\nconst typeaheadSearchItemBaseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    backgroundColor: mode('gray.100', 'gray.600')(props),\r\n    _focus: {\r\n      backgroundColor: mode('primary.300', 'primary.700')(props),\r\n    },\r\n    _disabled: {\r\n      backgroundColor: 'gray.200',\r\n    },\r\n  };\r\n};\r\n\r\nexport const TypeAheadSearchItem = {\r\n  baseStyle: typeaheadSearchItemBaseStyle,\r\n};\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["view.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/components/vstack.js

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

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

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

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

@@ -0,0 +1,3 @@
+// Wrap
+export const Wrap = {};
+//# sourceMappingURL=wrap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["wrap.ts"],"names":["Wrap"],"mappings":"AAAA;AACA,OAAO,MAAMA,IAAI,GAAG,EAAb","sourcesContent":["// Wrap\r\nexport const Wrap = {};\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["zstack.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/index.js

@@ -0,0 +1,17 @@
+import base from './base';
+import components from './components';
+import * as tools from './tools';
+const config = {
+  useSystemColorMode: false,
+  // TODO: implement this
+  initialColorMode: 'light',
+  accessibleColors: false
+};
+const theme = { ...base,
+  components,
+  config
+};
+export { theme, tools as themeTools };
+export { getColor } from './styled-system';
+export * from './v33x-theme';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["base","components","tools","config","useSystemColorMode","initialColorMode","accessibleColors","theme","themeTools","getColor"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAO,KAAKC,KAAZ,MAAuB,SAAvB;AAUA,MAAMC,MAAwB,GAAG;AAC/BC,EAAAA,kBAAkB,EAAE,KADW;AACJ;AAC3BC,EAAAA,gBAAgB,EAAE,OAFa;AAG/BC,EAAAA,gBAAgB,EAAE;AAHa,CAAjC;AAMA,MAAMC,KAAK,GAAG,EACZ,GAAGP,IADS;AAEZC,EAAAA,UAFY;AAGZE,EAAAA;AAHY,CAAd;AAYA,SAASI,KAAT,EAAgBL,KAAK,IAAIM,UAAzB;AAEA,SAASC,QAAT,QAAyB,iBAAzB;AACA,cAAc,cAAd","sourcesContent":["import base from './base';\r\nimport components from './components';\r\nimport * as tools from './tools';\r\nimport type { StyledProps } from '../theme/types';\r\n//@ts-ignore\r\nimport type { ColorModeOptions } from './../core/color-mode/types';\r\nexport interface ComponentTheme {\r\n  baseStyle?: ((props: any) => StyledProps) | StyledProps;\r\n  sizes?: Record<string, ((props: any) => StyledProps) | StyledProps>;\r\n  variants?: Record<string, ((props: any) => StyledProps) | StyledProps>;\r\n  defaultProps?: Record<string, any>;\r\n}\r\nconst config: ColorModeOptions = {\r\n  useSystemColorMode: false, // TODO: implement this\r\n  initialColorMode: 'light',\r\n  accessibleColors: false,\r\n};\r\n\r\nconst theme = {\r\n  ...base,\r\n  components,\r\n  config,\r\n};\r\n\r\nexport type Theme = typeof theme & { fontConfig: any };\r\n\r\nexport interface ICustomTheme {}\r\n\r\nexport interface ITheme extends ICustomTheme, Omit<Theme, keyof ICustomTheme> {}\r\n\r\nexport { theme, tools as themeTools };\r\n\r\nexport { getColor } from './styled-system';\r\nexport * from './v33x-theme';\r\n"]}