@7shifts/sous-chef 3.87.0-beta.1 → 3.87.0

package/dist/index.modern.js

@@ -184,6 +184,9 @@ const COLORS = {
   'warning-on-container-variant': 'var(--color-warning-on-container-variant)',
   'shadow-overlay': 'var(--color-shadow-overlay)',
   'shadow-active': 'var(--color-shadow-active)',
+  'hover-inverse': 'var(--color-hover-inverse)',
+  'hover-lighten': 'var(--color-hover-lighten)',
+  'hover-darken': 'var(--color-hover-darken)',
   'brand-neutrals-caviar-dynamic': 'var(--color-brand-neutrals-caviar-dynamic)',
   'brand-neutrals-chefscoat-dynamic': 'var(--color-brand-neutrals-chefscoat-dynamic)'
 };
@@ -10673,7 +10676,7 @@ const getSelectStyles = ({
         width: _asToolbarFilter ? 'fit-content' : undefined,
         margin: 0,
         ':hover': _asToolbarFilter ? {
-          backgroundColor: 'color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%)'
+          backgroundColor: `linear-gradient(0deg, var(--color-hover-darken) 0%, var(--color-hover-darken) 100%), ${COLORS['surface-color']};`
         } : 'none'
       });
     },
@@ -11218,7 +11221,7 @@ const DateFilter = ({
   }));
 };
 
-var styles$o = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb","segmented-control__divider":"_GEqG9"};
+var styles$o = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb"};
 
 const SegmentedControl = ({
   options,
@@ -11229,22 +11232,17 @@ const SegmentedControl = ({
   const isSelected = option => {
     return option === value;
   };
-  const isLastElement = index => {
-    return index === options.length - 1;
-  };
   return React__default.createElement("div", {
     className: styles$o['segmented-control'],
     "data-testid": testId
-  }, options.map((option, i) => React__default.createElement(React__default.Fragment, {
+  }, options.map(option => React__default.createElement(React__default.Fragment, {
     key: option
   }, React__default.createElement("button", {
     onClick: () => onChange(option),
     className: classnames(styles$o['segmented-control__button'], {
       [styles$o['segmented-control__button--selected']]: isSelected(option)
     })
-  }, option), !isLastElement(i) && React__default.createElement("div", {
-    className: classnames(styles$o['segmented-control__divider'])
-  }))));
+  }, option))));
 };
 
 var styles$n = {"form--standard-size":"_8-Ykj"};
@@ -13254,7 +13252,7 @@ const TimeRangeField = ({
   })));
 };
 
-var styles$9 = {"currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
+var styles$9 = {"currency-field":"_GyYnE","currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
 
 const CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 const CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
@@ -13319,7 +13317,8 @@ const CurrencyFieldElement = (_ref, forwardedRef) => {
     onFocus: e => {
       setShowMask(false);
       inputProps.onFocus(e);
-    }
+    },
+    className: classnames(inputProps.className, styles$9['currency-field'])
   }))), showMask && !!inputProps.value && React__default.createElement("div", {
     className: classnames(styles$9['currency-field__mask-display'], {
       [styles$9['currency-field__mask-display--disabled']]: inputProps.disabled