@7shifts/sous-chef 3.86.2 → 3.86.3

package/dist/index.js

@@ -6943,7 +6943,7 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var styles$18 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
+var styles$18 = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
 
 var AffixContainer = function AffixContainer(_ref) {
   var _classnames;
@@ -7007,7 +7007,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   return React__default["default"].createElement(AffixContainer, {
     prefix: prefix ? prefix : React__default["default"].createElement(IconClock, {
       size: "medium",
-      color: "surface-on-color-subtle"
+      color: "currentColor"
     }),
     suffix: duration
   }, React__default["default"].createElement("input", _extends({}, inputProps, {
@@ -10433,7 +10433,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     placeholder: function placeholder(base, state) {
       return _extends({}, base, {
-        color: state.isDisabled && asToolbarFilter ? COLORS['surface-on-color-disabled'] : COLORS['surface-on-color-subtle'],
+        color: state.isDisabled ? COLORS['surface-on-container-disabled'] : COLORS['surface-on-color-subtle'],
         marginRight: 0,
         position: 'static',
         transform: 'initial',
@@ -10462,7 +10462,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     singleValue: function singleValue(base, state) {
       return Object.assign({}, base, {
-        color: state.isDisabled ? COLORS['surface-on-color-disabled'] : null,
+        color: state.isDisabled ? COLORS['surface-on-container-disabled'] : null,
         marginRight: 0,
         position: asToolbarFilter ? 'static' : 'absolute',
         transform: 'initial',
@@ -10474,7 +10474,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     dropdownIndicator: function dropdownIndicator(base, state) {
       return Object.assign({}, base, {
-        color: state.isDisabled ? COLORS['surface-on-color-disabled'] : COLORS['surface-on-color-subtle'],
+        color: state.isDisabled ? COLORS['surface-on-container-disabled'] : COLORS['surface-on-color-subtle'],
         padding: '8px',
         ':hover': 'none'
       });
@@ -10494,15 +10494,15 @@ var getSelectStyles = function getSelectStyles(_ref) {
         fontFamily: FONT_FAMILY
       });
     },
-    multiValue: function multiValue(base) {
+    multiValue: function multiValue(base, state) {
       return Object.assign({}, base, {
         backgroundColor: COLORS['surface-container-high'],
-        color: COLORS['surface-on-color-subtle']
+        color: state.isDisabled ? COLORS['surface-on-container-disabled'] : COLORS['surface-on-color-subtle']
       });
     },
-    multiValueLabel: function multiValueLabel(base) {
+    multiValueLabel: function multiValueLabel(base, state) {
       return Object.assign({}, base, {
-        color: COLORS['surface-on-color-subtle']
+        color: state.isDisabled ? COLORS['surface-on-container-disabled'] : COLORS['surface-on-color-subtle']
       });
     },
     multiValueRemove: function multiValueRemove(base) {
@@ -11912,9 +11912,9 @@ var PasswordField = function PasswordField(_ref) {
     tabIndex: 0,
     role: "button"
   }, type === 'password' ? React__default["default"].createElement(IconEyeSlash, {
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }) : React__default["default"].createElement(IconEye, {
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }))));
 };
 
@@ -12623,7 +12623,7 @@ var DateRangeField = function DateRangeField(_ref) {
     "data-testid": testId
   }, React__default["default"].createElement(IconCalendarAlt, {
     size: "medium",
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }), React__default["default"].createElement(FromDate, {
     name: name,
     id: controllers.id,
@@ -14261,7 +14261,7 @@ var CountrySelector = function CountrySelector(_ref) {
     }, React__default["default"].createElement("span", {
       className: classnames__default["default"](flagIcons['fi'], flagIcons["fi-" + country.toLocaleLowerCase()], styles$7['country-selector__trigger-flag'])
     }), React__default["default"].createElement(IconChevronDown, {
-      color: "surface-on-color-subtle",
+      color: "currentColor",
       size: "medium"
     }))),
     maxHeight: 300,