@7shifts/sous-chef 3.60.0 → 3.61.1

package/dist/index.js

@@ -12515,7 +12515,10 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     }
   };
   var _useState = React.useState(function () {
-      return parseMeta(phoneFieldValue || '');
+      var initialValues = parseMeta(phoneFieldValue || '');
+      // We don't want to show the initial parsing error until the value is touched
+      initialValues.parsingError = '';
+      return initialValues;
     }),
     meta = _useState[0],
     setMeta = _useState[1];
@@ -13646,7 +13649,7 @@ var 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"};
 
 var Chip = function Chip(_ref) {
   var _classnames;
@@ -13654,10 +13657,28 @@ var Chip = function Chip(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? CHIP_THEME.MARKETING : _ref$theme,
     testId = _ref.testId;
+  var formattedChildren = React__default["default"].Children.map(children, function (child) {
+    if (React__default["default"].isValidElement(child)) {
+      return updateIconSize(child);
+    }
+    return child;
+  });
   return React__default["default"].createElement("div", {
     "data-testid": testId,
     className: classnames__default["default"](styles$4['chip'], (_classnames = {}, _classnames[styles$4['chip--marketing']] = theme === CHIP_THEME.MARKETING, _classnames[styles$4['chip--success']] = theme === CHIP_THEME.SUCCESS, _classnames[styles$4['chip--upsell']] = theme === CHIP_THEME.UPSELL, _classnames[styles$4['chip--warning']] = theme === CHIP_THEME.WARNING, _classnames[styles$4['chip--info']] = theme === CHIP_THEME.INFO, _classnames[styles$4['chip--danger']] = theme === CHIP_THEME.DANGER, _classnames))
-  }, children);
+  }, React__default["default"].createElement("div", {
+    className: styles$4['chip__children']
+  }, formattedChildren));
+};
+var updateIconSize = function updateIconSize(child) {
+  var _child$type$displayNa, _child$type;
+  var 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["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"};