@7shifts/sous-chef 3.86.2 → 3.86.3

package/dist/index.modern.js

@@ -7103,7 +7103,7 @@ const 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"};
 
 const AffixContainer = ({
   prefix,
@@ -7171,7 +7171,7 @@ const TimeFieldInput = ({
   return React__default.createElement(AffixContainer, {
     prefix: prefix ? prefix : React__default.createElement(IconClock, {
       size: "medium",
-      color: "surface-on-color-subtle"
+      color: "currentColor"
     }),
     suffix: duration
   }, React__default.createElement("input", _extends({}, inputProps, {
@@ -10650,7 +10650,7 @@ const getSelectStyles = ({
       display: 'none'
     }),
     placeholder: (base, state) => _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',
@@ -10674,7 +10674,7 @@ const getSelectStyles = ({
     }),
     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',
@@ -10686,7 +10686,7 @@ const getSelectStyles = ({
     },
     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'
       });
@@ -10706,15 +10706,15 @@ const getSelectStyles = ({
         fontFamily: FONT_FAMILY
       });
     },
-    multiValue: base => {
+    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: base => {
+    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: base => {
@@ -12091,9 +12091,9 @@ const PasswordField = ({
     tabIndex: 0,
     role: "button"
   }, type === 'password' ? React__default.createElement(IconEyeSlash, {
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }) : React__default.createElement(IconEye, {
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }))));
 };
 
@@ -12755,7 +12755,7 @@ const DateRangeField = ({
     "data-testid": testId
   }, React__default.createElement(IconCalendarAlt, {
     size: "medium",
-    color: "surface-on-color-subtle"
+    color: "currentColor"
   }), React__default.createElement(FromDate, {
     name: name,
     id: controllers.id,
@@ -14360,7 +14360,7 @@ const CountrySelector = ({
     }, React__default.createElement("span", {
       className: classnames(flagIcons['fi'], flagIcons[`fi-${country.toLocaleLowerCase()}`], styles$7['country-selector__trigger-flag'])
     }), React__default.createElement(IconChevronDown, {
-      color: "surface-on-color-subtle",
+      color: "currentColor",
       size: "medium"
     }))),
     maxHeight: 300,