@sanity/ui 0.37.15 → 0.37.16

package/lib/sanity-ui.modern.mjs

@@ -3668,6 +3668,7 @@ function textInputRootStyle() {
 function textInputBaseStyle(props) {
   const {
     theme,
+    $scheme,
     $tone,
     $weight
   } = props;
@@ -3709,7 +3710,7 @@ function textInputBaseStyle(props) {
       color: var(--input-placeholder-color);
     }
 
-    &[data-tone='${0}'] {
+    &[data-scheme='${0}'][data-tone='${0}'] {
       --input-fg-color: ${0};
       --input-placeholder-color: ${0};
 
@@ -3737,7 +3738,7 @@ function textInputBaseStyle(props) {
         --input-placeholder-color: ${0};
       }
     }
-  `), font.family, $weight && font.weights[$weight] || font.weights.regular, $tone, color.default.enabled.fg, color.default.enabled.placeholder, color.default.enabled.fg, color.default.enabled.placeholder, color.default.disabled.fg, color.default.disabled.placeholder, color.invalid.enabled.fg, color.invalid.enabled.placeholder, color.default.readOnly.fg, color.default.readOnly.placeholder);
+  `), font.family, $weight && font.weights[$weight] || font.weights.regular, $scheme, $tone, color.default.enabled.fg, color.default.enabled.placeholder, color.default.enabled.fg, color.default.enabled.placeholder, color.default.disabled.fg, color.default.disabled.placeholder, color.invalid.enabled.fg, color.invalid.enabled.placeholder, color.default.readOnly.fg, color.default.readOnly.placeholder);
 }
 function textInputFontSizeStyle(props) {
   const {
@@ -3760,6 +3761,7 @@ function textInputRepresentationStyle(props) {
     $border,
     $hasPrefix,
     $hasSuffix,
+    $scheme,
     $tone,
     theme
   } = props;
@@ -3788,7 +3790,7 @@ function textInputRepresentationStyle(props) {
     border-top-right-radius: ${0};
     border-bottom-right-radius: ${0};
 
-    &[data-tone='${0}'] {
+    &[data-scheme='${0}'][data-tone='${0}'] {
       --card-bg-color: ${0};
       --card-fg-color: ${0};
 
@@ -3834,7 +3836,7 @@ function textInputRepresentationStyle(props) {
         }
       }
     }
-  `), $hasPrefix ? 0 : undefined, $hasPrefix ? 0 : undefined, $hasSuffix ? 0 : undefined, $hasSuffix ? 0 : undefined, $tone, color.default.enabled.bg, color.default.enabled.fg, $border ? focusRingBorderStyle({
+  `), $hasPrefix ? 0 : undefined, $hasPrefix ? 0 : undefined, $hasSuffix ? 0 : undefined, $hasSuffix ? 0 : undefined, $scheme, $tone, color.default.enabled.bg, color.default.enabled.fg, $border ? focusRingBorderStyle({
     color: color.default.enabled.border,
     width: input.border.width
   }) : undefined, color.invalid.enabled.bg, color.invalid.enabled.fg, $border ? focusRingBorderStyle({
@@ -7526,6 +7528,7 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(props, forwardedRef)
   }, restProps, {
     "$fontSize": useArrayProp(fontSize),
     "$padding": useArrayProp(padding),
+    "$scheme": rootTheme.scheme,
     "$space": useArrayProp(0),
     "$tone": rootTheme.tone,
     "$weight": weight,
@@ -7534,6 +7537,7 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(props, forwardedRef)
   })), /*#__PURE__*/React.createElement(Presentation$1, {
     "$border": border,
     "$radius": useArrayProp(radius),
+    "$scheme": rootTheme.scheme,
     "$tone": rootTheme.tone,
     "data-tone": rootTheme.tone
   })));
@@ -7667,7 +7671,9 @@ const TextInput = /*#__PURE__*/forwardRef(function TextInput(props, forwardedRef
     "$hasPrefix": $hasPrefix,
     "$hasSuffix": $hasSuffix,
     "$radius": radius,
+    "$scheme": rootTheme.scheme,
     "$tone": rootTheme.tone,
+    "data-scheme": rootTheme.scheme,
     "data-tone": rootTheme.tone
   }, icon && /*#__PURE__*/React.createElement(LeftBox, {
     padding: padding
@@ -7677,7 +7683,7 @@ const TextInput = /*#__PURE__*/forwardRef(function TextInput(props, forwardedRef
     padding: padding
   }, /*#__PURE__*/React.createElement(Text, {
     size: fontSize
-  }, /*#__PURE__*/isValidElement(iconRight) && iconRight, isValidElementType(iconRight) && /*#__PURE__*/createElement(iconRight)))), [border, fontSize, icon, iconRight, padding, radius, rootTheme.tone, $hasClearButton, $hasPrefix, $hasSuffix]); // Render clear button (memoized)
+  }, /*#__PURE__*/isValidElement(iconRight) && iconRight, isValidElementType(iconRight) && /*#__PURE__*/createElement(iconRight)))), [border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix]); // Render clear button (memoized)
 
   const clearButtonBoxPadding = useMemo(() => padding.map(v => {
     if (v === 0) return 0;
@@ -7722,12 +7728,14 @@ const TextInput = /*#__PURE__*/forwardRef(function TextInput(props, forwardedRef
     tone: rootTheme.tone
   }, prefixNode, /*#__PURE__*/React.createElement(InputRoot, null, /*#__PURE__*/React.createElement(Input, _extends({
     "data-as": "input",
+    "data-scheme": rootTheme.scheme,
     "data-tone": rootTheme.tone
   }, restProps, {
     "$fontSize": fontSize,
     "$iconLeft": $hasIcon,
     "$iconRight": $hasIconRight || $hasClearButton,
     "$padding": padding,
+    "$scheme": rootTheme.scheme,
     "$space": space,
     "$tone": rootTheme.tone,
     "$weight": weight,