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

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

@@ -1,5 +1,4 @@
 import { getColorFormColorScheme, getColorScheme, mode } from '../tools';
-
 function baseStyle(props) {
   const activeColor = getColorFormColorScheme(props);
   return {
@@ -35,7 +34,6 @@ function baseStyle(props) {
     }
   };
 }
-
 const sizes = {
   sm: {
     activeTabStyle: {
@@ -86,7 +84,6 @@ const sizes = {
     }
   }
 };
-
 function variantOutline(props) {
   const activeColor = getColorFormColorScheme(props);
   let {
@@ -98,10 +95,10 @@ function variantOutline(props) {
     activeTabStyle: {
       borderColor: activeColor,
       _text: {
-        color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+        color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props)
       },
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       },
       borderBottomWidth: 2
     },
@@ -109,7 +106,7 @@ function variantOutline(props) {
       borderColor: 'transparent',
       borderBottomWidth: 2,
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       }
     },
     tabBarStyle: {
@@ -118,7 +115,6 @@ function variantOutline(props) {
     }
   };
 }
-
 function variantFilled(props) {
   const activeColor = getColorFormColorScheme(props);
   let {
@@ -130,19 +126,19 @@ function variantFilled(props) {
     activeTabStyle: {
       borderColor: activeColor,
       _text: {
-        color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+        color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props)
       },
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       },
       borderBottomWidth: 2,
-      bg: mode("".concat(colorScheme, ".100"), "".concat(colorScheme, ".700"))(props)
+      bg: mode(`${colorScheme}.100`, `${colorScheme}.700`)(props)
     },
     inactiveTabStyle: {
       borderColor: 'transparent',
       borderBottomWidth: 2,
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       }
     },
     tabBarStyle: {
@@ -150,7 +146,9 @@ function variantFilled(props) {
       borderColor: mode('muted.200', 'muted.500')(props)
     }
   };
-} // function variantEnclosed(props: Record<string, any>) {
+}
+
+// function variantEnclosed(props: Record<string, any>) {
 //   const activeColor = getColorFormColorScheme(props);
 //   return {
 //     activeTabStyle: {
@@ -167,7 +165,6 @@ function variantFilled(props) {
 //   };
 // }
 
-
 function variantFilledOutline(props) {
   const activeColor = getColorFormColorScheme(props);
   let {
@@ -179,10 +176,10 @@ function variantFilledOutline(props) {
     activeTabStyle: {
       borderColor: activeColor,
       _text: {
-        color: mode("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+        color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props)
       },
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       },
       borderBottomWidth: 2
     },
@@ -190,16 +187,18 @@ function variantFilledOutline(props) {
       borderColor: 'transparent',
       borderBottomWidth: 2,
       _hover: {
-        bg: mode("".concat(colorScheme, ".50"), "".concat(colorScheme, ".800"))(props)
+        bg: mode(`${colorScheme}.50`, `${colorScheme}.800`)(props)
       }
     },
     tabBarStyle: {
       borderBottomWidth: 2,
       borderColor: mode('muted.200', 'muted.500')(props),
-      bg: mode("".concat(colorScheme, ".100"), "".concat(colorScheme, ".700"))(props)
+      bg: mode(`${colorScheme}.100`, `${colorScheme}.700`)(props)
     }
   };
-} // function varientSoftRounded(props: Record<string, any>) {
+}
+
+// function varientSoftRounded(props: Record<string, any>) {
 //   const activeColor = getColorFormColorScheme(props);
 //   return {
 //     activeTabStyle: {
@@ -211,6 +210,7 @@ function variantFilledOutline(props) {
 //     tabBarStyle: {},
 //   };
 // }
+
 // function varientSolidRounded(props: Record<string, any>) {
 //   const activeColor = getColorFormColorScheme(props);
 //   return {
@@ -223,6 +223,7 @@ function variantFilledOutline(props) {
 //     tabBarStyle: {},
 //   };
 // }
+
 // function varientSolidBox(props: Record<string, any>) {
 //   const activeColor = getColorFormColorScheme(props);
 //   return {
@@ -235,14 +236,13 @@ function variantFilledOutline(props) {
 //   };
 // }
 
-
 const variants = {
   'outline': variantOutline,
   'filled': variantFilled,
-  'filled-outline': variantFilledOutline // 'soft-rounded': varientSoftRounded,
+  'filled-outline': variantFilledOutline
+  // 'soft-rounded': varientSoftRounded,
   // 'solid-rounded': varientSolidRounded,
   // 'solid-box': varientSolidBox,
-
 };
 const defaultProps = {
   size: 'md',

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

@@ -1 +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"]}
+{"version":3,"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"],"sources":["tabs.ts"],"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"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,cAAc,EAAEC,IAAI,QAAQ,UAAU;AAExE,SAASC,SAASA,CAACC,KAA0B,EAAE;EAC7C,MAAMC,WAAW,GAAGL,uBAAuB,CAACI,KAAK,CAAC;EAClD,OAAO;IACLE,cAAc,EAAE;MACdC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,EAAE,EAAE,MAAM;MACVC,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE;QAAEC,QAAQ,EAAE,IAAI;QAAEC,UAAU,EAAE;MAAO;IAC9C,CAAC;IACDC,gBAAgB,EAAE;MAChBP,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,EAAE,EAAE,MAAM;MACVC,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE;QACLI,KAAK,EAAEb,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;QAC1CQ,QAAQ,EAAE,IAAI;QACdC,UAAU,EAAE;MACd;IACF,CAAC;IACDG,eAAe,EAAE;MACfD,KAAK,EAAEV,WAAW;MAClBY,IAAI,EAAE,MAAM;MACZC,EAAE,EAAE;IACN,CAAC;IACDC,iBAAiB,EAAE;MACjBF,IAAI,EAAE,MAAM;MACZC,EAAE,EAAE;IACN;EACF,CAAC;AACH;AAEA,MAAME,KAAK,GAAG;EACZC,EAAE,EAAE;IACFf,cAAc,EAAE;MACdK,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN,CAAC;IACDT,gBAAgB,EAAE;MAChBH,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,EAAE,EAAE;IACFlB,cAAc,EAAE;MACdK,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN,CAAC;IACDT,gBAAgB,EAAE;MAChBH,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN;EACF,CAAC;EACDE,EAAE,EAAE;IACFnB,cAAc,EAAE;MACdK,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN,CAAC;IACDT,gBAAgB,EAAE;MAChBH,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACzBU,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACN;EACF;AACF,CAAC;AAED,SAASG,cAAcA,CAACtB,KAA0B,EAAE;EAClD,MAAMC,WAAW,GAAGL,uBAAuB,CAACI,KAAK,CAAC;EAClD,IAAI;IAAEuB,WAAW;IAAEC;EAAO,CAAC,GAAGxB,KAAK;EACnCuB,WAAW,GAAG1B,cAAc,CAC1BG,KAAK,EACLuB,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLtB,cAAc,EAAE;MACduB,WAAW,EAAExB,WAAW;MACxBM,KAAK,EAAE;QACLI,KAAK,EAAEb,IAAI,CAAC,GAAGyB,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC/D,CAAC;MACD0B,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D,CAAC;MACD4B,iBAAiB,EAAE;IACrB,CAAC;IACDlB,gBAAgB,EAAE;MAChBe,WAAW,EAAE,aAAa;MAC1BG,iBAAiB,EAAE,CAAC;MACpBF,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D;IACF,CAAC;IACD6B,WAAW,EAAE;MACXD,iBAAiB,EAAE,CAAC;MACpBH,WAAW,EAAE3B,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAACE,KAAK;IACnD;EACF,CAAC;AACH;AAEA,SAAS8B,aAAaA,CAAC9B,KAA0B,EAAE;EACjD,MAAMC,WAAW,GAAGL,uBAAuB,CAACI,KAAK,CAAC;EAClD,IAAI;IAAEuB,WAAW;IAAEC;EAAO,CAAC,GAAGxB,KAAK;EACnCuB,WAAW,GAAG1B,cAAc,CAC1BG,KAAK,EACLuB,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLtB,cAAc,EAAE;MACduB,WAAW,EAAExB,WAAW;MACxBM,KAAK,EAAE;QAAEI,KAAK,EAAEb,IAAI,CAAC,GAAGyB,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAAE,CAAC;MACzE0B,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D,CAAC;MACD4B,iBAAiB,EAAE,CAAC;MACpBD,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;IAC5D,CAAC;IACDU,gBAAgB,EAAE;MAChBe,WAAW,EAAE,aAAa;MAC1BG,iBAAiB,EAAE,CAAC;MACpBF,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D;IACF,CAAC;IACD6B,WAAW,EAAE;MACXD,iBAAiB,EAAE,CAAC;MACpBH,WAAW,EAAE3B,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAACE,KAAK;IACnD;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAS+B,oBAAoBA,CAAC/B,KAA0B,EAAE;EACxD,MAAMC,WAAW,GAAGL,uBAAuB,CAACI,KAAK,CAAC;EAClD,IAAI;IAAEuB,WAAW;IAAEC;EAAO,CAAC,GAAGxB,KAAK;EACnCuB,WAAW,GAAG1B,cAAc,CAC1BG,KAAK,EACLuB,WAAW,KAAK,SAAS,GAAGA,WAAW,GAAGC,MAC5C,CAAC;EACD,OAAO;IACLtB,cAAc,EAAE;MACduB,WAAW,EAAExB,WAAW;MACxBM,KAAK,EAAE;QAAEI,KAAK,EAAEb,IAAI,CAAC,GAAGyB,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAAE,CAAC;MACzE0B,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D,CAAC;MACD4B,iBAAiB,EAAE;IACrB,CAAC;IACDlB,gBAAgB,EAAE;MAChBe,WAAW,EAAE,aAAa;MAC1BG,iBAAiB,EAAE,CAAC;MACpBF,MAAM,EAAE;QACNC,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,KAAK,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;MAC3D;IACF,CAAC;IACD6B,WAAW,EAAE;MACXD,iBAAiB,EAAE,CAAC;MACpBH,WAAW,EAAE3B,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAACE,KAAK,CAAC;MAClD2B,EAAE,EAAE7B,IAAI,CAAC,GAAGyB,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACvB,KAAK;IAC5D;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMgC,QAAQ,GAAG;EACf,SAAS,EAAEV,cAAc;EACzB,QAAQ,EAAEQ,aAAa;EACvB,gBAAgB,EAAEC;EAClB;EACA;EACA;AACF,CAAC;AAED,MAAME,YAAY,GAAG;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,SAAS;EAClBZ,WAAW,EAAE;AACf,CAAC;AAED,eAAe;EACbxB,SAAS;EACTiC,QAAQ;EACRhB,KAAK;EACLiB;AACF,CAAC","ignoreList":[]}

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

@@ -4,8 +4,8 @@ const {
 } = Badge;
 const baseStyle = {
   _text: {
-    fontWeight: 'medium' // lineHeight: 1.2,
-
+    fontWeight: 'medium'
+    // lineHeight: 1.2,
   },
   alignItems: 'center',
   justifyContent: 'center',

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

@@ -1 +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"]}
+{"version":3,"names":["Badge","variants","baseStyle","_text","fontWeight","alignItems","justifyContent","flexDirection","display","sizes","sm","minH","minW","fontSize","p","borderRadius","md","lg","defaultProps","size","variant","colorScheme"],"sources":["tag.ts"],"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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAE3B,MAAM;EAAEC;AAAS,CAAC,GAAGD,KAAK;AAC1B,MAAME,SAAS,GAAG;EAChBC,KAAK,EAAE;IACLC,UAAU,EAAE;IACZ;EACF,CAAC;EACDC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxBC,aAAa,EAAE,KAAK;EACpBC,OAAO,EAAE;AACX,CAAC;AACD,MAAMC,KAAK,GAAG;EACZC,EAAE,EAAE;IACFC,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,CAAC;IACPT,KAAK,EAAE;MACLU,QAAQ,EAAE;IACZ,CAAC;IACDC,CAAC,EAAE,CAAC;IACJC,YAAY,EAAE;EAChB,CAAC;EACDC,EAAE,EAAE;IACFL,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,CAAC;IACPT,KAAK,EAAE;MACLU,QAAQ,EAAE;IACZ,CAAC;IACDE,YAAY,EAAE,IAAI;IAClBD,CAAC,EAAE;EACL,CAAC;EACDG,EAAE,EAAE;IACFN,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,CAAC;IACPT,KAAK,EAAE;MACLU,QAAQ,EAAE;IACZ,CAAC;IACDE,YAAY,EAAE,IAAI;IAClBD,CAAC,EAAE;EACL;AACF,CAAC;AAED,MAAMI,YAAY,GAAG;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,QAAQ;EACjBC,WAAW,EAAE;AACf,CAAC;AAED,eAAe;EACbpB,QAAQ;EACRC,SAAS;EACTO,KAAK;EACLS;AACF,CAAC","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import { mode } from '../tools';
-
 const baseStyle = props => {
   return {
     color: mode('coolGray.800', 'warmGray.50')(props),
@@ -11,7 +10,6 @@ const baseStyle = props => {
     lineHeight: 'lg'
   };
 };
-
 const defaultProps = {};
 export default {
   baseStyle,

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

@@ -1 +1 @@
-{"version":3,"sources":["text.ts"],"names":["mode","baseStyle","props","color","fontWeight","fontFamily","fontStyle","fontSize","letterSpacing","lineHeight","defaultProps"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,SAAO;AACLC,IAAAA,KAAK,EAAEH,IAAI,CAAC,cAAD,EAAiB,aAAjB,CAAJ,CAAoCE,KAApC,CADF;AAELE,IAAAA,UAAU,EAAE,KAFP;AAGLC,IAAAA,UAAU,EAAE,MAHP;AAILC,IAAAA,SAAS,EAAE,QAJN;AAKLC,IAAAA,QAAQ,EAAE,IALL;AAMLC,IAAAA,aAAa,EAAE,IANV;AAOLC,IAAAA,UAAU,EAAE;AAPP,GAAP;AASD,CAVD;;AAWA,MAAMC,YAAY,GAAG,EAArB;AAEA,eAAe;AAAET,EAAAA,SAAF;AAAaS,EAAAA;AAAb,CAAf","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    color: mode('coolGray.800', 'warmGray.50')(props),\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"]}
+{"version":3,"names":["mode","baseStyle","props","color","fontWeight","fontFamily","fontStyle","fontSize","letterSpacing","lineHeight","defaultProps"],"sources":["text.ts"],"sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    color: mode('coolGray.800', 'warmGray.50')(props),\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"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,OAAO;IACLC,KAAK,EAAEH,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAACE,KAAK,CAAC;IACjDE,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,MAAM;IAClBC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,IAAI;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE;EACd,CAAC;AACH,CAAC;AACD,MAAMC,YAAY,GAAG,CAAC,CAAC;AAEvB,eAAe;EAAET,SAAS;EAAES;AAAa,CAAC","ignoreList":[]}

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

@@ -1,5 +1,6 @@
-import { mode } from '../tools'; // TextField
+import { mode } from '../tools';
 
+// TextField
 const baseStyle = props => {
   return {
     _errorMessageProps: {
@@ -16,7 +17,6 @@ const baseStyle = props => {
     }
   };
 };
-
 export const TextField = {
   baseStyle,
   defaultProps: {

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

@@ -1 +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"]}
+{"version":3,"names":["mode","baseStyle","props","_errorMessageProps","mt","ml","fontSize","color","_helperTextProps","TextField","defaultProps","component"],"sources":["textField.ts"],"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"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;;AAE/B;AACA,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,OAAO;IACLC,kBAAkB,EAAE;MAClBC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,gBAAgB,EAAE;MAChBJ,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAEP,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAACE,KAAK;IAC7C;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,SAAS,GAAG;EACvBR,SAAS;EACTS,YAAY,EAAE;IACZC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["textarea.ts"],"names":["Platform","baseStyle","multiline","p","totalLines","h","select","ios","textAlignVertical"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE,IADK;AAEhBC,EAAAA,CAAC,EAAE,GAFa;AAGhBC,EAAAA,UAAU,EAAE,CAHI;AAIhBC,EAAAA,CAAC,EAAEL,QAAQ,CAACM,MAAT,CAAgB;AAAEC,IAAAA,GAAG,EAAE;AAAP,GAAhB,CAJa;AAKhBC,EAAAA,iBAAiB,EAAE;AALH,CAAlB;AAQA,eAAe;AAAEP,EAAAA;AAAF,CAAf","sourcesContent":["import { Platform } from 'react-native';\r\n\r\nconst baseStyle = {\r\n  multiline: true,\r\n  p: '2',\r\n  totalLines: 4,\r\n  h: Platform.select({ ios: 20 }),\r\n  textAlignVertical: 'top',\r\n};\r\n\r\nexport default { baseStyle };\r\n"]}
+{"version":3,"names":["Platform","baseStyle","multiline","p","totalLines","h","select","ios","textAlignVertical"],"sources":["textarea.ts"],"sourcesContent":["import { Platform } from 'react-native';\r\n\r\nconst baseStyle = {\r\n  multiline: true,\r\n  p: '2',\r\n  totalLines: 4,\r\n  h: Platform.select({ ios: 20 }),\r\n  textAlignVertical: 'top',\r\n};\r\n\r\nexport default { baseStyle };\r\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,SAAS,GAAG;EAChBC,SAAS,EAAE,IAAI;EACfC,CAAC,EAAE,GAAG;EACNC,UAAU,EAAE,CAAC;EACbC,CAAC,EAAEL,QAAQ,CAACM,MAAM,CAAC;IAAEC,GAAG,EAAE;EAAG,CAAC,CAAC;EAC/BC,iBAAiB,EAAE;AACrB,CAAC;AAED,eAAe;EAAEP;AAAU,CAAC","ignoreList":[]}

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

@@ -1,17 +1,16 @@
 import { mode } from '../tools';
-
 const baseStyle = props => {
   return {
-    bg: mode("coolGray.600", "warmGray.200")(props),
+    bg: mode(`coolGray.600`, `warmGray.200`)(props),
     p: '2',
     rounded: 'sm',
     shadow: 1,
     _title: {
-      color: mode("warmGray.200", "coolGray.600")(props),
+      color: mode(`warmGray.200`, `coolGray.600`)(props),
       fontWeight: 700
     },
     _description: {
-      color: mode("warmGray.200", "coolGray.600")(props),
+      color: mode(`warmGray.200`, `coolGray.600`)(props),
       fontWeight: 400
     },
     _closeIcon: {
@@ -19,7 +18,6 @@ const baseStyle = props => {
     }
   };
 };
-
 export const Toast = {
   baseStyle,
   defaultProps: {}

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

@@ -1 +1 @@
-{"version":3,"sources":["toast.ts"],"names":["mode","baseStyle","props","bg","p","rounded","shadow","_title","color","fontWeight","_description","_closeIcon","size","Toast","defaultProps"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgC;AAChD,SAAO;AACLC,IAAAA,EAAE,EAAEH,IAAI,gCAAJ,CAAqCE,KAArC,CADC;AAELE,IAAAA,CAAC,EAAE,GAFE;AAGLC,IAAAA,OAAO,EAAE,IAHJ;AAILC,IAAAA,MAAM,EAAE,CAJH;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAER,IAAI,gCAAJ,CAAqCE,KAArC,CADD;AAENO,MAAAA,UAAU,EAAE;AAFN,KALH;AASLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAER,IAAI,gCAAJ,CAAqCE,KAArC,CADK;AAEZO,MAAAA,UAAU,EAAE;AAFA,KATT;AAaLE,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE;AADI;AAbP,GAAP;AAiBD,CAlBD;;AAoBA,OAAO,MAAMC,KAAK,GAAG;AACnBZ,EAAAA,SADmB;AAEnBa,EAAAA,YAAY,EAAE;AAFK,CAAd","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    bg: mode(`coolGray.600`, `warmGray.200`)(props),\r\n    p: '2',\r\n    rounded: 'sm',\r\n    shadow: 1,\r\n    _title: {\r\n      color: mode(`warmGray.200`, `coolGray.600`)(props),\r\n      fontWeight: 700,\r\n    },\r\n    _description: {\r\n      color: mode(`warmGray.200`, `coolGray.600`)(props),\r\n      fontWeight: 400,\r\n    },\r\n    _closeIcon: {\r\n      size: 4,\r\n    },\r\n  };\r\n};\r\n\r\nexport const Toast = {\r\n  baseStyle,\r\n  defaultProps: {},\r\n};\r\n"]}
+{"version":3,"names":["mode","baseStyle","props","bg","p","rounded","shadow","_title","color","fontWeight","_description","_closeIcon","size","Toast","defaultProps"],"sources":["toast.ts"],"sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  return {\r\n    bg: mode(`coolGray.600`, `warmGray.200`)(props),\r\n    p: '2',\r\n    rounded: 'sm',\r\n    shadow: 1,\r\n    _title: {\r\n      color: mode(`warmGray.200`, `coolGray.600`)(props),\r\n      fontWeight: 700,\r\n    },\r\n    _description: {\r\n      color: mode(`warmGray.200`, `coolGray.600`)(props),\r\n      fontWeight: 400,\r\n    },\r\n    _closeIcon: {\r\n      size: 4,\r\n    },\r\n  };\r\n};\r\n\r\nexport const Toast = {\r\n  baseStyle,\r\n  defaultProps: {},\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,OAAO;IACLC,EAAE,EAAEH,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAACE,KAAK,CAAC;IAC/CE,CAAC,EAAE,GAAG;IACNC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;MACNC,KAAK,EAAER,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAACE,KAAK,CAAC;MAClDO,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZF,KAAK,EAAER,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAACE,KAAK,CAAC;MAClDO,UAAU,EAAE;IACd,CAAC;IACDE,UAAU,EAAE;MACVC,IAAI,EAAE;IACR;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,KAAK,GAAG;EACnBZ,SAAS;EACTa,YAAY,EAAE,CAAC;AACjB,CAAC","ignoreList":[]}

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

@@ -1,19 +1,17 @@
 import { mode } from '../tools';
-
 const baseStyle = props => {
   return {
-    bg: mode("gray.700", "gray.300")(props),
+    bg: mode(`gray.700`, `gray.300`)(props),
     py: 1,
     px: 2,
     rounded: 'sm',
     shadow: 1,
     _text: {
-      color: mode("gray.300", "gray.700")(props),
+      color: mode(`gray.300`, `gray.700`)(props),
       fontSize: 'sm'
     }
   };
 };
-
 export const Tooltip = {
   baseStyle
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["tooltip.ts"],"names":["mode","baseStyle","props","bg","py","px","rounded","shadow","_text","color","fontSize","Tooltip"],"mappings":"AAAA,SAASA,IAAT,QAAqB,UAArB;;AAEA,MAAMC,SAAS,GAAIC,KAAD,IAAgB;AAChC,SAAO;AACLC,IAAAA,EAAE,EAAEH,IAAI,wBAAJ,CAA6BE,KAA7B,CADC;AAELE,IAAAA,EAAE,EAAE,CAFC;AAGLC,IAAAA,EAAE,EAAE,CAHC;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,MAAM,EAAE,CALH;AAMLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAET,IAAI,wBAAJ,CAA6BE,KAA7B,CADF;AAELQ,MAAAA,QAAQ,EAAE;AAFL;AANF,GAAP;AAWD,CAZD;;AAcA,OAAO,MAAMC,OAAO,GAAG;AACrBV,EAAAA;AADqB,CAAhB","sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: any) => {\r\n  return {\r\n    bg: mode(`gray.700`, `gray.300`)(props),\r\n    py: 1,\r\n    px: 2,\r\n    rounded: 'sm',\r\n    shadow: 1,\r\n    _text: {\r\n      color: mode(`gray.300`, `gray.700`)(props),\r\n      fontSize: 'sm',\r\n    },\r\n  };\r\n};\r\n\r\nexport const Tooltip = {\r\n  baseStyle,\r\n};\r\n"]}
+{"version":3,"names":["mode","baseStyle","props","bg","py","px","rounded","shadow","_text","color","fontSize","Tooltip"],"sources":["tooltip.ts"],"sourcesContent":["import { mode } from '../tools';\r\n\r\nconst baseStyle = (props: any) => {\r\n  return {\r\n    bg: mode(`gray.700`, `gray.300`)(props),\r\n    py: 1,\r\n    px: 2,\r\n    rounded: 'sm',\r\n    shadow: 1,\r\n    _text: {\r\n      color: mode(`gray.300`, `gray.700`)(props),\r\n      fontSize: 'sm',\r\n    },\r\n  };\r\n};\r\n\r\nexport const Tooltip = {\r\n  baseStyle,\r\n};\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,UAAU;AAE/B,MAAMC,SAAS,GAAIC,KAAU,IAAK;EAChC,OAAO;IACLC,EAAE,EAAEH,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;IACvCE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;MACLC,KAAK,EAAET,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;MAC1CQ,QAAQ,EAAE;IACZ;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBV;AACF,CAAC","ignoreList":[]}

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

@@ -3,6 +3,7 @@
 //   entryDuration: 500,
 //   exitDuration: 500,
 // };
+
 export const fadeBaseStyle = {
   initial: {
     opacity: 0
@@ -22,7 +23,9 @@ export const fadeBaseStyle = {
 };
 export const Fade = {
   baseStyle: fadeBaseStyle
-}; //ScaleFade
+};
+
+//ScaleFade
 //Can be commented if not used anywhere else
 // const scaleFadeDefaultProps = {
 //   duration: 500,
@@ -47,8 +50,9 @@ const scaleBaseStyle = {
 };
 export const ScaleFade = {
   baseStyle: scaleBaseStyle
-}; //Slide
+};
 
+//Slide
 const slideDefaultProps = {
   duration: 500,
   placement: 'bottom',
@@ -68,8 +72,9 @@ export const Slide = {
     }
   },
   defaultProps: slideDefaultProps
-}; //SlideFade
+};
 
+//SlideFade
 const slideFadeDefaultProps = {
   duration: 500,
   offsetX: 10,

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

@@ -1 +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"]}
+{"version":3,"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"],"sources":["transitions.ts"],"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"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG;EAC3BC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC;EACvBC,OAAO,EAAE;IAAED,OAAO,EAAE,CAAC;IAAEE,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,CAAC;EACtDC,IAAI,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAEE,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE;AACpD,CAAC;AACD,OAAO,MAAME,IAAI,GAAG;EAClBC,SAAS,EAAER;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMS,cAAc,GAAG;EACrBR,OAAO,EAAE;IAAEC,OAAO,EAAE,CAAC;IAAEQ,KAAK,EAAE;EAAI,CAAC;EACnCP,OAAO,EAAE;IAAED,OAAO,EAAE,CAAC;IAAEQ,KAAK,EAAE,CAAC;IAAEN,UAAU,EAAE;EAAI,CAAC;EAClDE,IAAI,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAEQ,KAAK,EAAE,GAAG;IAAEN,UAAU,EAAE;EAAI;AAClD,CAAC;AACD,OAAO,MAAMO,SAAS,GAAG;EACvBH,SAAS,EAAEC;AACb,CAAC;;AAED;AACA,MAAMG,iBAAiB,GAAG;EACxBP,QAAQ,EAAE,GAAG;EACbQ,SAAS,EAAE,QAAQ;EACnBC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAK;AAC3B,CAAC;AAED,OAAO,MAAMC,KAAK,GAAG;EACnBT,SAAS,EAAE;IACTU,CAAC,EAAE,MAAM;IACTC,aAAa,EAAE,UAAU;IACzBJ,QAAQ,EAAE;MAAEK,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAS;IAAE;EAC5C,CAAC;EACDC,YAAY,EAAEV;AAChB,CAAC;;AAED;AACA,MAAMW,qBAAqB,GAAG;EAC5BlB,QAAQ,EAAE,GAAG;EACbmB,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,SAAS,GAAG;EACvBJ,YAAY,EAAEC;AAChB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import { mode } from '../tools/colors';
-
 const typeaheadSearchItemBaseStyle = props => {
   return {
     backgroundColor: mode('gray.100', 'gray.600')(props),
@@ -11,7 +10,6 @@ const typeaheadSearchItemBaseStyle = props => {
     }
   };
 };
-
 export const TypeAheadSearchItem = {
   baseStyle: typeaheadSearchItemBaseStyle
 };

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

@@ -1 +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"]}
+{"version":3,"names":["mode","typeaheadSearchItemBaseStyle","props","backgroundColor","_focus","_disabled","TypeAheadSearchItem","baseStyle"],"sources":["typeahead.ts"],"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"],"mappings":"AAAA,SAASA,IAAI,QAAQ,iBAAiB;AAEtC,MAAMC,4BAA4B,GAAIC,KAA0B,IAAK;EACnE,OAAO;IACLC,eAAe,EAAEH,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAACE,KAAK,CAAC;IACpDE,MAAM,EAAE;MACND,eAAe,EAAEH,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAACE,KAAK;IAC3D,CAAC;IACDG,SAAS,EAAE;MACTF,eAAe,EAAE;IACnB;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAG;EACjCC,SAAS,EAAEN;AACb,CAAC","ignoreList":[]}

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

@@ -1 +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"]}
+{"version":3,"names":["baseStyle","defaultProps"],"sources":["view.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG,CAAC,CAAC;AACvB,eAAe;EACbD,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["vstack.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"]}
+{"version":3,"names":["baseStyle","defaultProps"],"sources":["vstack.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG,CAAC,CAAC;AACvB,eAAe;EACbD,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

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

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

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

@@ -1 +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"]}
+{"version":3,"names":["baseStyle","defaultProps"],"sources":["zstack.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG,CAAC,CAAC;AACvB,eAAe;EACbD,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import base from './base';
 import components from './components';
-import * as tools from './tools'; //@ts-ignore
+import * as tools from './tools';
+//@ts-ignore
 
 const config = {
   useSystemColorMode: false,
@@ -8,7 +9,8 @@ const config = {
   initialColorMode: 'light',
   accessibleColors: false
 };
-const v33xTheme = { ...base,
+const v33xTheme = {
+  ...base,
   components,
   config
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["base","components","tools","config","useSystemColorMode","initialColorMode","accessibleColors","v33xTheme","themeTools"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAO,KAAKC,KAAZ,MAAuB,SAAvB,C,CACA;;AAGA,MAAMC,MAAwB,GAAG;AAC/BC,EAAAA,kBAAkB,EAAE,KADW;AACJ;AAC3BC,EAAAA,gBAAgB,EAAE,OAFa;AAG/BC,EAAAA,gBAAgB,EAAE;AAHa,CAAjC;AAMA,MAAMC,SAAS,GAAG,EAChB,GAAGP,IADa;AAEhBC,EAAAA,UAFgB;AAGhBE,EAAAA;AAHgB,CAAlB;AAcA,SAASI,SAAT,EAAoBL,KAAK,IAAIM,UAA7B","sourcesContent":["import base from './base';\r\nimport components from './components';\r\nimport * as tools from './tools';\r\n//@ts-ignore\r\nimport type { ColorModeOptions } from './../core/color-mode/types';\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 v33xTheme = {\r\n  ...base,\r\n  components,\r\n  config,\r\n};\r\n\r\nexport type V33xTheme = typeof v33xTheme & { fontConfig: any };\r\n\r\nexport interface ICustomTheme {}\r\n\r\nexport interface IV33xTheme\r\n  extends ICustomTheme,\r\n    Omit<V33xTheme, keyof ICustomTheme> {}\r\n\r\nexport { v33xTheme, tools as themeTools };\r\n"]}
+{"version":3,"names":["base","components","tools","config","useSystemColorMode","initialColorMode","accessibleColors","v33xTheme","themeTools"],"sources":["index.ts"],"sourcesContent":["import base from './base';\r\nimport components from './components';\r\nimport * as tools from './tools';\r\n//@ts-ignore\r\nimport type { ColorModeOptions } from './../core/color-mode/types';\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 v33xTheme = {\r\n  ...base,\r\n  components,\r\n  config,\r\n};\r\n\r\nexport type V33xTheme = typeof v33xTheme & { fontConfig: any };\r\n\r\nexport interface ICustomTheme {}\r\n\r\nexport interface IV33xTheme\r\n  extends ICustomTheme,\r\n    Omit<V33xTheme, keyof ICustomTheme> {}\r\n\r\nexport { v33xTheme, tools as themeTools };\r\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAO,KAAKC,KAAK,MAAM,SAAS;AAChC;;AAGA,MAAMC,MAAwB,GAAG;EAC/BC,kBAAkB,EAAE,KAAK;EAAE;EAC3BC,gBAAgB,EAAE,OAAO;EACzBC,gBAAgB,EAAE;AACpB,CAAC;AAED,MAAMC,SAAS,GAAG;EAChB,GAAGP,IAAI;EACPC,UAAU;EACVE;AACF,CAAC;AAUD,SAASI,SAAS,EAAEL,KAAK,IAAIM,UAAU","ignoreList":[]}

package/lib/module/theme/v33x-theme/tools/colors.js

@@ -9,7 +9,7 @@ export const transparentize = (color, opacity) => theme => {
   return Color(raw).setAlpha(opacity).toRgbString();
 };
 export const getColor = (theme, color, fallback) => {
-  const hex = get(theme, "colors.".concat(color), color);
+  const hex = get(theme, `colors.${color}`, color);
   const isValid = Color(hex).isValid();
   return isValid ? hex : fallback;
 };
@@ -22,59 +22,45 @@ export const isDark = color => theme => tone(color)(theme) === 'dark';
 export const isLight = color => theme => tone(color)(theme) === 'light';
 export function randomColor(opts) {
   const fallback = Color.random().toHexString();
-
   if (!opts || isEmpty(opts)) {
     return fallback;
   }
-
   if (opts.string && opts.colors) {
     return randomColorFromList(opts.string, opts.colors);
   }
-
   if (opts.string && !opts.colors) {
     return randomColorFromString(opts.string);
   }
-
   if (opts.colors && !opts.string) {
     return randomFromList(opts.colors);
   }
-
   return fallback;
 }
-
 function randomFromList(list) {
   return list[Math.floor(Math.random() * list.length)];
 }
-
 function randomColorFromList(str, list) {
   let index = 0;
   if (str.length === 0) return list[0];
-
   for (let i = 0; i < str.length; i++) {
     index = str.charCodeAt(i) + ((index << 5) - index);
     index = index & index;
   }
-
   index = (index % list.length + list.length) % list.length;
   return list[index];
 }
-
 function randomColorFromString(str) {
   let hash = 0;
   if (str.length === 0) return hash.toString();
-
   for (let i = 0; i < str.length; i++) {
     hash = str.charCodeAt(i) + ((hash << 5) - hash);
     hash = hash & hash;
   }
-
   let color = '#';
-
   for (let j = 0; j < 3; j++) {
     const value = hash >> j * 8 & 255;
     color += ('00' + value.toString(16)).substr(-2);
   }
-
   return color;
 }
 //# sourceMappingURL=colors.js.map

package/lib/module/theme/v33x-theme/tools/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["colors.ts"],"names":["get","isEmpty","Color","mode","light","dark","props","colorMode","transparentize","color","opacity","theme","raw","getColor","setAlpha","toRgbString","fallback","hex","isValid","tone","isDark","isLight","randomColor","opts","random","toHexString","string","colors","randomColorFromList","randomColorFromString","randomFromList","list","Math","floor","length","str","index","i","charCodeAt","hash","toString","j","value","substr"],"mappings":"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","sourcesContent":["import get from 'lodash.get';\r\nimport isEmpty from 'lodash.isempty';\r\nimport Color from 'tinycolor2';\r\nimport type { Dict } from './utils';\r\n\r\nexport function mode(light: any, dark: any) {\r\n  return (props: any) => (props.colorMode === 'dark' ? dark : light);\r\n}\r\n\r\nexport const transparentize = (color: string, opacity: number) => (\r\n  theme: Dict\r\n) => {\r\n  const raw = getColor(theme, color);\r\n  return Color(raw).setAlpha(opacity).toRgbString();\r\n};\r\n\r\nexport const getColor = (theme: Dict, color: string, fallback?: string) => {\r\n  const hex = get(theme, `colors.${color}`, color);\r\n  const isValid = Color(hex).isValid();\r\n  return isValid ? hex : fallback;\r\n};\r\n\r\nexport const tone = (color: string) => (theme: Dict) => {\r\n  const hex = getColor(theme, color);\r\n  const isDark = Color(hex).isDark();\r\n  return isDark ? 'dark' : 'light';\r\n};\r\n\r\nexport const isDark = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'dark';\r\n\r\nexport const isLight = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'light';\r\n\r\ninterface RandomColorOptions {\r\n  /**\r\n   * If passed, string will be used to generate\r\n   * random color\r\n   */\r\n  string?: string;\r\n  /**\r\n   * List of colors to pick from at random\r\n   */\r\n  colors?: string[];\r\n}\r\nexport function randomColor(opts?: RandomColorOptions) {\r\n  const fallback = Color.random().toHexString();\r\n\r\n  if (!opts || isEmpty(opts)) {\r\n    return fallback;\r\n  }\r\n\r\n  if (opts.string && opts.colors) {\r\n    return randomColorFromList(opts.string, opts.colors);\r\n  }\r\n\r\n  if (opts.string && !opts.colors) {\r\n    return randomColorFromString(opts.string);\r\n  }\r\n\r\n  if (opts.colors && !opts.string) {\r\n    return randomFromList(opts.colors);\r\n  }\r\n\r\n  return fallback;\r\n}\r\n\r\nfunction randomFromList(list: string[]) {\r\n  return list[Math.floor(Math.random() * list.length)];\r\n}\r\n\r\nfunction randomColorFromList(str: string, list: string[]) {\r\n  let index = 0;\r\n  if (str.length === 0) return list[0];\r\n  for (let i = 0; i < str.length; i++) {\r\n    index = str.charCodeAt(i) + ((index << 5) - index);\r\n    index = index & index;\r\n  }\r\n  index = ((index % list.length) + list.length) % list.length;\r\n  return list[index];\r\n}\r\n\r\nfunction randomColorFromString(str: string) {\r\n  let hash = 0;\r\n  if (str.length === 0) return hash.toString();\r\n  for (let i = 0; i < str.length; i++) {\r\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\r\n    hash = hash & hash;\r\n  }\r\n  let color = '#';\r\n  for (let j = 0; j < 3; j++) {\r\n    const value = (hash >> (j * 8)) & 255;\r\n    color += ('00' + value.toString(16)).substr(-2);\r\n  }\r\n  return color;\r\n}\r\n"]}
+{"version":3,"names":["get","isEmpty","Color","mode","light","dark","props","colorMode","transparentize","color","opacity","theme","raw","getColor","setAlpha","toRgbString","fallback","hex","isValid","tone","isDark","isLight","randomColor","opts","random","toHexString","string","colors","randomColorFromList","randomColorFromString","randomFromList","list","Math","floor","length","str","index","i","charCodeAt","hash","toString","j","value","substr"],"sources":["colors.ts"],"sourcesContent":["import get from 'lodash.get';\r\nimport isEmpty from 'lodash.isempty';\r\nimport Color from 'tinycolor2';\r\nimport type { Dict } from './utils';\r\n\r\nexport function mode(light: any, dark: any) {\r\n  return (props: any) => (props.colorMode === 'dark' ? dark : light);\r\n}\r\n\r\nexport const transparentize = (color: string, opacity: number) => (\r\n  theme: Dict\r\n) => {\r\n  const raw = getColor(theme, color);\r\n  return Color(raw).setAlpha(opacity).toRgbString();\r\n};\r\n\r\nexport const getColor = (theme: Dict, color: string, fallback?: string) => {\r\n  const hex = get(theme, `colors.${color}`, color);\r\n  const isValid = Color(hex).isValid();\r\n  return isValid ? hex : fallback;\r\n};\r\n\r\nexport const tone = (color: string) => (theme: Dict) => {\r\n  const hex = getColor(theme, color);\r\n  const isDark = Color(hex).isDark();\r\n  return isDark ? 'dark' : 'light';\r\n};\r\n\r\nexport const isDark = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'dark';\r\n\r\nexport const isLight = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'light';\r\n\r\ninterface RandomColorOptions {\r\n  /**\r\n   * If passed, string will be used to generate\r\n   * random color\r\n   */\r\n  string?: string;\r\n  /**\r\n   * List of colors to pick from at random\r\n   */\r\n  colors?: string[];\r\n}\r\nexport function randomColor(opts?: RandomColorOptions) {\r\n  const fallback = Color.random().toHexString();\r\n\r\n  if (!opts || isEmpty(opts)) {\r\n    return fallback;\r\n  }\r\n\r\n  if (opts.string && opts.colors) {\r\n    return randomColorFromList(opts.string, opts.colors);\r\n  }\r\n\r\n  if (opts.string && !opts.colors) {\r\n    return randomColorFromString(opts.string);\r\n  }\r\n\r\n  if (opts.colors && !opts.string) {\r\n    return randomFromList(opts.colors);\r\n  }\r\n\r\n  return fallback;\r\n}\r\n\r\nfunction randomFromList(list: string[]) {\r\n  return list[Math.floor(Math.random() * list.length)];\r\n}\r\n\r\nfunction randomColorFromList(str: string, list: string[]) {\r\n  let index = 0;\r\n  if (str.length === 0) return list[0];\r\n  for (let i = 0; i < str.length; i++) {\r\n    index = str.charCodeAt(i) + ((index << 5) - index);\r\n    index = index & index;\r\n  }\r\n  index = ((index % list.length) + list.length) % list.length;\r\n  return list[index];\r\n}\r\n\r\nfunction randomColorFromString(str: string) {\r\n  let hash = 0;\r\n  if (str.length === 0) return hash.toString();\r\n  for (let i = 0; i < str.length; i++) {\r\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\r\n    hash = hash & hash;\r\n  }\r\n  let color = '#';\r\n  for (let j = 0; j < 3; j++) {\r\n    const value = (hash >> (j * 8)) & 255;\r\n    color += ('00' + value.toString(16)).substr(-2);\r\n  }\r\n  return color;\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './colors';\r\nexport * from './utils';\r\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './colors';\r\nexport * from './utils';\r\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,SAAS","ignoreList":[]}