@7shifts/sous-chef 3.53.1 → 3.54.1

package/dist/index.css

@@ -4859,6 +4859,9 @@ input._1zowl {
 ._10zFn {
   background-color: var(--color-blueberry-200);
 }
+._PfRFD {
+  background-color: var(--color-eggplant-200);
+}
 ._1AdW7 {
   display: flex;
   flex-direction: row;

package/dist/index.js

@@ -13349,27 +13349,32 @@ var Chip = function Chip(_ref) {
   }, children);
 };
 
-var styles$1i = {"pill":"_1vA9B","pill--default":"_2mTVo","pill--success":"_3CYqE","pill--danger":"_1WFdK","pill--warning":"_1Mp_n","pill--info":"_10zFn"};
+var styles$1i = {"pill":"_1vA9B","pill--default":"_2mTVo","pill--success":"_3CYqE","pill--danger":"_1WFdK","pill--warning":"_1Mp_n","pill--info":"_10zFn","pill--upsell":"_PfRFD"};
 
 var PILL_THEME = {
   INFO: 'info',
   SUCCESS: 'success',
   DANGER: 'danger',
   WARNING: 'warning',
-  DEFAULT: 'default'
+  DEFAULT: 'default',
+  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,
-    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))
-  }, children);
+    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))
+  }, rest), children);
 };
+var Pill = React.forwardRef(PillElement);
 
 var EMPTY_STATE_SIZE = {
   SMALL: 'small',