@plasmicapp/react-web 0.2.96 → 0.2.99

package/dist/react-web.esm.js

@@ -904,10 +904,10 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
   if (displayWidth != null && displayWidth !== "auto") {
     // If width is set, set it on the wrapper along with min/max width
     // and just use `width: 100%` on the spacer
-    spacerStyle.width = "100%";
-    wrapperStyle.width = displayWidth;
-    wrapperStyle.minWidth = displayMinWidth;
-    wrapperStyle.maxWidth = displayMaxWidth;
+    spacerStyle.width = "100%"; // Rely on the styles set by `classname` on the wrapper:
+    // wrapperStyle.width = displayWidth;
+    // wrapperStyle.minWidth = displayMinWidth;
+    // wrapperStyle.maxWidth = displayMaxWidth;
   } else {
     // Otherwise, we want auto sizing from the spacer, so set width there.
     //
@@ -920,33 +920,30 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
     wrapperStyle.width = "auto";
 
     if (displayMinWidth) {
-      spacerStyle.minWidth = "100%";
-      wrapperStyle.minWidth = displayMinWidth;
+      spacerStyle.minWidth = "100%"; // Rely on min-width set by `classname` on the wrapper:
+      // wrapperStyle.minWidth = displayMinWidth;
     }
 
     if (displayMaxWidth != null && displayMaxWidth !== "none") {
-      spacerStyle.maxWidth = "100%";
-      wrapperStyle.maxWidth = displayMaxWidth;
+      spacerStyle.maxWidth = "100%"; // Rely on max-width set by `classname` on the wrapper:
+      // wrapperStyle.maxWidth = displayMaxWidth;
     }
   }
 
   if (displayHeight != null && displayHeight !== "auto") {
-    spacerStyle.height = "100%";
-    wrapperStyle.height = displayHeight;
-    wrapperStyle.minHeight = displayMinHeight;
-    wrapperStyle.maxHeight = displayMaxHeight;
+    spacerStyle.height = "100%"; // wrapperStyle.height = displayHeight;
+    // wrapperStyle.minHeight = displayMinHeight;
+    // wrapperStyle.maxHeight = displayMaxHeight;
   } else {
     spacerStyle.height = displayHeight;
     wrapperStyle.height = "auto";
 
     if (displayMinHeight) {
-      spacerStyle.minHeight = "100%";
-      wrapperStyle.minHeight = displayMinHeight;
+      spacerStyle.minHeight = "100%"; // wrapperStyle.minHeight = displayMinHeight;
     }
 
     if (displayMaxHeight != null && displayMaxHeight !== "none") {
-      spacerStyle.maxHeight = "100%";
-      wrapperStyle.maxHeight = displayMaxHeight;
+      spacerStyle.maxHeight = "100%"; // wrapperStyle.maxHeight = displayMaxHeight;
     }
   }
 
@@ -2974,7 +2971,9 @@ function useTextInput(plasmicClass, props, config, ref) {
       style: style
     }
   }, _overrides[config.input] = {
-    props: _extends({}, omit.apply(void 0, [rest].concat(plasmicClass.internalArgProps, plasmicClass.internalVariantProps)), {
+    props: _extends({}, omit.apply(void 0, [rest].concat(plasmicClass.internalArgProps.filter(function (prop) {
+      return prop !== "required";
+    }), plasmicClass.internalVariantProps)), {
       disabled: isDisabled,
       ref: inputRef,
       className: inputClassName,