@7shifts/sous-chef 3.44.16 → 3.45.0

package/dist/index.modern.js

@@ -5998,18 +5998,28 @@ var useModalContext = function useModalContext() {
   return context || {};
 };
 
+var AccordionContext = createContext({
+  isAccordionMounted: false
+});
+var useAccordionContext = function useAccordionContext() {
+  var context = useContext(AccordionContext);
+  return context || {};
+};
+
 var useBackgroundColor = function useBackgroundColor() {
   var _useModalContext = useModalContext(),
     isInsideModal = _useModalContext.isModalMounted;
+  var _useAccordionContext = useAccordionContext(),
+    isInsideAccordion = _useAccordionContext.isAccordionMounted;
   var _useState = useState(COLORS.white),
     backgroundColor = _useState[0],
     setBackgroundColor = _useState[1];
   useLayoutEffect(function () {
-    if (!isInsideModal) {
+    if (!isInsideModal && !isInsideAccordion) {
       var bodyStyles = window.getComputedStyle(document.body);
       setBackgroundColor(bodyStyles.getPropertyValue('background-color'));
     }
-  }, [isInsideModal]);
+  }, [isInsideModal, isInsideAccordion]);
   return backgroundColor;
 };
 
@@ -7118,7 +7128,7 @@ var ALIGNMENTS = {
 
 var styles$p = {"text":"_32amZ","text__body":"_ayJRy","text__caption":"_3g1gi","text__insight":"_20Phg","text--bold":"_A0AyZ","text--italic":"_3jayQ","text--underline":"_GOcFw","text--monospace":"_3TfGK","text--align-left":"_b8gto","text--align-right":"_ecyH1","text--align-center":"_xBgXc","text--align-justify":"_280D5"};
 
-var _excluded$2v = ["children", "as", "emphasis", "alignment", "color", "testId"];
+var _excluded$2v = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var Text = function Text(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -7128,11 +7138,13 @@ var Text = function Text(_ref) {
     alignment = _ref.alignment,
     color = _ref.color,
     testId = _ref.testId,
+    textWrap = _ref.textWrap,
     positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
     style: _extends({
-      color: getColor(color)
+      color: getColor(color),
+      textWrap: textWrap
     }, positionStyles),
     className: classnames(styles$p['text'], (_classnames = {}, _classnames[styles$p['text--bold']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$p['text--italic']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$p['text--underline']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$p['text--monospace']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$p['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$p['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$p['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$p['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$p['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$p['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$p['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames)),
     'data-testid': testId
@@ -7199,15 +7211,20 @@ var DropdownListItem = function DropdownListItem(_ref) {
   };
   var childrenContainer = React__default.createElement("div", {
     className: styles$o['dropdown-list-item__container']
-  }, prefix, React__default.createElement("div", {
+  }, prefix && React__default.createElement("div", {
+    className: styles$o['dropdown-list-item__prefix']
+  }, prefix), React__default.createElement("div", {
     className: styles$o['dropdown-list-item__content']
   }, React__default.createElement(Stack, {
     space: 4,
     flex: [1]
   }, children, caption && React__default.createElement(Text, {
     as: "caption",
-    color: getCaptionColor()
-  }, caption))), suffix);
+    color: getCaptionColor(),
+    textWrap: "wrap"
+  }, caption))), suffix && React__default.createElement("div", {
+    className: styles$o['dropdown-list-item__suffix']
+  }, suffix));
   var linkItem = href && (reloadDocument ? React__default.createElement("a", {
     href: href,
     className: styles$o['dropdown-list-item__link'],
@@ -9099,7 +9116,11 @@ var Accordion = function Accordion(props) {
   if (items.length < 1) {
     return null;
   }
-  return React__default.createElement("div", {
+  return React__default.createElement(AccordionContext.Provider, {
+    value: {
+      isAccordionMounted: true
+    }
+  }, React__default.createElement("div", {
     className: styles$Q['accordion']
   }, items.map(function (item, index) {
     var id = item.id || index.toString();
@@ -9111,7 +9132,7 @@ var Accordion = function Accordion(props) {
       isOpen: id == activeId,
       handleAccordionItemOpen: handleAccordionItemOpen
     });
-  }));
+  })));
 };
 
 var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
@@ -9244,8 +9265,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
         flex: '1',
         fontFamily: FONT_FAMILY,
         minWidth: '110px',
-        position: 'initial',
-        borderRadius: '4px'
+        position: 'initial'
       });
     },
     control: function control(base, state) {
@@ -9253,6 +9273,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
         backgroundColor: state.isDisabled ? COLORS['grey-100'] : COLORS['white'],
         borderColor: state.isFocused ? COLORS['eggplant-400'] : borderColor,
         color: state.isDisabled ? COLORS['grey-400'] : COLORS['grey-500'],
+        borderRadius: 'var(--border-radius-400)',
         boxShadow: state.isFocused ? "0 0 8px " + COLORS['eggplant-300'] : 'none',
         '&:hover': 'none',
         fontSize: '14px',
@@ -9350,6 +9371,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     menu: function menu(base) {
       return _extends({}, base, {
+        borderRadius: 0,
         zIndex: getZIndex('dropdown')
       });
     },
@@ -10591,18 +10613,6 @@ var PasswordField = function PasswordField(_ref) {
   }))));
 };
 
-var useShouldScrollMenuIntoView = function useShouldScrollMenuIntoView(menuShouldScrollIntoView) {
-  var _useModalContext = useModalContext(),
-    isModalMounted = _useModalContext.isModalMounted;
-  if (menuShouldScrollIntoView !== undefined) {
-    return menuShouldScrollIntoView;
-  }
-  if (isModalMounted) {
-    return false;
-  }
-  return true;
-};
-
 var MultiSelectField = function MultiSelectField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -10620,13 +10630,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
     disabled = _ref.disabled,
     _ref$closeOnSelect = _ref.closeOnSelect,
     closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect,
-    menuShouldScrollIntoViewProp = _ref.menuShouldScrollIntoView,
+    _ref$menuShouldScroll = _ref.menuShouldScrollIntoView,
+    menuShouldScrollIntoView = _ref$menuShouldScroll === void 0 ? false : _ref$menuShouldScroll,
     testId = _ref.testId,
     _ref$isSearchable = _ref.isSearchable,
     isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
     creatableButton = _ref.creatableButton,
     onCreate = _ref.onCreate;
-  var menuShouldScrollIntoView = useShouldScrollMenuIntoView(menuShouldScrollIntoViewProp);
   var _useState = useState(false),
     isMenuInputFocus = _useState[0],
     setIsMenuInputFocus = _useState[1];