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

package/dist/theme.mjs

@@ -1153,7 +1153,7 @@ const defaultThemeConfig = {
   button: {
     textWeight: "medium",
     border: {
-      width: 0.5
+      width: 1
     },
     focusRing: {
       offset: -1,
@@ -1162,7 +1162,7 @@ const defaultThemeConfig = {
   },
   card: {
     border: {
-      width: 0.5
+      width: 1
     },
     focusRing: {
       offset: -1,
@@ -1185,7 +1185,7 @@ const defaultThemeConfig = {
       zOffset: 200
     }
   },
-  radius: [0, 1, 5, 9, 13, 17, 25, 45, 77, 129],
+  radius: [0, 1, 3, 7, 11, 15, 23, 43, 75, 127],
   shadow: [null, {
     umbra: [0, 0, 0, 0],
     penumbra: [0, 0, 0, 0],
@@ -1210,7 +1210,7 @@ const defaultThemeConfig = {
   space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],
   input: {
     border: {
-      width: 0.5
+      width: 1
     },
     checkbox: {
       size: 17,
@@ -1301,10 +1301,10 @@ const defaultThemeConfig = {
     family: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
     featureSettings: "'liga' 1, 'calt' 1, 'ss01' 1, 'ss03' 1, 'zero' 1",
     weights: {
-      regular: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700
+      regular: 600,
+      medium: 700,
+      semibold: 800,
+      bold: 900
     },
     sizes: [{
       ascenderHeight: 5,
@@ -1447,7 +1447,7 @@ const defaultThemeConfig = {
       letterSpacing: 0
     }]
   }
-}, HUES = ["gray", "blue", "purple", "magenta", "red", "orange", "yellow", "green", "cyan"], TINTS = [50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950], RE_PERCENTAGE = /^([0-9]+)%/, RE_OPACITY = /^(1|0\.[0-9]+)?/;
+}, HUES = ["gray", "blue", "purple", "magenta", "red", "orange", "yellow", "green", "cyan"], TINTS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], RE_PERCENTAGE = /^([0-9]+)%/, RE_OPACITY = /^(1|0\.[0-9]+)?/;
 function parseColor$1(str) {
   let cursor = 0;
   const color = getColor();
@@ -1670,54 +1670,7 @@ function buildColorElement_v3(tokens, options) {
     }
   };
 }
-const defaultPalette = {
-  chroma: {
-    min: 5e-3,
-    max: 0.2325
-  },
-  luminosity: {
-    min: 0.1875,
-    max: 1
-  },
-  hues: {
-    gray: {
-      h: 277,
-      c: 0.04
-    },
-    blue: {
-      h: 273,
-      c: 0.185
-    },
-    purple: {
-      h: 295,
-      c: 0.4
-    },
-    magenta: {
-      h: 12,
-      c: 0.4
-    },
-    red: {
-      h: 30,
-      c: 0.4
-    },
-    orange: {
-      h: 68,
-      c: 0.4
-    },
-    yellow: {
-      h: 90,
-      c: 0.4
-    },
-    green: {
-      h: 171,
-      c: 0.4
-    },
-    cyan: {
-      h: 194,
-      c: 0.4
-    }
-  }
-}, defaultTokens = {
+const defaultTokens = {
   color: {
     "*": {
       // backdrop: ['black/0.2', '200/0.2'],
@@ -1773,12 +1726,12 @@ const defaultPalette = {
         tinted: {
           "*": {
             bg: {
-              0: ["900", "50"],
-              4: ["800", "150"]
+              0: ["950", "50"],
+              4: ["800", "100"]
             },
             border: {
-              0: ["800", "150"],
-              4: ["600", "350"]
+              0: ["800", "100"],
+              4: ["600", "300"]
             },
             fg: {
               0: ["100", "900"],
@@ -1850,15 +1803,15 @@ const defaultPalette = {
           "*": {
             bg: {
               0: ["black", "gray/50"],
-              4: ["900", "150"]
+              4: ["800", "300 50%"]
             },
             border: {
-              0: ["900", "150"],
-              4: ["700", "350"]
+              0: ["900", "100"],
+              4: ["700", "300"]
             },
             fg: {
-              0: ["150", "black"],
-              4: ["550", "600"]
+              0: ["100", "black"],
+              4: ["500", "600"]
             }
           }
         }
@@ -1870,11 +1823,11 @@ const defaultPalette = {
           "*": {
             bg: {
               0: ["gray/950", "white"],
-              4: ["850", "100"]
+              4: ["800", "200"]
             },
             border: {
-              0: ["850", "100"],
-              4: ["650", "300"]
+              0: ["800", "100"],
+              4: ["600", "300"]
             },
             fg: {
               0: ["white", "black"],
@@ -2077,7 +2030,6 @@ function buildTheme_v3(options) {
   } = options ?? {}, tokens = resolveTokens(options?.tokens ?? defaultTokens);
   return {
     _version: 3,
-    _palette: options?.palette ?? defaultPalette,
     _tokens: tokens,
     avatar: v2?.avatar ?? defaultThemeConfig.avatar,
     button: v2?.button ?? defaultThemeConfig.button,
@@ -2954,7 +2906,6 @@ export {
   buildTheme,
   buildTheme_v3,
   createColorTheme,
-  defaultPalette,
   defaultTokens,
   getContrastRatio,
   getScopedTheme,