@app-studio/web 0.3.11 → 0.3.12

package/dist/web.esm.js

@@ -2469,21 +2469,19 @@ var TextComponent = function TextComponent(props) {
  */
 var Text = TextComponent;
 
-var _excluded$e = ["children", "styles", "error"];
+var _excluded$e = ["children", "styles"];
 var HelperText = function HelperText(_ref) {
   var children = _ref.children,
     _ref$styles = _ref.styles,
     styles = _ref$styles === void 0 ? {
       helperText: {}
     } : _ref$styles,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React.createElement(Text, Object.assign({
     size: "xs",
     marginVertical: 0,
     marginHorizontal: 0,
-    color: error ? 'theme.error' : 'theme.text.dark'
+    color: 'theme.text.dark'
   }, styles['helperText'], props), children);
 };
 
@@ -2498,9 +2496,12 @@ var FieldContainer = function FieldContainer(_ref) {
   return React.createElement(Vertical, Object.assign({
     gap: 5,
     position: "relative"
-  }, props), children, helperText && React.createElement(HelperText, Object.assign({
-    error: error
-  }, styles), helperText));
+  }, props), children, !error && helperText && React.createElement(HelperText, Object.assign({}, styles), helperText), error && React.createElement(Text, {
+    size: "xs",
+    marginVertical: 0,
+    marginHorizontal: 0,
+    color: 'theme.error'
+  }, error));
 };
 
 var Shapes = {
@@ -2591,7 +2592,7 @@ var FieldContent = function FieldContent(_ref) {
     borderStyle: "solid",
     alignItems: "center",
     borderColor: color,
-    backgroundColor: "trueGray.50",
+    backgroundColor: "color.trueGray.50",
     transition: "padding 0.2s ease",
     justifyContent: "space-between",
     fontSize: Typography.fontSizes[size],
@@ -3016,7 +3017,7 @@ var DatePickerView = function DatePickerView(_ref) {
     },
     fontSize: Typography.fontSizes[size],
     backgroundColor: 'transparent',
-    color: isDisabled ? 'trueGray.600' : 'blueGray.700',
+    color: isDisabled ? 'color.trueGray.600' : 'color.blueGray.700',
     cursor: isDisabled ? 'not-allowed' : isReadOnly ? 'auto' : 'pointer'
   }, styles['field']);
   return React.createElement(FieldContainer, {
@@ -3424,7 +3425,7 @@ var SelectBox = function SelectBox(_ref2) {
     paddingHorizontal: 0,
     fontSize: Typography.fontSizes[size],
     backgroundColor: 'transparent',
-    color: isDisabled ? 'trueGray.600' : 'blueGray.700',
+    color: isDisabled ? 'color.trueGray.600' : 'color.blueGray.700',
     cursor: isDisabled ? 'not-allowed' : 'auto'
   }, styles['field'], styles['text']);
   return React.createElement(Text, Object.assign({}, fieldStyles), (selected === '' || selected && selected.length === 0) && !!placeholder ? placeholder : React.createElement(React.Fragment, null, typeof selected === 'string' ? selected : selected && selected.length > 0 && React.createElement(Horizontal, {
@@ -3542,7 +3543,7 @@ var MultiSelect = function MultiSelect(_ref5) {
     borderRadius: 4,
     alignItems: "center",
     fontSize: Typography.fontSizes[size],
-    backgroundColor: "trueGray.300",
+    backgroundColor: "color.trueGray.300",
     onClick: function onClick(event) {
       return event.stopPropagation();
     }
@@ -4039,7 +4040,7 @@ var TextAreaView = function TextAreaView(_ref) {
     },
     fontSize: Typography.fontSizes[size],
     backgroundColor: 'transparent',
-    color: isDisabled ? 'trueGray.600' : 'blueGray.700',
+    color: isDisabled ? 'color.trueGray.600' : 'color.blueGray.700',
     cursor: isDisabled ? 'not-allowed' : 'auto'
   }, styles['field']);
   var handleHover = function handleHover() {