@sanity/ui 3.0.0-static.3 → 3.0.0-static.4

package/dist/_chunks-cjs/buildCommand.js

@@ -5,7 +5,7 @@ function _interopDefaultCompat(e) {
 }
 var fs__default = /* @__PURE__ */ _interopDefaultCompat(fs), path__default = /* @__PURE__ */ _interopDefaultCompat(path);
 async function buildPalette(outDir) {
-  const css$1 = css.compilePalette(theme.defaultPalette);
+  const css$1 = css.compilePalette();
   await fs__default.default.mkdir(outDir, {
     recursive: !0
   }), await fs__default.default.writeFile(path__default.default.resolve(outDir, "sanity-palette.css"), css$1, "utf-8"), console.log("- sanity-palette.css");

package/dist/_chunks-cjs/buildCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildCommand.js","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["import {compilePalette, compileSystem, compileTheme} from '@sanity/ui/css'\nimport {buildTheme_v3, defaultPalette, RootTheme} from '@sanity/ui/theme'\nimport fs from 'fs/promises'\nimport path from 'path'\n\nasync function buildPalette(outDir: string) {\n  const css = compilePalette(defaultPalette)\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'sanity-palette.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- sanity-palette.css')\n}\n\nasync function buildTheme(outDir: string) {\n  const css = compileTheme({v3: buildTheme_v3()} as RootTheme)\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'sanity-theme.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- sanity-theme.css')\n}\n\nasync function buildSystem(outDir: string) {\n  const css = compileSystem()\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'system.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- system.css')\n}\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n  const cwd = options.cwd ?? process.cwd()\n  const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n  await buildPalette(outDir)\n\n  await buildTheme(outDir)\n\n  await buildSystem(outDir)\n}\n"],"names":["buildPalette","outDir","css","compilePalette","defaultPalette","fs","mkdir","recursive","writeFile","path","resolve","console","log","buildTheme","compileTheme","v3","buildTheme_v3","buildSystem","compileSystem","buildCommand","options","cwd","process"],"mappings":";;;;;;AAKA,eAAeA,aAAaC,QAAgB;AACpCC,QAAAA,QAAMC,mBAAeC,oBAAc;AAEnCC,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,oBAAoB,GAAGC,OAAK,OAAO,GAG3ES,QAAQC,IAAI,sBAAsB;AACpC;AAEA,eAAeC,WAAWZ,QAAgB;AACxC,QAAMC,QAAMY,IAAAA,aAAa;AAAA,IAACC,IAAIC,MAAc,cAAA;AAAA,EAAA,CAAe;AAErDX,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,kBAAkB,GAAGC,OAAK,OAAO,GAGzES,QAAQC,IAAI,oBAAoB;AAClC;AAEA,eAAeK,YAAYhB,QAAgB;AACzC,QAAMC,QAAMgB,IAAAA,cAAc;AAEpBb,QAAAA,YAAAA,QAAGC,MAAML,QAAQ;AAAA,IAACM,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQT,QAAQ,YAAY,GAAGC,OAAK,OAAO,GAGnES,QAAQC,IAAI,cAAc;AAC5B;AAEA,eAAsBO,aAAaC,SAAyD;AAC1F,QAAMC,MAAMD,QAAQC,OAAOC,QAAQD,IAAI,GACjCpB,SAASmB,QAAQnB,UAAUQ,cAAAA,QAAKC,QAAQW,KAAK,MAAM;AAEnDrB,QAAAA,aAAaC,MAAM,GAEzB,MAAMY,WAAWZ,MAAM,GAEvB,MAAMgB,YAAYhB,MAAM;AAC1B;;"}
+{"version":3,"file":"buildCommand.js","sources":["../../src/cli/buildCommand.ts"],"sourcesContent":["import {compilePalette, compileSystem, compileTheme} from '@sanity/ui/css'\nimport {buildTheme_v3, RootTheme} from '@sanity/ui/theme'\nimport fs from 'fs/promises'\nimport path from 'path'\n\nasync function buildPalette(outDir: string) {\n  const css = compilePalette()\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'sanity-palette.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- sanity-palette.css')\n}\n\nasync function buildTheme(outDir: string) {\n  const css = compileTheme({v3: buildTheme_v3()} as RootTheme)\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'sanity-theme.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- sanity-theme.css')\n}\n\nasync function buildSystem(outDir: string) {\n  const css = compileSystem()\n\n  await fs.mkdir(outDir, {recursive: true})\n\n  await fs.writeFile(path.resolve(outDir, 'system.css'), css, 'utf-8')\n\n  // eslint-disable-next-line no-console\n  console.log('- system.css')\n}\n\nexport async function buildCommand(options: {cwd?: string; outDir?: string}): Promise<void> {\n  const cwd = options.cwd ?? process.cwd()\n  const outDir = options.outDir ?? path.resolve(cwd, 'dist')\n\n  await buildPalette(outDir)\n\n  await buildTheme(outDir)\n\n  await buildSystem(outDir)\n}\n"],"names":["buildPalette","outDir","css","compilePalette","fs","mkdir","recursive","writeFile","path","resolve","console","log","buildTheme","compileTheme","v3","buildTheme_v3","buildSystem","compileSystem","buildCommand","options","cwd","process"],"mappings":";;;;;;AAKA,eAAeA,aAAaC,QAAgB;AAC1C,QAAMC,QAAMC,IAAAA,eAAe;AAErBC,QAAAA,YAAAA,QAAGC,MAAMJ,QAAQ;AAAA,IAACK,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQR,QAAQ,oBAAoB,GAAGC,OAAK,OAAO,GAG3EQ,QAAQC,IAAI,sBAAsB;AACpC;AAEA,eAAeC,WAAWX,QAAgB;AACxC,QAAMC,QAAMW,IAAAA,aAAa;AAAA,IAACC,IAAIC,MAAc,cAAA;AAAA,EAAA,CAAe;AAErDX,QAAAA,YAAAA,QAAGC,MAAMJ,QAAQ;AAAA,IAACK,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQR,QAAQ,kBAAkB,GAAGC,OAAK,OAAO,GAGzEQ,QAAQC,IAAI,oBAAoB;AAClC;AAEA,eAAeK,YAAYf,QAAgB;AACzC,QAAMC,QAAMe,IAAAA,cAAc;AAEpBb,QAAAA,YAAAA,QAAGC,MAAMJ,QAAQ;AAAA,IAACK,WAAW;AAAA,EAAK,CAAA,GAExC,MAAMF,YAAAA,QAAGG,UAAUC,cAAKC,QAAAA,QAAQR,QAAQ,YAAY,GAAGC,OAAK,OAAO,GAGnEQ,QAAQC,IAAI,cAAc;AAC5B;AAEA,eAAsBO,aAAaC,SAAyD;AAC1F,QAAMC,MAAMD,QAAQC,OAAOC,QAAQD,IAAI,GACjCnB,SAASkB,QAAQlB,UAAUO,cAAAA,QAAKC,QAAQW,KAAK,MAAM;AAEnDpB,QAAAA,aAAaC,MAAM,GAEzB,MAAMW,WAAWX,MAAM,GAEvB,MAAMe,YAAYf,MAAM;AAC1B;;"}

package/dist/_chunks-es/_visual-editing.mjs

@@ -657,7 +657,7 @@ const Text = forwardRef(function(props, ref) {
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = textOverflowProp, $[11] = weight) : (align = $[1], children = $[2], className = $[3], flex = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], textOverflowProp = $[10], weight = $[11]);
-  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 1 : t3;
+  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 2 : t3;
   let t4;
   $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t4 = composeClassNames(className, text({
     accent,
@@ -757,7 +757,7 @@ const Button = forwardRef(function(props, ref) {
     paddingBottom,
     paddingLeft,
     paddingRight,
-    radius = 3,
+    radius = 2,
     selected,
     space = props.gap ?? props.space ?? props.padding ?? 3,
     // eslint-disable-line @typescript-eslint/no-unused-vars
@@ -780,31 +780,19 @@ const Button = forwardRef(function(props, ref) {
     tone,
     width
   })), "data-disabled": loading || disabled ? "" : void 0, "data-selected": selected ? "" : void 0, disabled: !!(loading || disabled), href: disabled ? void 0 : href, ref, type, children: [
-    !!loading && /* @__PURE__ */ jsx(Box, { align, as: "span", className: buttonLoadingBox(), display: "flex", flex: 1, justify, width: "fill", children: /* @__PURE__ */ jsx(Spinner, { size: fontSize }) }),
-    (IconComponent || text2 || IconRightComponent) && /* @__PURE__ */ jsxs(Box, { as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children: [
+    !!loading && /* @__PURE__ */ jsx(Box, { as: "span", className: buttonLoadingBox(), display: "flex", flex: 1, justify, width: "fill", children: /* @__PURE__ */ jsx(Spinner, { size: fontSize }) }),
+    (IconComponent || text2 || IconRightComponent) && /* @__PURE__ */ jsxs(Box, { as: "span", align, direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children: [
       IconComponent && /* @__PURE__ */ jsxs(Text, { as: "span", flex: "none", muted: !0, size: fontSize, children: [
         isValidElement(IconComponent) && IconComponent,
         isValidElementType(IconComponent) && /* @__PURE__ */ jsx(IconComponent, {})
       ] }),
-      text2 && /* @__PURE__ */ jsx(
-        Text,
-        {
-          align: textAlign,
-          as: "span",
-          flex: "none",
-          muted,
-          size: fontSize,
-          textOverflow: textOverflow2,
-          weight: textWeight,
-          children: text2
-        }
-      ),
+      text2 && /* @__PURE__ */ jsx(Text, { align: textAlign, as: "span", flex: "none", muted, size: fontSize, textOverflow: textOverflow2, weight: textWeight, children: text2 }),
       IconRightComponent && /* @__PURE__ */ jsxs(Text, { as: "span", flex: "none", muted: !0, size: fontSize, children: [
         isValidElement(IconRightComponent) && IconRightComponent,
         isValidElementType(IconRightComponent) && /* @__PURE__ */ jsx(IconRightComponent, {})
       ] })
     ] }),
-    children && /* @__PURE__ */ jsx(Box, { as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children })
+    children && /* @__PURE__ */ jsx(Box, { align, as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children })
   ] });
 });
 Button.displayName = "ForwardRef(Button)";
@@ -812,7 +800,7 @@ function useCard() {
   return useContext(CardContext);
 }
 const Card = forwardRef(function(props, ref) {
-  const $ = c(48);
+  const $ = c(51);
   let asProp, className, pressed, restProps, schemeProp, selectable, selected, shadow, style, t0, t1, t2, t3;
   $[0] !== props ? ({
     __unstable_checkered: t0,
@@ -829,41 +817,41 @@ const Card = forwardRef(function(props, ref) {
     tone: t3,
     ...restProps
   } = props, $[0] = props, $[1] = asProp, $[2] = className, $[3] = pressed, $[4] = restProps, $[5] = schemeProp, $[6] = selectable, $[7] = selected, $[8] = shadow, $[9] = style, $[10] = t0, $[11] = t1, $[12] = t2, $[13] = t3) : (asProp = $[1], className = $[2], pressed = $[3], restProps = $[4], schemeProp = $[5], selectable = $[6], selected = $[7], shadow = $[8], style = $[9], t0 = $[10], t1 = $[11], t2 = $[12], t3 = $[13]);
-  const checkered = t0 === void 0 ? !1 : t0, focusRing = t1 === void 0 ? !1 : t1, radius = t2 === void 0 ? 0 : t2, toneProp = t3 === void 0 ? "inherit" : t3, as = isValidElementType(asProp) ? asProp : "div", parent = useCard(), t4 = parent?.tone ?? "default", t5 = parent?.scheme ?? "light";
+  const checkered = t0 === void 0 ? !1 : t0, focusRing = t1 === void 0 ? !1 : t1, radius = t2 === void 0 ? 0 : t2, toneProp = t3 === void 0 ? "default" : t3, as = isValidElementType(asProp) ? asProp : "div", parent = useCard(), t4 = parent?.tone ?? "default", t5 = parent?.scheme ?? "light";
   let t6;
   $[14] !== t4 || $[15] !== t5 ? (t6 = {
     tone: t4,
     scheme: t5
   }, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16];
-  const context = t6, tone = toneProp === "inherit" ? context.tone : toneProp, scheme = schemeProp === void 0 ? context.scheme : schemeProp, t7 = scheme === context.scheme ? void 0 : scheme, t8 = tone === context.tone ? void 0 : tone;
-  let t9;
-  if ($[17] !== className || $[18] !== radius || $[19] !== selectable || $[20] !== shadow || $[21] !== t7 || $[22] !== t8) {
-    let t102;
-    $[24] !== radius || $[25] !== selectable ? (t102 = selectable && _selectable({
+  const context = t6, tone = toneProp === "inherit" ? context.tone : toneProp, scheme = schemeProp === void 0 ? context.scheme : schemeProp, t7 = scheme === context.scheme ? void 0 : scheme;
+  let t8;
+  if ($[17] !== className || $[18] !== radius || $[19] !== selectable || $[20] !== shadow || $[21] !== t7 || $[22] !== tone) {
+    let t92;
+    $[24] !== radius || $[25] !== selectable ? (t92 = selectable && _selectable({
       radius
-    }), $[24] = radius, $[25] = selectable, $[26] = t102) : t102 = $[26], t9 = composeClassNames(className, card({
+    }), $[24] = radius, $[25] = selectable, $[26] = t92) : t92 = $[26], t8 = composeClassNames(className, card({
       scheme: t7,
       shadow,
-      tone: t8
-    }), t102), $[17] = className, $[18] = radius, $[19] = selectable, $[20] = shadow, $[21] = t7, $[22] = t8, $[23] = t9;
+      tone
+    }), t92), $[17] = className, $[18] = radius, $[19] = selectable, $[20] = shadow, $[21] = t7, $[22] = tone, $[23] = t8;
   } else
-    t9 = $[23];
-  const t10 = checkered ? "" : void 0, t11 = focusRing ? "" : void 0, t12 = pressed ? "" : void 0, t13 = selected ? "" : void 0;
-  let t14;
-  $[27] !== as || $[28] !== radius || $[29] !== ref || $[30] !== restProps || $[31] !== style || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t9 ? (t14 = /* @__PURE__ */ jsx(Box, { "data-ui": "Card", ...restProps, as, className: t9, "data-checkered": t10, "data-focus-ring": t11, "data-pressed": t12, "data-selected": t13, radius, ref, style }), $[27] = as, $[28] = radius, $[29] = ref, $[30] = restProps, $[31] = style, $[32] = t10, $[33] = t11, $[34] = t12, $[35] = t13, $[36] = t9, $[37] = t14) : t14 = $[37];
-  let node = t14;
+    t8 = $[23];
+  const t9 = checkered ? "" : void 0, t10 = focusRing ? "" : void 0, t11 = pressed ? "" : void 0, t12 = selected ? "" : void 0;
+  let t13;
+  $[27] !== as || $[28] !== context.scheme || $[29] !== context.tone || $[30] !== radius || $[31] !== ref || $[32] !== restProps || $[33] !== style || $[34] !== t10 || $[35] !== t11 || $[36] !== t12 || $[37] !== t8 || $[38] !== t9 || $[39] !== tone ? (t13 = /* @__PURE__ */ jsx(Box, { "data-ui": "Card", ...restProps, as, className: t8, "data-context-tone": context.tone, "data-context-scheme": context.scheme, "data-checkered": t9, "data-focus-ring": t10, "data-pressed": t11, "data-selected": t12, "data-tone": tone, radius, ref, style }), $[27] = as, $[28] = context.scheme, $[29] = context.tone, $[30] = radius, $[31] = ref, $[32] = restProps, $[33] = style, $[34] = t10, $[35] = t11, $[36] = t12, $[37] = t8, $[38] = t9, $[39] = tone, $[40] = t13) : t13 = $[40];
+  let node = t13;
   if (scheme === context.scheme && tone === context.tone)
     return node;
-  const t15 = parent?.compat_provider, t16 = tone ?? context.tone;
-  let t17;
-  if ($[38] !== node || $[39] !== scheme || $[40] !== t15 || $[41] !== t16 ? (t17 = /* @__PURE__ */ jsx(CardProvider, { compat_provider: t15, rendered: !0, scheme, tone: t16, children: node }), $[38] = node, $[39] = scheme, $[40] = t15, $[41] = t16, $[42] = t17) : t17 = $[42], node = t17, parent?.compat_provider) {
-    const t18 = tone ?? context.tone;
-    let t19;
-    return $[43] !== node || $[44] !== parent.compat_provider || $[45] !== scheme || $[46] !== t18 ? (t19 = createElement(parent.compat_provider, {
+  const t14 = parent?.compat_provider, t15 = tone ?? context.tone;
+  let t16;
+  if ($[41] !== node || $[42] !== scheme || $[43] !== t14 || $[44] !== t15 ? (t16 = /* @__PURE__ */ jsx(CardProvider, { compat_provider: t14, rendered: !0, scheme, tone: t15, children: node }), $[41] = node, $[42] = scheme, $[43] = t14, $[44] = t15, $[45] = t16) : t16 = $[45], node = t16, parent?.compat_provider) {
+    const t17 = tone ?? context.tone;
+    let t18;
+    return $[46] !== node || $[47] !== parent.compat_provider || $[48] !== scheme || $[49] !== t17 ? (t18 = createElement(parent.compat_provider, {
       children: node,
       scheme,
-      tone: t18
-    }), $[43] = node, $[44] = parent.compat_provider, $[45] = scheme, $[46] = t18, $[47] = t19) : t19 = $[47], t19;
+      tone: t17
+    }), $[46] = node, $[47] = parent.compat_provider, $[48] = scheme, $[49] = t17, $[50] = t18) : t18 = $[50], t18;
   }
   return node;
 });
@@ -995,7 +983,7 @@ const Heading = forwardRef(function(props, ref) {
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = textOverflowProp, $[11] = weight) : (align = $[1], children = $[2], className = $[3], flex = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], textOverflowProp = $[10], weight = $[11]);
-  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 1 : t3;
+  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 2 : t3;
   let t4;
   $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t4 = composeClassNames(className, heading({
     accent,
@@ -1933,7 +1921,7 @@ const Select = forwardRef(function(props, forwardedRef) {
     space: t4,
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = customValidity, $[3] = disabled, $[4] = gap, $[5] = readOnly, $[6] = restProps, $[7] = t0, $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4) : (children = $[1], customValidity = $[2], disabled = $[3], gap = $[4], readOnly = $[5], restProps = $[6], t0 = $[7], t1 = $[8], t2 = $[9], t3 = $[10], t4 = $[11]);
-  const border = t0 === void 0 ? !0 : t0, fontSize = t1 === void 0 ? 1 : t1, padding = t2 === void 0 ? 2 : t2, radius = t3 === void 0 ? 2 : t3, space = t4 === void 0 ? 2 : t4, ref = useRef(null);
+  const border = t0 === void 0 ? !0 : t0, fontSize = t1 === void 0 ? 2 : t1, padding = t2 === void 0 ? 3 : t2, radius = t3 === void 0 ? 1 : t3, space = t4 === void 0 ? 2 : t4, ref = useRef(null);
   let t5;
   $[12] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[12] = t5) : t5 = $[12], useImperativeHandle(forwardedRef, t5), useCustomValidity(ref, customValidity);
   const t6 = gap ?? space;