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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/actions/Button/Button.d.ts +12 -1
  2. package/dist/actions/PaginationControls/PaginationControls.d.ts +5 -0
  3. package/dist/core/SousChefProvider/context/ProviderConfigContext.d.ts +0 -1
  4. package/dist/feedback/InlineBanner/InlineBanner.d.ts +7 -0
  5. package/dist/feedback/MicroBanner/MicroBanner.d.ts +7 -1
  6. package/dist/forms/PhoneField/usePhoneField.d.ts +0 -1
  7. package/dist/forms/SelectField/useSelectField.d.ts +0 -1
  8. package/dist/forms/TextField/useTextField.d.ts +0 -1
  9. package/dist/forms/hooks/useDateFieldControllers.d.ts +0 -1
  10. package/dist/forms/hooks/useMultiSelectFieldControllers.d.ts +0 -1
  11. package/dist/forms/hooks/usePhoneFieldControllers.d.ts +0 -1
  12. package/dist/forms/hooks/useRangeFieldControllers.d.ts +0 -1
  13. package/dist/forms/hooks/useSelectFieldControllers.d.ts +0 -1
  14. package/dist/foundation/tokens/color/color-constants.d.ts +3 -0
  15. package/dist/foundation/tokens/color/color-types.d.ts +1 -1
  16. package/dist/foundation/types.d.ts +40 -10
  17. package/dist/hooks/usePositionStyles.d.ts +0 -1
  18. package/dist/i18n/TranslationsContext.d.ts +0 -1
  19. package/dist/index.css +67 -128
  20. package/dist/index.css.map +1 -1
  21. package/dist/index.js +10 -11
  22. package/dist/index.js.map +1 -1
  23. package/dist/index.modern.js +10 -11
  24. package/dist/index.modern.js.map +1 -1
  25. package/dist/lists/DataTable/DataTableContext.d.ts +0 -1
  26. package/dist/lists/hooks/useDataTableScrollState.d.ts +0 -1
  27. package/dist/overlay/KebabMenu/types.d.ts +0 -1
  28. package/dist/overlay/Tooltip/Tooltip.d.ts +3 -0
  29. package/dist/overlay/hooks/useListKeyboardNavigation/types.d.ts +0 -1
  30. package/dist/utils/elements.d.ts +0 -1
  31. package/dist/utils/types.d.ts +0 -1
  32. package/package.json +15 -18
package/dist/index.js CHANGED
@@ -216,6 +216,9 @@ var COLORS = {
216
216
  'warning-on-container-variant': 'var(--color-warning-on-container-variant)',
217
217
  'shadow-overlay': 'var(--color-shadow-overlay)',
218
218
  'shadow-active': 'var(--color-shadow-active)',
219
+ 'hover-inverse': 'var(--color-hover-inverse)',
220
+ 'hover-lighten': 'var(--color-hover-lighten)',
221
+ 'hover-darken': 'var(--color-hover-darken)',
219
222
  'brand-neutrals-caviar-dynamic': 'var(--color-brand-neutrals-caviar-dynamic)',
220
223
  'brand-neutrals-chefscoat-dynamic': 'var(--color-brand-neutrals-chefscoat-dynamic)'
221
224
  };
@@ -10453,7 +10456,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
10453
10456
  width: asToolbarFilter ? 'fit-content' : undefined,
10454
10457
  margin: 0,
10455
10458
  ':hover': asToolbarFilter ? {
10456
- backgroundColor: 'color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%)'
10459
+ backgroundColor: "linear-gradient(0deg, var(--color-hover-darken) 0%, var(--color-hover-darken) 100%), " + COLORS['surface-color'] + ";"
10457
10460
  } : 'none'
10458
10461
  });
10459
10462
  },
@@ -11024,7 +11027,7 @@ var DateFilter = function DateFilter(_ref) {
11024
11027
  }));
11025
11028
  };
11026
11029
 
11027
- var styles$o = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb","segmented-control__divider":"_GEqG9"};
11030
+ var styles$o = {"segmented-control":"_RezMY","segmented-control__button":"_lehFG","segmented-control__button--selected":"_Fr5kb"};
11028
11031
 
11029
11032
  var SegmentedControl = function SegmentedControl(_ref) {
11030
11033
  var options = _ref.options,
@@ -11034,13 +11037,10 @@ var SegmentedControl = function SegmentedControl(_ref) {
11034
11037
  var isSelected = function isSelected(option) {
11035
11038
  return option === value;
11036
11039
  };
11037
- var isLastElement = function isLastElement(index) {
11038
- return index === options.length - 1;
11039
- };
11040
11040
  return React__default["default"].createElement("div", {
11041
11041
  className: styles$o['segmented-control'],
11042
11042
  "data-testid": testId
11043
- }, options.map(function (option, i) {
11043
+ }, options.map(function (option) {
11044
11044
  var _classnames;
11045
11045
  return React__default["default"].createElement(React__default["default"].Fragment, {
11046
11046
  key: option
@@ -11049,9 +11049,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
11049
11049
  return onChange(option);
11050
11050
  },
11051
11051
  className: classnames__default["default"](styles$o['segmented-control__button'], (_classnames = {}, _classnames[styles$o['segmented-control__button--selected']] = isSelected(option), _classnames))
11052
- }, option), !isLastElement(i) && React__default["default"].createElement("div", {
11053
- className: classnames__default["default"](styles$o['segmented-control__divider'])
11054
- }));
11052
+ }, option));
11055
11053
  }));
11056
11054
  };
11057
11055
 
@@ -13164,7 +13162,7 @@ var TimeRangeField = function TimeRangeField(_ref) {
13164
13162
  })));
13165
13163
  };
13166
13164
 
13167
- var styles$9 = {"currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
13165
+ var styles$9 = {"currency-field":"_GyYnE","currency-field__mask-display":"_ddacu","currency-field__mask-display--disabled":"_o1-zA"};
13168
13166
 
13169
13167
  var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
13170
13168
  var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
@@ -13233,7 +13231,8 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
13233
13231
  onFocus: function onFocus(e) {
13234
13232
  setShowMask(false);
13235
13233
  inputProps.onFocus(e);
13236
- }
13234
+ },
13235
+ className: classnames__default["default"](inputProps.className, styles$9['currency-field'])
13237
13236
  }))), showMask && !!inputProps.value && React__default["default"].createElement("div", {
13238
13237
  className: classnames__default["default"](styles$9['currency-field__mask-display'], (_classnames = {}, _classnames[styles$9['currency-field__mask-display--disabled']] = inputProps.disabled, _classnames)),
13239
13238
  style: {