@7shifts/sous-chef 3.54.0 → 3.54.1

package/dist/index.js

@@ -13360,17 +13360,21 @@ var PILL_THEME = {
   UPSELL: 'upsell'
 };
 
-var Pill = function Pill(_ref) {
+var _excluded$2P = ["children", "theme", "testId"];
+var PillElement = function PillElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? PILL_THEME.DEFAULT : _ref$theme,
-    testId = _ref.testId;
-  return React__default.createElement("div", {
+    testId = _ref.testId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+  return React__default.createElement("div", _extends({
     "data-testid": testId,
+    ref: forwardedRef,
     className: classnames(styles$1i['pill'], (_classnames = {}, _classnames[styles$1i['pill--default']] = theme === PILL_THEME.DEFAULT, _classnames[styles$1i['pill--warning']] = theme === PILL_THEME.WARNING, _classnames[styles$1i['pill--success']] = theme === PILL_THEME.SUCCESS, _classnames[styles$1i['pill--danger']] = theme === PILL_THEME.DANGER, _classnames[styles$1i['pill--info']] = theme === PILL_THEME.INFO, _classnames[styles$1i['pill--upsell']] = theme === PILL_THEME.UPSELL, _classnames))
-  }, children);
+  }, rest), children);
 };
+var Pill = React.forwardRef(PillElement);
 
 var EMPTY_STATE_SIZE = {
   SMALL: 'small',