@7shifts/sous-chef 3.87.0-beta.0 → 3.87.0-beta.2

package/dist/index.js

@@ -123,6 +123,7 @@ var COLORS = {
   'neutral-on-container-variant': 'var(--color-neutral-on-container-variant)',
   'neutral-black-transparent-05': 'var(--color-neutral-black-transparent-05)',
   'neutral-black-transparent-10': 'var(--color-neutral-black-transparent-10)',
+  'neutral-black-transparent-15': 'var(--color-neutral-black-transparent-15)',
   'neutral-black-transparent-20': 'var(--color-neutral-black-transparent-20)',
   'neutral-black-transparent-30': 'var(--color-neutral-black-transparent-30)',
   'neutral-black-transparent-40': 'var(--color-neutral-black-transparent-40)',
@@ -133,6 +134,7 @@ var COLORS = {
   'neutral-black-transparent-90': 'var(--color-neutral-black-transparent-90)',
   'neutral-white-transparent-05': 'var(--color-neutral-white-transparent-05)',
   'neutral-white-transparent-10': 'var(--color-neutral-white-transparent-10)',
+  'neutral-white-transparent-15': 'var(--color-neutral-white-transparent-15)',
   'neutral-white-transparent-20': 'var(--color-neutral-white-transparent-20)',
   'neutral-white-transparent-30': 'var(--color-neutral-white-transparent-30)',
   'neutral-white-transparent-40': 'var(--color-neutral-white-transparent-40)',
@@ -214,6 +216,9 @@ var 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)'
 };
@@ -10451,7 +10456,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
         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'
       });
     },
@@ -11022,7 +11027,7 @@ var DateFilter = function DateFilter(_ref) {
   }));
 };
 
-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"};
 
 var SegmentedControl = function SegmentedControl(_ref) {
   var options = _ref.options,
@@ -11032,13 +11037,10 @@ var SegmentedControl = function SegmentedControl(_ref) {
   var isSelected = function isSelected(option) {
     return option === value;
   };
-  var isLastElement = function isLastElement(index) {
-    return index === options.length - 1;
-  };
   return React__default["default"].createElement("div", {
     className: styles$o['segmented-control'],
     "data-testid": testId
-  }, options.map(function (option, i) {
+  }, options.map(function (option) {
     var _classnames;
     return React__default["default"].createElement(React__default["default"].Fragment, {
       key: option
@@ -11047,9 +11049,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
         return onChange(option);
       },
       className: classnames__default["default"](styles$o['segmented-control__button'], (_classnames = {}, _classnames[styles$o['segmented-control__button--selected']] = isSelected(option), _classnames))
-    }, option), !isLastElement(i) && React__default["default"].createElement("div", {
-      className: classnames__default["default"](styles$o['segmented-control__divider'])
-    }));
+    }, option));
   }));
 };