@sanity/ui 0.37.16 → 0.37.19

package/lib/dts/src/primitives/textArea/textArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textArea.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/textArea/textArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,OAAO,EAAC,kBAAkB,EAAe,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,UAAU,CAAA;AAE9C;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B;AAsBD;;GAEG;AACH,eAAO,MAAM,QAAQ,i4LA+CnB,CAAA"}
+{"version":3,"file":"textArea.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/textArea/textArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,OAAO,EAAC,kBAAkB,EAAe,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,UAAU,CAAA;AAE9C;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,qBAAqB;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B;AAsBD;;GAEG;AACH,eAAO,MAAM,QAAQ,i4LAiDnB,CAAA"}

package/lib/dts/src/theme/studioTheme/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/theme/studioTheme/color.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,KAAK,0CA4mBhB,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/theme/studioTheme/color.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,KAAK,0CA6mBhB,CAAA"}

package/lib/sanity-ui.js

@@ -1984,18 +1984,20 @@ var color = createColorTheme({
         name = _ref.name;
 
     if (name === 'default') {
-      var _skeletonFrom = dark ? color$1.hues.gray[900].hex : color$1.hues.gray[100].hex;
+      var _tints = color$1.hues.gray;
+
+      var _skeletonFrom = dark ? _tints[900].hex : _tints[100].hex;
 
       return {
         fg: dark ? color$1.white.hex : color$1.black.hex,
         bg: dark ? color$1.black.hex : color$1.white.hex,
-        border: color$1.hues.gray[dark ? 800 : 200].hex,
+        border: _tints[dark ? 800 : 200].hex,
         focusRing: color$1.hues.blue[dark ? 500 : 500].hex,
         shadow: {
-          outline: rgba(color$1.hues.gray[500].hex, 0.4),
-          umbra: rgba(dark ? color$1.black.hex : color$1.hues.gray[500].hex, 0.2),
-          penumbra: rgba(dark ? color$1.black.hex : color$1.hues.gray[500].hex, 0.14),
-          ambient: rgba(dark ? color$1.black.hex : color$1.hues.gray[500].hex, 0.12)
+          outline: rgba(_tints[500].hex, 0.4),
+          umbra: dark ? rgba(_tints[950].hex, 0.4) : rgba(_tints[500].hex, 0.2),
+          penumbra: dark ? rgba(_tints[950].hex, 0.28) : rgba(_tints[500].hex, 0.14),
+          ambient: dark ? rgba(_tints[950].hex, 0.24) : rgba(_tints[500].hex, 0.12)
         },
         skeleton: {
           from: _skeletonFrom,
@@ -2005,18 +2007,18 @@ var color = createColorTheme({
     }
 
     if (name === 'transparent') {
-      var _tints = tones["default"];
-      var _skeletonFrom2 = _tints[dark ? 800 : 200].hex;
+      var _tints2 = tones["default"];
+      var _skeletonFrom2 = _tints2[dark ? 800 : 200].hex;
       return {
-        fg: _tints[dark ? 100 : 900].hex,
-        bg: _tints[dark ? 950 : 50].hex,
-        border: _tints[dark ? 800 : 300].hex,
+        fg: _tints2[dark ? 100 : 900].hex,
+        bg: _tints2[dark ? 950 : 50].hex,
+        border: _tints2[dark ? 800 : 300].hex,
         focusRing: color$1.hues.blue[500].hex,
         shadow: {
-          outline: rgba(_tints[500].hex, dark ? 0.2 : 0.4),
-          umbra: rgba(dark ? color$1.black.hex : _tints[500].hex, 0.2),
-          penumbra: rgba(dark ? color$1.black.hex : _tints[500].hex, 0.14),
-          ambient: rgba(dark ? color$1.black.hex : _tints[500].hex, 0.12)
+          outline: rgba(_tints2[500].hex, 0.4),
+          umbra: dark ? rgba(_tints2[900].hex, 0.4) : rgba(_tints2[500].hex, 0.2),
+          penumbra: dark ? rgba(_tints2[900].hex, 0.28) : rgba(_tints2[500].hex, 0.14),
+          ambient: dark ? rgba(_tints2[900].hex, 0.24) : rgba(_tints2[500].hex, 0.12)
         },
         skeleton: {
           from: _skeletonFrom2,
@@ -2033,10 +2035,10 @@ var color = createColorTheme({
       border: tints[dark ? 800 : 200].hex,
       focusRing: tints[500].hex,
       shadow: {
-        outline: rgba(tints[500].hex, dark ? 0.2 : 0.4),
-        umbra: rgba(dark ? color$1.black.hex : tints[500].hex, 0.2),
-        penumbra: rgba(dark ? color$1.black.hex : tints[500].hex, 0.14),
-        ambient: rgba(dark ? color$1.black.hex : tints[500].hex, 0.12)
+        outline: rgba(tints[500].hex, 0.4),
+        umbra: dark ? rgba(tints[900].hex, 0.4) : rgba(tints[500].hex, 0.2),
+        penumbra: dark ? rgba(tints[900].hex, 0.28) : rgba(tints[500].hex, 0.14),
+        ambient: dark ? rgba(tints[900].hex, 0.24) : rgba(tints[500].hex, 0.12)
       },
       skeleton: {
         from: skeletonFrom,
@@ -6587,6 +6589,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(props, forwardedR
     "data-ui": "TextArea"
   }, /*#__PURE__*/React__default["default"].createElement(InputRoot$1, null, /*#__PURE__*/React__default["default"].createElement(Input$1, _extends({
     "data-as": "textarea",
+    "data-scheme": rootTheme.scheme,
     "data-tone": rootTheme.tone
   }, restProps, {
     "$fontSize": useArrayProp(fontSize),
@@ -6602,6 +6605,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(props, forwardedR
     "$radius": useArrayProp(radius),
     "$scheme": rootTheme.scheme,
     "$tone": rootTheme.tone,
+    "data-scheme": rootTheme.scheme,
     "data-tone": rootTheme.tone
   })));
 });
@@ -7741,7 +7745,7 @@ function dialogStyle(_ref) {
     alignItems: 'center',
     justifyContent: 'center',
     outline: 'none',
-    background: color.shadow.penumbra
+    background: color.shadow.umbra
   };
 }
 function responsiveDialogPositionStyle(props) {