@sanity/ui 2.0.4 → 2.0.5

package/dist/theme.js

@@ -1233,7 +1233,7 @@ function inputStateThemeColor_v0_v2(state) {
 
 const cache$3 = /* @__PURE__ */ new WeakMap();
 function getTheme_v2(theme) {
-  var _a, _b;
+  var _a;
   if ((_a = theme.sanity.v2) == null ? void 0 : _a._resolved)
     return theme.sanity.v2;
   const cached_v2 = cache$3.get(theme);
@@ -1270,7 +1270,7 @@ function getTheme_v2(theme) {
         ...theme.sanity.input.switch
       }
     },
-    layer: (_b = theme.sanity.layer) != null ? _b : defaultThemeConfig.layer,
+    layer: theme.sanity.layer ?? defaultThemeConfig.layer,
     media: theme.sanity.media,
     radius: theme.sanity.radius,
     shadow: theme.sanity.shadows,
@@ -1359,7 +1359,7 @@ function v0_v2(v0) {
         ...input.switch
       }
     },
-    layer: layer != null ? layer : defaultThemeConfig.layer,
+    layer: layer ?? defaultThemeConfig.layer,
     media,
     radius,
     shadow,
@@ -1731,13 +1731,13 @@ function compileColorTokenValue(node) {
   if (node.key === "black" || node.key === "white") {
     key = node.key;
   } else {
-    key = "".concat(node.hue, "/").concat(node.tint);
+    key = `${node.hue}/${node.tint}`;
   }
   if (node.mix !== void 0) {
-    return "".concat(key, " ").concat(node.mix * 100, "%");
+    return `${key} ${node.mix * 100}%`;
   }
   if (node.opacity !== void 0) {
-    key += "/".concat(node.opacity);
+    key += `/${node.opacity}`;
   }
   return key;
 }
@@ -1747,7 +1747,7 @@ function resolveColorTokenValue(context, value = DEFAULT_COLOR_TOKEN_VALUE) {
   const { hue, scheme } = context;
   const node = parseTokenValue(value[scheme === "light" ? 0 : 1]);
   if (!node || node.type !== "color") {
-    throw new Error("Invalid color token: ".concat(value[0]));
+    throw new Error(`Invalid color token: ${value[0]}`);
   }
   return compileColorTokenValue({ ...node, hue: node.hue || hue });
 }
@@ -2999,7 +2999,7 @@ function rgbToHex(color) {
   const g = round(clamp(Math.round(color.g), 0, 255));
   const b = round(clamp(Math.round(color.b), 0, 255));
   if ("a" in color) {
-    return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(color.a, ")");
+    return `rgba(${r},${g},${b},${color.a})`;
   }
   return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
 }
@@ -3091,7 +3091,7 @@ function isHex(str) {
 function parseHsl(str) {
   const res = HSL_RE.exec(str);
   if (!res) {
-    throw new Error('parseHsl: string is not a HSL color: "'.concat(str, '"'));
+    throw new Error(`parseHsl: string is not a HSL color: "${str}"`);
   }
   return { h: parseInt(res[1]), s: parseFloat(res[3]), l: parseFloat(res[5]) };
 }
@@ -3110,7 +3110,7 @@ function parseColor(color) {
   if (color.startsWith("rgba(")) {
     return rgbaToRGBA(color);
   }
-  throw new Error('parseColor: unexpected color format: "'.concat(color, '"'));
+  throw new Error(`parseColor: unexpected color format: "${color}"`);
 }
 
 function getContrastRatio(bg, fg) {
@@ -3134,7 +3134,7 @@ function lrgb_luminance([r, g, b]) {
 
 function rgba(color, a) {
   const rgb = parseColor(color);
-  return "rgba(".concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ",").concat(a, ")");
+  return `rgba(${rgb.r},${rgb.g},${rgb.b},${a})`;
 }
 
 const RGB_RANGE = [0, 255];
@@ -3175,7 +3175,7 @@ function renderColorValue(str, options) {
   }
   const node = parseTokenValue(str);
   if (!node || node.type !== "color") {
-    throw new Error("Invalid color token value: ".concat(str));
+    throw new Error(`Invalid color token value: ${str}`);
   }
   let hex = "";
   if (node.key === "black") {
@@ -3188,7 +3188,7 @@ function renderColorValue(str, options) {
     hex = renderColorHex(colorPalette[node.hue][node.tint]);
   }
   if (!hex) {
-    throw new Error("Invalid color token value: ".concat(str));
+    throw new Error(`Invalid color token value: ${str}`);
   }
   const hexBeforeMix = hex;
   const mixOptions = {
@@ -3210,7 +3210,7 @@ function renderColorValue(str, options) {
     throw err;
   }
   if (hex === "#aN") {
-    console.warn("invalid color token value: ".concat(str));
+    console.warn(`invalid color token value: ${str}`);
     hex = hexBeforeMix;
   }
   if (node.opacity !== void 0) {
@@ -3223,8 +3223,7 @@ function renderColorHex(color) {
 }
 
 function renderThemeColorSchemes(value, config) {
-  var _a;
-  const colorPalette = (_a = config == null ? void 0 : config.palette) != null ? _a : defaultColorPalette;
+  const colorPalette = (config == null ? void 0 : config.palette) ?? defaultColorPalette;
   return {
     light: renderThemeColorScheme(colorPalette, value.light),
     dark: renderThemeColorScheme(colorPalette, value.dark)
@@ -3564,28 +3563,27 @@ function renderSyntaxColorTheme(value, options) {
 }
 
 function buildTheme(config) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const colorTheme = buildColorTheme(config);
   const v2 = {
     _version: 2,
-    avatar: (_a = config == null ? void 0 : config.avatar) != null ? _a : defaultThemeConfig.avatar,
-    button: (_b = config == null ? void 0 : config.button) != null ? _b : defaultThemeConfig.button,
-    card: (_c = config == null ? void 0 : config.card) != null ? _c : defaultThemeConfig.card,
+    avatar: (config == null ? void 0 : config.avatar) ?? defaultThemeConfig.avatar,
+    button: (config == null ? void 0 : config.button) ?? defaultThemeConfig.button,
+    card: (config == null ? void 0 : config.card) ?? defaultThemeConfig.card,
     // How colors are generated:
     // 1. Merge custom tokens with default tokens
     // 2. Generate tree of color keys (gray/500, black, white, etc.)
     // 3. Apply mixing and render to hex values
     // render(build(mergeWithDefaults()))
     color: renderThemeColorSchemes(colorTheme, config),
-    container: (_d = config == null ? void 0 : config.container) != null ? _d : defaultThemeConfig.container,
-    font: (_e = config == null ? void 0 : config.font) != null ? _e : defaultThemeFonts,
-    input: (_f = config == null ? void 0 : config.input) != null ? _f : defaultThemeConfig.input,
-    layer: (_g = config == null ? void 0 : config.layer) != null ? _g : defaultThemeConfig.layer,
-    media: (_h = config == null ? void 0 : config.media) != null ? _h : defaultThemeConfig.media,
-    radius: (_i = config == null ? void 0 : config.radius) != null ? _i : defaultThemeConfig.radius,
-    shadow: (_j = config == null ? void 0 : config.shadow) != null ? _j : defaultThemeConfig.shadow,
-    space: (_k = config == null ? void 0 : config.space) != null ? _k : defaultThemeConfig.space,
-    style: (_l = config == null ? void 0 : config.style) != null ? _l : defaultThemeConfig.style
+    container: (config == null ? void 0 : config.container) ?? defaultThemeConfig.container,
+    font: (config == null ? void 0 : config.font) ?? defaultThemeFonts,
+    input: (config == null ? void 0 : config.input) ?? defaultThemeConfig.input,
+    layer: (config == null ? void 0 : config.layer) ?? defaultThemeConfig.layer,
+    media: (config == null ? void 0 : config.media) ?? defaultThemeConfig.media,
+    radius: (config == null ? void 0 : config.radius) ?? defaultThemeConfig.radius,
+    shadow: (config == null ? void 0 : config.shadow) ?? defaultThemeConfig.shadow,
+    space: (config == null ? void 0 : config.space) ?? defaultThemeConfig.space,
+    style: (config == null ? void 0 : config.style) ?? defaultThemeConfig.style
   };
   return v2_v0(v2);
 }