@7shifts/sous-chef 3.21.1 → 3.22.0

package/dist/index.css

@@ -1463,6 +1463,12 @@ h5._3CIA3 {
   border-color: var(--color-eggplant-400);
   box-shadow: 0 0 8px var(--color-eggplant-300);
 }
+._11cqA {
+  background: var(--color-grey-100);
+  box-shadow: none;
+  color: var(--color-grey-300);
+  pointer-events: none;
+}
 ._3Hwms {
   min-height: 56px;
 }
@@ -1472,6 +1478,9 @@ h5._3CIA3 {
   right: 8px;
   top: 8px;
 }
+._3FZlB {
+  pointer-events: none;
+}
 ._XFvYB {
   display: flex;
   gap: 8px;

package/dist/index.js

@@ -6011,17 +6011,19 @@ var KebabMenu = function KebabMenu(_ref) {
   })));
 };
 
-var styles$q = {"card":"_29ZIp","card__body":"_3Q8NT","card__body--interactive":"_2Fah6","card--focus":"_SGno0","card__body--focus":"_1zqRN","card__body--with-kebab":"_3Hwms","card__kebab":"_TmEUS"};
+var styles$q = {"card":"_29ZIp","card__body":"_3Q8NT","card__body--interactive":"_2Fah6","card--focus":"_SGno0","card__body--focus":"_1zqRN","card__body--disabled":"_11cqA","card__body--with-kebab":"_3Hwms","card__kebab":"_TmEUS","card__kebab--disabled":"_3FZlB"};
 
-var _excluded$2l = ["children", "onClick", "isSelected", "actions", "testId"];
+var _excluded$2l = ["children", "onClick", "isSelected", "disabled", "actions", "testId"];
 
 var Card = function Card(_ref) {
-  var _classnames, _classnames2;
+  var _classnames, _classnames2, _classnames3;
 
   var children = _ref.children,
       onClick = _ref.onClick,
       _ref$isSelected = _ref.isSelected,
       isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       actions = _ref.actions,
       testId = _ref.testId,
       positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
@@ -6031,15 +6033,16 @@ var Card = function Card(_ref) {
     className: classnames(styles$q['card']),
     style: positionStyles
   }, onClick ? React__default.createElement("button", {
-    className: classnames(styles$q['card__body'], styles$q['card__body--interactive'], (_classnames = {}, _classnames[styles$q['card__body--focus']] = isSelected, _classnames[styles$q['card__body--with-kebab']] = actions, _classnames)),
+    className: classnames(styles$q['card__body'], styles$q['card__body--interactive'], (_classnames = {}, _classnames[styles$q['card__body--disabled']] = disabled, _classnames[styles$q['card__body--focus']] = isSelected, _classnames[styles$q['card__body--with-kebab']] = actions, _classnames)),
     "data-testid": testId,
     tabIndex: 0,
-    onClick: onClick
+    onClick: onClick,
+    disabled: disabled
   }, children) : React__default.createElement("div", {
-    className: classnames(styles$q['card__body'], (_classnames2 = {}, _classnames2[styles$q['card__body--focus']] = isSelected, _classnames2[styles$q['card__body--with-kebab']] = actions, _classnames2)),
+    className: classnames(styles$q['card__body'], (_classnames2 = {}, _classnames2[styles$q['card__body--disabled']] = disabled, _classnames2[styles$q['card__body--focus']] = isSelected, _classnames2[styles$q['card__body--with-kebab']] = actions, _classnames2)),
     "data-testid": testId
   }, children), actions && React__default.createElement("div", {
-    className: classnames(styles$q['card__kebab'])
+    className: classnames(styles$q['card__kebab'], (_classnames3 = {}, _classnames3[styles$q['card__kebab--disabled']] = disabled, _classnames3))
   }, React__default.createElement(KebabMenu, {
     actions: actions
   })));