@7shifts/sous-chef 3.45.1 → 3.45.3

package/dist/index.modern.js

@@ -6006,20 +6006,30 @@ var useAccordionContext = function useAccordionContext() {
   return context || {};
 };
 
+var CardContext = createContext({
+  isCardMounted: false
+});
+var useCardContext = function useCardContext() {
+  var context = useContext(CardContext);
+  return context || {};
+};
+
 var useBackgroundColor = function useBackgroundColor() {
   var _useModalContext = useModalContext(),
     isInsideModal = _useModalContext.isModalMounted;
   var _useAccordionContext = useAccordionContext(),
     isInsideAccordion = _useAccordionContext.isAccordionMounted;
+  var _useCardContext = useCardContext(),
+    isInsideCard = _useCardContext.isCardMounted;
   var _useState = useState(COLORS.white),
     backgroundColor = _useState[0],
     setBackgroundColor = _useState[1];
   useLayoutEffect(function () {
-    if (!isInsideModal && !isInsideAccordion) {
+    if (!isInsideModal && !isInsideAccordion && !isInsideCard) {
       var bodyStyles = window.getComputedStyle(document.body);
       setBackgroundColor(bodyStyles.getPropertyValue('background-color'));
     }
-  }, [isInsideModal, isInsideAccordion]);
+  }, [isInsideModal, isInsideAccordion, isInsideCard]);
   return backgroundColor;
 };
 
@@ -7202,7 +7212,7 @@ var DropdownListItem = function DropdownListItem(_ref) {
   };
   var getCaptionColor = function getCaptionColor() {
     if (selected) {
-      return 'eggplant-500';
+      return 'blackberry-500';
     }
     if (disabled) {
       return 'grey-400';
@@ -7368,7 +7378,11 @@ var Card$1 = function Card(_ref) {
   var positionStyles = usePositionStyles(positionProps);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
-  return React__default.createElement("div", _extends({
+  return React__default.createElement(CardContext.Provider, {
+    value: {
+      isCardMounted: true
+    }
+  }, React__default.createElement("div", _extends({
     className: classnames(styles$q['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default.createElement("button", {
@@ -7393,7 +7407,7 @@ var Card$1 = function Card(_ref) {
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose
-  }, React__default.createElement(IconTimes, null))));
+  }, React__default.createElement(IconTimes, null)))));
 };
 
 var styles$r = {"callout-card__close":"_cQT44","callout-card__header":"_rSzMg"};
@@ -9340,8 +9354,8 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     option: function option(base, state) {
       return Object.assign({}, base, {
-        backgroundColor: state.isDisabled ? null : state.isSelected ? COLORS['eggplant-200'] : state.isFocused ? COLORS['grey-100'] : COLORS['white'],
-        color: state.isDisabled ? COLORS['grey-400'] : state.isSelected ? COLORS['eggplant-600'] : COLORS['grey-500'],
+        backgroundColor: state.isDisabled ? null : state.isSelected ? COLORS['blackberry-200'] : state.isFocused ? COLORS['grey-100'] : COLORS['white'],
+        color: state.isDisabled ? COLORS['grey-400'] : state.isSelected ? COLORS['blackberry-600'] : COLORS['grey-500'],
         cursor: 'pointer',
         fontFamily: FONT_FAMILY,
         fontSize: '14px',
@@ -13181,7 +13195,8 @@ var Paywall = function Paywall(props) {
   if (as === 'card') {
     var _classnames;
     return React__default.createElement(Card$1, {
-      onClose: onClose
+      onClose: onClose,
+      actions: onClose ? [] : undefined
     }, React__default.createElement("div", {
       className: classnames(styles$1i['paywall--as-card'], (_classnames = {}, _classnames[styles$1i['paywall--as-card--centered']] = size === 'small', _classnames))
     }, emptyStateContainer));
@@ -13215,7 +13230,8 @@ var EmptyState = function EmptyState(props) {
   if (as === 'card') {
     var _classnames;
     return React__default.createElement(Card$1, {
-      onClose: onClose
+      onClose: onClose,
+      actions: onClose ? [] : undefined
     }, React__default.createElement("div", {
       className: classnames(styles$1j['empty-state--as-card'], (_classnames = {}, _classnames[styles$1j['empty-state--as-card--centered']] = size === 'small', _classnames))
     }, emptyStateContainer));