@7shifts/sous-chef 3.60.0 → 3.61.1

package/dist/index.modern.js

@@ -12578,7 +12578,12 @@ const usePhoneFieldControllers = ({
       };
     }
   };
-  const [meta, setMeta] = useState(() => parseMeta(phoneFieldValue || ''));
+  const [meta, setMeta] = useState(() => {
+    const initialValues = parseMeta(phoneFieldValue || '');
+    // We don't want to show the initial parsing error until the value is touched
+    initialValues.parsingError = '';
+    return initialValues;
+  });
   let controllers = {
     id,
     error: error || meta.parsingError,
@@ -13714,13 +13719,19 @@ const CHIP_THEME = {
   DANGER: 'danger'
 };
 
-var styles$4 = {"chip":"_Cg5Nf","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep"};
+var styles$4 = {"chip":"_Cg5Nf","chip__children":"_e3zFF","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep"};
 
 const Chip = ({
   children,
   theme: _theme = CHIP_THEME.MARKETING,
   testId
 }) => {
+  const formattedChildren = React__default.Children.map(children, child => {
+    if (React__default.isValidElement(child)) {
+      return updateIconSize(child);
+    }
+    return child;
+  });
   return React__default.createElement("div", {
     "data-testid": testId,
     className: classnames(styles$4['chip'], {
@@ -13731,7 +13742,19 @@ const Chip = ({
       [styles$4['chip--info']]: _theme === CHIP_THEME.INFO,
       [styles$4['chip--danger']]: _theme === CHIP_THEME.DANGER
     })
-  }, children);
+  }, React__default.createElement("div", {
+    className: styles$4['chip__children']
+  }, formattedChildren));
+};
+const updateIconSize = child => {
+  var _child$type$displayNa, _child$type;
+  const isIcon = (_child$type$displayNa = (_child$type = child.type) == null || (_child$type = _child$type.displayName) == null ? void 0 : _child$type.startsWith('Icon')) != null ? _child$type$displayNa : false;
+  if (!isIcon) {
+    return child;
+  }
+  return React__default.cloneElement(child, _extends({}, child.props, {
+    size: "small"
+  }));
 };
 
 var styles$3 = {"pill":"_vOTWZ","pill--default":"_j2h8A","pill--success":"_lFih-","pill--danger":"_sLhtK","pill--warning":"_DKrCl","pill--info":"_8TTGV","pill--upsell":"_0-TG8"};