@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Steps/Steps.js

@@ -1,15 +1,18 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useStyles = (0, _themed.makeStyles)(theme => {
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
   return {
     container: {
       flexDirection: 'row',
@@ -92,53 +95,53 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const Step = ({
-  index,
-  active,
-  completed,
-  onItemPress
-}) => {
-  const styles = useStyles();
-  const handleItemPress = () => {
+var Step = function (_a) {
+  var index = _a.index,
+    active = _a.active,
+    completed = _a.completed,
+    onItemPress = _a.onItemPress;
+  var styles = useStyles();
+  var handleItemPress = function () {
     if (completed || active) {
       onItemPress && onItemPress(index);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: handleItemPress
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.stepItem
-  }, index !== 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, index !== 1 && react_1.default.createElement(react_native_1.View, {
     style: [styles.hr, (completed || active) && styles.completedHr]
-  }), completed ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }), completed ? react_1.default.createElement(react_native_1.Text, {
     style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: "check",
     size: 16,
     color: "white"
-  })) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  })) : react_1.default.createElement(react_native_1.Text, {
     style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep]
   }, index))));
 };
-const Steps = ({
-  steps = [],
-  currentStep,
-  onPressStep,
-  testID
-}) => {
-  const styles = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+var Steps = function (_a) {
+  var _b = _a.steps,
+    steps = _b === void 0 ? [] : _b,
+    currentStep = _a.currentStep,
+    onPressStep = _a.onPressStep,
+    testID = _a.testID;
+  var styles = useStyles();
+  return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: testID
-  }, steps.map((step, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(Step, {
-    key: index,
-    index: Number.parseInt(`${index + 1}`),
-    title: step.title,
-    description: step.description,
-    active: index === currentStep,
-    completed: index < currentStep,
-    onItemPress: onPressStep
-  }))));
+  }, steps.map(function (step, index) {
+    return react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(Step, {
+      key: index,
+      index: Number.parseInt("".concat(index + 1)),
+      title: step.title,
+      description: step.description,
+      active: index === currentStep,
+      completed: index < currentStep,
+      onItemPress: onPressStep
+    }));
+  }));
 };
-var _default = exports.default = (0, _themed.withTheme)(Steps);
-//# sourceMappingURL=Steps.js.map
+exports.default = (0, themed_1.withTheme)(Steps);

package/commonjs/TabTitle/TabTitle.js

@@ -89,4 +89,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
 exports.default = (0, themed_1.withTheme)(TapasTabTitle);
 // Export aliases for compatibility
 exports.TabTitle = (0, themed_1.withTheme)(TapasTabTitle);
-//# sourceMappingURL=TabTitle.js.map

package/commonjs/TabTitle/index.js

@@ -29,5 +29,4 @@ Object.defineProperty(exports, "TapasTabTitle", {
     return TabTitle_2.TapasTabTitle;
   }
 });
-//# sourceMappingURL=index.js.map; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-//# sourceMappingURL=index.js.map
+

package/commonjs/TableColumnHeader/TableColumnHeader.js

@@ -1,124 +1,58 @@
 "use strict";
 
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = void 0 && (void 0).__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TapasTableColumnHeader = exports.TableColumnHeader = void 0;
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var TapasTableColumnHeader = function (_a) {
-  var title = _a.title,
-    columnIndex = _a.columnIndex,
-    fieldName = _a.fieldName,
-    _b = _a.sortable,
-    sortable = _b === void 0 ? false : _b,
-    _c = _a.sortDirection,
-    sortDirection = _c === void 0 ? null : _c,
-    _d = _a.textAlign,
-    textAlign = _d === void 0 ? "left" : _d,
-    titleStyle = _a.titleStyle,
-    sortButtonStyle = _a.sortButtonStyle,
-    _e = _a.padding,
-    padding = _e === void 0 ? {
-      horizontal: 16,
-      vertical: 8
-    } : _e,
-    onSort = _a.onSort,
-    onPress = _a.onPress,
-    onLongPress = _a.onLongPress,
-    _f = _a.disabled,
-    disabled = _f === void 0 ? false : _f,
-    _g = _a.sortIconSize,
-    sortIconSize = _g === void 0 ? 18 : _g,
-    activeSortIconColor = _a.activeSortIconColor,
-    inactiveSortIconColor = _a.inactiveSortIconColor,
-    _h = _a.sortIcons,
-    sortIcons = _h === void 0 ? {
-      ascending: "arrow_drop_up",
-      descending: "arrow_drop_down"
-    } : _h,
-    _j = _a.showSortIndicator,
-    showSortIndicator = _j === void 0 ? true : _j,
-    _k = _a.minHeight,
-    minHeight = _k === void 0 ? 40 : _k,
-    style = _a.style,
-    otherProps = __rest(_a, ["title", "columnIndex", "fieldName", "sortable", "sortDirection", "textAlign", "titleStyle", "sortButtonStyle", "padding", "onSort", "onPress", "onLongPress", "disabled", "sortIconSize", "activeSortIconColor", "inactiveSortIconColor", "sortIcons", "showSortIndicator", "minHeight", "style"]);
-  var styles = useStyles({
-    textAlign: textAlign,
-    padding: padding,
-    minHeight: minHeight,
-    disabled: disabled
+exports.default = exports.TapasTableColumnHeader = exports.TableColumnHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TapasTableColumnHeader = ({
+  title,
+  columnIndex,
+  fieldName,
+  sortable = false,
+  sortDirection = null,
+  textAlign = "left",
+  titleStyle,
+  sortButtonStyle,
+  padding = {
+    horizontal: 16,
+    vertical: 8
+  },
+  onSort,
+  onPress,
+  onLongPress,
+  disabled = false,
+  sortIconSize = 18,
+  activeSortIconColor,
+  inactiveSortIconColor,
+  sortIcons = {
+    ascending: "arrow_drop_up",
+    descending: "arrow_drop_down"
+  },
+  showSortIndicator = true,
+  minHeight = 40,
+  style,
+  ...otherProps
+}) => {
+  const styles = useStyles({
+    textAlign,
+    padding,
+    minHeight,
+    disabled
   });
+
   // 处理排序点击
-  var handleSortPress = (0, react_1.useCallback)(function () {
+  const handleSortPress = (0, _react.useCallback)(() => {
     if (!sortable || disabled || !fieldName) return;
-    var newDirection;
+    let newDirection;
+
     // 排序逻辑：null -> ASC -> DESC -> null
     switch (sortDirection) {
       case null:
@@ -133,10 +67,11 @@ var TapasTableColumnHeader = function (_a) {
       default:
         newDirection = "ASC";
     }
-    onSort === null || onSort === void 0 ? void 0 : onSort(fieldName, newDirection, columnIndex);
+    onSort?.(fieldName, newDirection, columnIndex);
   }, [sortable, disabled, fieldName, sortDirection, onSort, columnIndex]);
+
   // 处理普通点击
-  var handlePress = (0, react_1.useCallback)(function () {
+  const handlePress = (0, _react.useCallback)(() => {
     if (disabled) return;
     if (sortable) {
       handleSortPress();
@@ -144,50 +79,121 @@ var TapasTableColumnHeader = function (_a) {
       onPress(fieldName, columnIndex);
     }
   }, [disabled, sortable, handleSortPress, onPress, fieldName, columnIndex]);
+
   // 处理长按
-  var handleLongPress = (0, react_1.useCallback)(function () {
+  const handleLongPress = (0, _react.useCallback)(() => {
     if (disabled || !fieldName) return;
-    onLongPress === null || onLongPress === void 0 ? void 0 : onLongPress(fieldName, columnIndex);
+    onLongPress?.(fieldName, columnIndex);
   }, [disabled, fieldName, onLongPress, columnIndex]);
+
   // 渲染排序指示器
-  var renderSortIndicator = function () {
+  const renderSortIndicator = () => {
     if (!sortable || !showSortIndicator) return null;
-    var isAscending = sortDirection === "ASC";
-    var isDescending = sortDirection === "DESC";
-    return react_1.default.createElement(react_native_1.View, {
+    const isAscending = sortDirection === "ASC";
+    const isDescending = sortDirection === "DESC";
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: [styles.sortContainer, sortButtonStyle]
-    }, react_1.default.createElement(react_native_1.View, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: styles.sortArrows
-    }, react_1.default.createElement(TapasIcon_1.default, {
+    }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
       name: sortIcons.ascending || "arrow_drop_up",
       size: sortIconSize,
       color: isDescending ? activeSortIconColor || styles.activeSortIcon.color : inactiveSortIconColor || styles.inactiveSortIcon.color,
       style: styles.arrowUp
-    }), react_1.default.createElement(TapasIcon_1.default, {
+    }), /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
       name: sortIcons.descending || "arrow_drop_down",
       size: sortIconSize,
       color: isAscending ? activeSortIconColor || styles.activeSortIcon.color : inactiveSortIconColor || styles.inactiveSortIcon.color,
       style: styles.arrowDown
     })));
   };
-  var renderContent = function () {
-    return react_1.default.createElement(react_native_1.View, {
-      style: styles.content
-    }, react_1.default.createElement(react_native_1.Text, {
-      style: [styles.title, titleStyle],
-      numberOfLines: 2,
-      ellipsizeMode: "tail"
-    }, title), renderSortIndicator());
-  };
+  const renderContent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.title, titleStyle],
+    numberOfLines: 2,
+    ellipsizeMode: "tail"
+  }, title), renderSortIndicator());
+
   // 如果可排序或有点击事件，使用 Pressable
   if (sortable || onPress || onLongPress) {
-    return react_1.default.createElement(react_native_1.Pressable, __assign({}, otherProps, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({}, otherProps, {
       style: [styles.container, style],
       onPress: handlePress,
       onLongPress: handleLongPress,
       disabled: disabled
     }), renderContent());
   }
+
+  // 否则使用普通 View
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: [styles.container, style]
+  }), renderContent());
+};
+exports.TapasTableColumnHeader = TapasTableColumnHeader;
+const useStyles = (0, _themed.makeStyles)((theme, props) => {
+  const textAlign = props?.textAlign || "left";
+  const paddingHorizontal = props?.padding?.horizontal || 16;
+  const paddingVertical = props?.padding?.vertical || 8;
+  const minHeight = props?.minHeight || 40;
+  const disabled = props?.disabled || false;
+  return {
+    container: {
+      minHeight,
+      paddingHorizontal,
+      paddingVertical,
+      backgroundColor: theme?.colors?.grey5 || "#f8f9fa",
+      borderBottomWidth: 1,
+      borderBottomColor: theme?.colors?.grey3 || "#e0e0e0",
+      opacity: disabled ? 0.5 : 1
+    },
+    content: {
+      flex: 1,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: textAlign === "left" ? "flex-start" : textAlign === "right" ? "flex-end" : "center",
+      gap: 8
+    },
+    title: {
+      fontSize: theme?.fonts?.sizeS || 14,
+      fontWeight: "600",
+      color: theme?.colors?.colorTextSecondary || theme?.colors?.grey1 || "#333",
+      flexShrink: 1
+    },
+    sortContainer: {
+      flexShrink: 0
+    },
+    sortArrows: {
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: 20,
+      width: 16,
+      position: "relative"
+    },
+    arrowUp: {
+      position: "absolute",
+      top: -2
+    },
+    arrowDown: {
+      position: "absolute",
+      bottom: -2
+    },
+    activeSortIcon: {
+      color: theme?.colors?.primary || "#007AFF"
+    },
+    inactiveSortIcon: {
+      color: theme?.colors?.grey2 || "#999"
+    }
+  };
+});
+var _default = exports.default = (0, _themed.withTheme)(TapasTableColumnHeader); // Export aliases for compatibility
+const TableColumnHeader = exports.TableColumnHeader = (0, _themed.withTheme)(TapasTableColumnHeader);
+
+      onLongPress: handleLongPress,
+      disabled: disabled
+    }), renderContent());
+  }
   // 否则使用普通 View
   return react_1.default.createElement(react_native_1.View, __assign({}, otherProps, {
     style: [styles.container, style]
@@ -254,4 +260,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
 exports.default = (0, themed_1.withTheme)(TapasTableColumnHeader);
 // Export aliases for compatibility
 exports.TableColumnHeader = (0, themed_1.withTheme)(TapasTableColumnHeader);
-//# sourceMappingURL=TableColumnHeader.js.map

package/commonjs/TableColumnHeader/index.js

@@ -1,27 +1,32 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "TableColumnHeader", {
+exports.TapasTableColumnHeader = exports.TableColumnHeader = exports.default = void 0;
+var TableColumnHeader_1 = require("./TableColumnHeader");
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _TableColumnHeader.TableColumnHeader;
+    return __importDefault(TableColumnHeader_1).default;
   }
 });
-Object.defineProperty(exports, "TapasTableColumnHeader", {
+var TableColumnHeader_2 = require("./TableColumnHeader");
+Object.defineProperty(exports, "TableColumnHeader", {
   enumerable: true,
   get: function () {
-    return _TableColumnHeader.TapasTableColumnHeader;
+    return TableColumnHeader_2.TableColumnHeader;
   }
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "TapasTableColumnHeader", {
   enumerable: true,
   get: function () {
-    return _TableColumnHeader.default;
+    return TableColumnHeader_2.TapasTableColumnHeader;
   }
 });
-var _TableColumnHeader = _interopRequireWildcard(require("./TableColumnHeader"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-//# sourceMappingURL=index.js.map
+

package/commonjs/Tag/Tag.js

@@ -96,7 +96,7 @@ const Tag = ({
   })));
 };
 var _default = exports.default = (0, _themed.withTheme)(Tag);
-//# sourceMappingURL=Tag.js.maptMaxWidth || 226
+
     },
     closeIcon: {
       marginLeft: 8,
@@ -137,4 +137,3 @@ var Tag = function (_a) {
   })));
 };
 exports.default = (0, themed_1.withTheme)(Tag);
-//# sourceMappingURL=Tag.js.map

package/commonjs/Task/Task.js

@@ -251,4 +251,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(TaskCard);
-//# sourceMappingURL=Task.js.map

package/commonjs/Task/type.js

@@ -11,4 +11,3 @@ var TaskStatus;
   TaskStatus["Delay"] = "Delay";
   TaskStatus["Completed"] = "Completed";
 })(TaskStatus || (exports.TaskStatus = TaskStatus = {}));
-//# sourceMappingURL=type.js.map.map

package/commonjs/Text/Text.js

@@ -135,7 +135,7 @@ const Text = ({
   }, renderText()) : renderText();
 };
 var _default = exports.default = (0, _themed.withTheme)(Text);
-//# sourceMappingURL=Text.js.mapouseLeave = function () {
+
     setIsHovered(false);
   };
   (0, react_1.useEffect)(function () {
@@ -161,4 +161,3 @@ var _default = exports.default = (0, _themed.withTheme)(Text);
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(Text);
-//# sourceMappingURL=Text.js.map

package/commonjs/TextArea/TextArea.js

@@ -213,4 +213,85 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
   }
 }));
 var _default = exports.default = (0, _themed.withTheme)(TextArea);
-//# sourceMappingURL=TextArea.js.map
+
+    con: {
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden",
+      width: "100%",
+      position: "relative"
+    },
+    textArea: __assign({
+      paddingTop: 10,
+      paddingBottom: 10,
+      paddingLeft: 16,
+      paddingRight: 12,
+      marginTop: 7,
+      borderColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.grey2,
+      borderWidth: 1,
+      borderRadius: 12,
+      textAlignVertical: "top",
+      width: "100%"
+    }, react_native_1.Platform.select({
+      web: {
+        // outlineWidth: 0, // Not supported in React Native
+      }
+    })),
+    focus: {
+      borderWidth: 2,
+      borderColor: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary
+    },
+    label: {
+      display: "flex",
+      flexDirection: "row",
+      position: "absolute",
+      left: 16,
+      paddingLeft: 1,
+      paddingRight: 1,
+      zIndex: 1
+    },
+    label_text: {
+      fontSize: 12,
+      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary
+    },
+    count: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      paddingLeft: 8,
+      paddingRight: 8,
+      marginTop: 1
+    },
+    stateMsg: {
+      flexGrow: 1,
+      paddingLeft: 16,
+      marginRight: 8,
+      fontSize: 12,
+      fontWeight: "400",
+      color: (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.secondary
+    },
+    count_text: {
+      fontSize: 12,
+      fontWeight: "400",
+      color: (_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.secondary
+    },
+    clearBtnCon: {
+      position: "absolute",
+      top: 18,
+      right: 13,
+      width: 20,
+      height: 20,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 2
+    },
+    required: {
+      fontSize: 12,
+      fontWeight: "400",
+      color: (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.error,
+      marginLeft: 1
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(TextArea);

package/commonjs/Theme/ThemeProvider.js

@@ -25,5 +25,4 @@ const CustomThemeProvider = ({
   }, children));
 };
 var _default = exports.default = CustomThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.map.default = CustomThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.map
+