@sanity/ui 2.16.9 → 2.16.11

package/dist/_chunks-cjs/_visual-editing.js

@@ -109,7 +109,7 @@ function responsiveFont(fontKey, props) {
   } = font[fontKey], fontWeight = $weight && weights[$weight] || weights.regular, defaultSize = sizes[2], base = {
     position: "relative",
     fontFamily: family,
-    fontWeight,
+    fontWeight: `${fontWeight}`,
     padding: "1px 0",
     margin: 0,
     "&:before": {
@@ -596,7 +596,7 @@ function responsiveFlexItemStyle(props) {
     media
   } = theme.getTheme_v2(props.theme);
   return props.$flex ? _responsive(media, props.$flex, (flex) => ({
-    flex
+    flex: `${flex}`
   })) : EMPTY_ARRAY;
 }
 const BASE_STYLE$2 = {
@@ -684,7 +684,7 @@ function responsiveGridItemRowStartStyle(props) {
     media
   } = theme.getTheme_v2(props.theme);
   return _responsive(media, props.$rowStart, (rowStart) => ({
-    gridRowStart: rowStart
+    gridRowStart: `${rowStart}`
   }));
 }
 function responsiveGridItemRowEndStyle(props) {
@@ -692,7 +692,7 @@ function responsiveGridItemRowEndStyle(props) {
     media
   } = theme.getTheme_v2(props.theme);
   return _responsive(media, props.$rowEnd, (rowEnd) => ({
-    gridRowEnd: rowEnd
+    gridRowEnd: `${rowEnd}`
   }));
 }
 function responsiveGridItemColumnStyle(props) {
@@ -710,7 +710,7 @@ function responsiveGridItemColumnStartStyle(props) {
     media
   } = theme.getTheme_v2(props.theme);
   return _responsive(media, props.$columnStart, (columnStart) => ({
-    gridColumnStart: columnStart
+    gridColumnStart: `${columnStart}`
   }));
 }
 function responsiveGridItemColumnEndStyle(props) {
@@ -718,7 +718,7 @@ function responsiveGridItemColumnEndStyle(props) {
     media
   } = theme.getTheme_v2(props.theme);
   return _responsive(media, props.$columnEnd, (columnEnd) => ({
-    gridColumnEnd: columnEnd
+    gridColumnEnd: `${columnEnd}`
   }));
 }
 const GRID_CSS = {
@@ -933,7 +933,7 @@ function textInputFontSizeStyle(props) {
     const size2 = font.text.sizes[sizeIndex] || font.text.sizes[2];
     return {
       fontSize: rem(size2.fontSize),
-      lineHeight: size2.lineHeight / size2.fontSize
+      lineHeight: `${size2.lineHeight / size2.fontSize}`
     };
   });
 }
@@ -1206,8 +1206,8 @@ function avatarArrowStyle() {
   return {
     position: "absolute",
     boxSizing: "border-box",
-    zIndex: 0,
-    opacity: 0,
+    zIndex: "0",
+    opacity: "0",
     transition: "all 0.2s linear",
     transform: "rotate(-90deg) translate3d(0, 6px, 0)",
     left: 0,
@@ -1227,14 +1227,14 @@ function avatarArrowStyle() {
     },
     "[data-arrow-position='inside'] > &": {
       transform: "rotate(-90deg) translate3d(0, 6px, 0)",
-      opacity: 0
+      opacity: "0"
     },
     "[data-arrow-position='top'] > &": {
-      opacity: 1,
+      opacity: "1",
       transform: "rotate(0deg)"
     },
     "[data-arrow-position='bottom'] > &": {
-      opacity: 1,
+      opacity: "1",
       transform: "rotate(-180deg)"
     }
   };
@@ -1254,7 +1254,7 @@ function avatarRootStyle(props) {
     userSelect: "none",
     boxShadow: "0 0 0 1px var(--card-bg-color)",
     '&[data-status="inactive"]': {
-      opacity: 0.5
+      opacity: "0.5"
     },
     "&>svg": {
       "&:not([hidden])": {
@@ -2669,7 +2669,7 @@ const StyledHeading = /* @__PURE__ */ styledComponents.styled.div.withConfig({
 Heading.displayName = "ForwardRef(Heading)";
 function inlineBaseStyle() {
   return {
-    lineHeight: 0,
+    lineHeight: "0",
     "&&:not([hidden])": {
       display: "block"
     },
@@ -3886,7 +3886,7 @@ function inputColorStyle(props) {
 function textSize(size2) {
   return {
     fontSize: rem(size2.fontSize),
-    lineHeight: rem(size2.lineHeight)
+    lineHeight: `${rem(size2.lineHeight)}`
   };
 }
 function inputTextSizeStyle(props) {