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

package/dist/theme.d.ts

@@ -280,8 +280,6 @@ export declare type CSSObject = StyledObject<any>
 
 declare type CSSVariableKey = `--${string}`
 
-export declare const defaultPalette: PaletteConfig
-
 export declare const defaultTokens: PartialTokens<Tokens>
 
 /** @public */
@@ -423,24 +421,6 @@ export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB
  */
 export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB
 
-export declare type PaletteConfig = {
-  chroma: {
-    min: number
-    max: number
-  }
-  luminosity: {
-    min: number
-    max: number
-  }
-  hues: Record<
-    Hue,
-    {
-      h: number
-      c: number
-    }
-  >
-}
-
 /**
  * @internal
  */
@@ -746,7 +726,6 @@ export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
  */
 export declare interface Theme_v3 {
   _version: 3
-  _palette: PaletteConfig
   _tokens: Tokens
   avatar: ThemeAvatar_v2
   button: {
@@ -1780,7 +1759,6 @@ export declare interface ThemeLayer {
 /** @public */
 export declare interface ThemeOptions {
   v2?: ThemeConfig
-  palette?: PaletteConfig
   tokens?: PartialTokens<Tokens>
 }
 
@@ -1807,27 +1785,7 @@ export declare interface ThemeStyles {
 
 export declare type Tint = (typeof TINTS)[number]
 
-export declare const TINTS: readonly [
-  50,
-  100,
-  150,
-  200,
-  250,
-  300,
-  350,
-  400,
-  450,
-  500,
-  550,
-  600,
-  650,
-  700,
-  750,
-  800,
-  850,
-  900,
-  950,
-]
+export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
 
 /** @internal */
 export declare interface TokenBaseKeyNode {

package/dist/theme.js

@@ -1,18 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var v3_v2 = require("./_chunks-cjs/v3_v2.js"), color = require("@sanity/color");
-function isColorBlendModeValue(str) {
-  return v3_v2.THEME_COLOR_BLEND_MODES.includes(str);
-}
-function isColorHueKey(str) {
-  return color.COLOR_HUES.includes(str);
-}
-function isColorTintKey(str) {
-  return color.COLOR_TINTS.includes(str);
-}
-function isColorButtonMode(str) {
-  return v3_v2.THEME_COLOR_BUTTON_MODES.includes(str);
-}
+var color = require("@sanity/color");
 const AVATAR_SIZE = [0, 1, 2, 3], CONTAINER = [0, 1, 2, 3, 4, 5, "auto"], RADIUS = [0, 1, 2, 3, 4, 5, 6, "full"], SPACE = [0, 0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9], FONT_CODE_SIZE = [0, 1, 2, 3, 4], FONT_HEADING_SIZE = [0, 1, 2, 3, 4, 5], FONT_LABEL_SIZE = [0, 1, 2, 3, 4, 5], FONT_TEXT_SIZE = [0, 1, 2, 3, 4], SHADOW = [0, 1, 2, 3, 4, 5];
 function createSelectableTones(opts, base, dark, solid, muted) {
   return {
@@ -1153,7 +1141,7 @@ const defaultThemeConfig = {
   button: {
     textWeight: "medium",
     border: {
-      width: 0.5
+      width: 1
     },
     focusRing: {
       offset: -1,
@@ -1162,7 +1150,7 @@ const defaultThemeConfig = {
   },
   card: {
     border: {
-      width: 0.5
+      width: 1
     },
     focusRing: {
       offset: -1,
@@ -1185,7 +1173,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 +1198,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 +1289,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 +1435,39 @@ 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]+)?/;
+}, THEME_COLOR_SCHEMES = ["light", "dark"], THEME_COLOR_BLEND_MODES = ["multiply", "screen"], THEME_COLOR_CARD_TONES = [
+  "transparent",
+  "default",
+  "neutral",
+  "primary",
+  // deprecated
+  "suggest",
+  "positive",
+  "caution",
+  "critical"
+], THEME_COLOR_STATE_TONES = [
+  "default",
+  "neutral",
+  "primary",
+  // deprecated
+  "suggest",
+  "positive",
+  "caution",
+  "critical"
+], THEME_COLOR_STATES = ["enabled", "hovered", "pressed", "selected", "disabled"], THEME_COLOR_BUTTON_MODES = ["default", "ghost", "bleed"], THEME_COLOR_INPUT_MODES = ["default", "invalid"], THEME_COLOR_INPUT_STATES = ["enabled", "hovered", "readOnly", "disabled"], THEME_COLOR_AVATAR_COLORS = color.COLOR_HUES;
+function isColorBlendModeValue(str) {
+  return THEME_COLOR_BLEND_MODES.includes(str);
+}
+function isColorHueKey(str) {
+  return color.COLOR_HUES.includes(str);
+}
+function isColorTintKey(str) {
+  return color.COLOR_TINTS.includes(str);
+}
+function isColorButtonMode(str) {
+  return THEME_COLOR_BUTTON_MODES.includes(str);
+}
+const 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 color2 = getColor();
@@ -1546,7 +1566,7 @@ function buildColorScheme_v3(tokens, options) {
     scheme
   } = options;
   return {
-    card: v3_v2.THEME_COLOR_CARD_TONES.reduce((acc, tone) => (acc[tone] = buildColorCard_v3(tokens[tone], {
+    card: THEME_COLOR_CARD_TONES.reduce((acc, tone) => (acc[tone] = buildColorCard_v3(tokens[tone], {
       scheme
     }), acc), {})
   };
@@ -1561,7 +1581,7 @@ function buildColorCard_v3(tokens, options) {
   };
   return {
     _hue: tokens._hue ?? "gray",
-    avatar: v3_v2.THEME_COLOR_AVATAR_COLORS.reduce((acc, hue) => {
+    avatar: THEME_COLOR_AVATAR_COLORS.reduce((acc, hue) => {
       const avatarTokens = tokens.avatar[hue];
       return acc[hue] = {
         bg: renderColor(avatarTokens.bg, {
@@ -1628,7 +1648,7 @@ function buildColorCard_v3(tokens, options) {
     },
     variant: {
       solid: {
-        ...v3_v2.THEME_COLOR_STATE_TONES.reduce((acc, tone) => ({
+        ...THEME_COLOR_STATE_TONES.reduce((acc, tone) => ({
           ...acc,
           [tone]: buildColorElement_v3(tokens.variant.solid[tone], {
             scheme
@@ -1636,7 +1656,7 @@ function buildColorCard_v3(tokens, options) {
         }), {})
       },
       tinted: {
-        ...v3_v2.THEME_COLOR_STATE_TONES.reduce((acc, tone) => ({
+        ...THEME_COLOR_STATE_TONES.reduce((acc, tone) => ({
           ...acc,
           [tone]: buildColorElement_v3(tokens.variant.tinted[tone], {
             scheme
@@ -1670,54 +1690,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 +1746,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 +1823,15 @@ const defaultPalette = {
           "*": {
             bg: {
               0: ["black", "gray/50"],
-              4: ["900", "150"]
+              4: ["800", "300 50%"]
             },
             border: {
-              0: ["900", "150"],
-              4: ["700", "350"]
+              0: ["900", "300 40%"],
+              4: ["700", "300"]
             },
             fg: {
-              0: ["150", "black"],
-              4: ["550", "600"]
+              0: ["100", "black"],
+              4: ["500", "600"]
             }
           }
         }
@@ -1870,11 +1843,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"],
@@ -1932,7 +1905,7 @@ function resolveTokens(tokens = {}) {
   return {
     color: {
       "*": resolveCardColorTokens(tokens.color?.["*"]),
-      ...v3_v2.THEME_COLOR_CARD_TONES.reduce((acc, tone) => ({
+      ...THEME_COLOR_CARD_TONES.reduce((acc, tone) => ({
         ...acc,
         [tone]: resolveCardColorTokens(merge(tokens.color?.["*"], tokens.color?.[tone]))
       }), {})
@@ -2045,11 +2018,11 @@ function resolveCardColorTokens(tokens) {
     variant: {
       solid: {
         "*": resolveElementTokens(tokens?.variant?.solid?.["*"]),
-        ...v3_v2.THEME_COLOR_STATE_TONES.reduce((acc, tone) => (acc[tone] = resolveElementTokens(merge(tokens, tokens?.variant?.solid?.["*"], tokens?.variant?.solid?.[tone])), acc), {})
+        ...THEME_COLOR_STATE_TONES.reduce((acc, tone) => (acc[tone] = resolveElementTokens(merge(tokens, tokens?.variant?.solid?.["*"], tokens?.variant?.solid?.[tone])), acc), {})
       },
       tinted: {
         "*": resolveElementTokens(tokens?.variant?.tinted?.["*"]),
-        ...v3_v2.THEME_COLOR_STATE_TONES.reduce((acc, tone) => (acc[tone] = resolveElementTokens(merge(tokens, tokens?.variant?.tinted?.["*"], tokens?.variant?.tinted?.[tone])), acc), {})
+        ...THEME_COLOR_STATE_TONES.reduce((acc, tone) => (acc[tone] = resolveElementTokens(merge(tokens, tokens?.variant?.tinted?.["*"], tokens?.variant?.tinted?.[tone])), acc), {})
       }
     }
   };
@@ -2077,7 +2050,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,
@@ -2201,11 +2173,229 @@ function inputStateThemeColor_v2_v0(t) {
     placeholder: t.placeholder
   };
 }
+function themeColor_v3_v2(options) {
+  const {
+    color: color2,
+    dark
+  } = options;
+  return {
+    _blend: "screen",
+    _dark: dark,
+    ...buildColorState({
+      cardColor: color2,
+      state: "enabled",
+      tone: "default",
+      variant: "tinted"
+    }),
+    backdrop: color2.backdrop,
+    button: THEME_COLOR_BUTTON_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_STATE_TONES.reduce((tones2, tone) => (tones2[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
+      cardColor: color2,
+      state,
+      tone,
+      variant: mode === "default" ? "solid" : "tinted"
+    }), mode === "bleed" && (states[state].border = "transparent"), states), {}), tones2), {}), modes), {}),
+    focusRing: color2.focusRing,
+    input: THEME_COLOR_INPUT_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_INPUT_STATES.reduce((states, state) => (states[state] = buildInputState(color2.variant.tinted.default), states), {}), modes), {}),
+    selectable: THEME_COLOR_STATE_TONES.reduce((tones2, tone) => (tones2[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
+      cardColor: color2,
+      // cardVars: vars,
+      state,
+      tone,
+      variant: "tinted"
+    }), states), {}), tones2), {}),
+    shadow: color2.shadow,
+    syntax: color2.token
+  };
+}
+const stateShades = {
+  enabled: {
+    bg: [0, 1, 2],
+    border: [0, 1, 2],
+    fg: [0, 1, 2]
+  },
+  hovered: {
+    bg: [1, 2, 3],
+    border: [1, 2, 3],
+    fg: [1, 2, 3]
+  },
+  pressed: {
+    bg: [2, 3, 4],
+    border: [2, 3, 4],
+    fg: [2, 3, 4]
+  },
+  selected: {
+    bg: [3, 4, 4],
+    border: [3, 4, 4],
+    fg: [3, 4, 4]
+  },
+  disabled: {
+    bg: [4, 4, 4],
+    border: [4, 4, 4],
+    fg: [4, 4, 4]
+  }
+};
+function mix$1(tokens, index) {
+  return index === 0 ? tokens[0] : index === 4 ? tokens[4] : `color-mix(in oklch, ${tokens[0]}, ${tokens[4]} ${index * 25}%)`;
+}
+function buildColorState(options) {
+  const {
+    cardColor,
+    state,
+    tone,
+    variant
+  } = options, color2 = cardColor.variant[variant][tone], shades = stateShades[state];
+  return {
+    accent: {
+      fg: color2.fg[4]
+    },
+    avatar: cardColor.avatar,
+    badge: THEME_COLOR_STATE_TONES.reduce((tones2, tone2) => (tones2[tone2] = {
+      bg: mix$1(color2.bg, 1),
+      fg: mix$1(color2.fg, 1),
+      dot: mix$1(color2.fg, 3),
+      icon: mix$1(color2.fg, 3)
+    }, tones2), {}),
+    bg: mix$1(color2.bg, shades.bg[0]),
+    border: mix$1(color2.border, shades.border[0]),
+    fg: mix$1(color2.fg, shades.fg[0]),
+    code: {
+      bg: mix$1(color2.bg, shades.bg[1]),
+      fg: mix$1(color2.fg, shades.fg[2])
+    },
+    icon: mix$1(color2.fg, shades.fg[2]),
+    kbd: {
+      bg: mix$1(color2.bg, 0),
+      fg: mix$1(color2.fg, 0),
+      border: mix$1(color2.bg, 0)
+    },
+    link: {
+      fg: mix$1(color2.fg, shades.fg[2])
+    },
+    muted: {
+      bg: mix$1(color2.bg, shades.bg[1]),
+      fg: mix$1(color2.fg, shades.fg[2])
+    },
+    skeleton: cardColor.skeleton
+  };
+}
+function buildInputState(colorElement) {
+  return {
+    bg: colorElement.bg[0],
+    border: colorElement.bg[0],
+    fg: colorElement.fg[0],
+    muted: {
+      bg: colorElement.bg[0]
+    },
+    placeholder: colorElement.fg[0]
+  };
+}
+function v3_v2(theme_v3) {
+  return {
+    _version: 2,
+    avatar: theme_v3.avatar,
+    button: theme_v3.button,
+    card: theme_v3.card,
+    color: {
+      dark: {
+        transparent: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.transparent,
+          dark: !0
+          // vars: vars.color.dark.transparent,
+        }),
+        default: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.default,
+          dark: !0
+          // vars: vars.color.dark.default,
+        }),
+        neutral: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.neutral,
+          dark: !0
+          // vars: vars.color.dark.neutral,
+        }),
+        primary: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.primary,
+          dark: !0
+          // vars: vars.color.dark.primary,
+        }),
+        suggest: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.suggest,
+          dark: !0
+          // vars: vars.color.dark.suggest,
+        }),
+        positive: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.positive,
+          dark: !0
+          // vars: vars.color.dark.positive,
+        }),
+        caution: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.caution,
+          dark: !0
+          // vars: vars.color.dark.caution,
+        }),
+        critical: themeColor_v3_v2({
+          color: theme_v3.color.dark.card.critical,
+          dark: !0
+          // vars: vars.color.dark.critical,
+        })
+      },
+      light: {
+        transparent: themeColor_v3_v2({
+          color: theme_v3.color.light.card.transparent,
+          dark: !1
+          // vars: vars.color.light.transparent,
+        }),
+        default: themeColor_v3_v2({
+          color: theme_v3.color.light.card.default,
+          dark: !1
+          // vars: vars.color.light.default,
+        }),
+        neutral: themeColor_v3_v2({
+          color: theme_v3.color.light.card.neutral,
+          dark: !1
+          // vars: vars.color.light.neutral,
+        }),
+        primary: themeColor_v3_v2({
+          color: theme_v3.color.light.card.primary,
+          dark: !1
+          // vars: vars.color.light.primary,
+        }),
+        suggest: themeColor_v3_v2({
+          color: theme_v3.color.light.card.suggest,
+          dark: !1
+          // vars: vars.color.light.suggest,
+        }),
+        positive: themeColor_v3_v2({
+          color: theme_v3.color.light.card.positive,
+          dark: !1
+          // vars: vars.color.light.positive,
+        }),
+        caution: themeColor_v3_v2({
+          color: theme_v3.color.light.card.caution,
+          dark: !1
+          // vars: vars.color.light.caution,
+        }),
+        critical: themeColor_v3_v2({
+          color: theme_v3.color.light.card.critical,
+          dark: !1
+          // vars: vars.color.light.critical,
+        })
+      }
+    },
+    container: theme_v3.container,
+    font: theme_v3.font,
+    input: theme_v3.input,
+    layer: theme_v3.layer,
+    media: theme_v3.media,
+    radius: theme_v3.radius,
+    shadow: theme_v3.shadow,
+    space: theme_v3.space
+  };
+}
 function buildTheme(_config) {
   const v3 = buildTheme_v3({
     v2: _config
   });
-  return v2_v0(v3_v2.v3_v2(v3), v3);
+  return v2_v0(v3_v2(v3), v3);
 }
 function mixChannel(b, s, weight) {
   const delta = (s - b) * weight;
@@ -2354,7 +2544,7 @@ function rgba(color2, a) {
   const rgb = parseColor(color2);
   return `rgba(${rgb.r},${rgb.g},${rgb.b},${a})`;
 }
-const COLOR_CONFIG_STATE_KEYS = ["_hue", "bg", "fg", "border", "focusRing", "muted/fg", "accent/fg", "link/fg", "code/bg", "code/fg", "skeleton/from", "skeleton/to", "status/dot", "status/icon"], COLOR_CONFIG_CARD_KEYS = [...COLOR_CONFIG_STATE_KEYS, "_hue", "bg", "fg", "border", "focusRing", "shadow/outline", "shadow/umbra", "shadow/penumbra", "shadow/ambient"], COLOR_CONFIG_BLEND_KEYS = ["_blend"], COLOR_CONFIG_AVATAR_COLORS = ["*", ...v3_v2.THEME_COLOR_AVATAR_COLORS], COLOR_CONFIG_CARD_TONES = ["*", ...v3_v2.THEME_COLOR_CARD_TONES], COLOR_CONFIG_STATE_TONES = ["*", ...v3_v2.THEME_COLOR_STATE_TONES], COLOR_CONFIG_STATES = ["*", ...v3_v2.THEME_COLOR_STATES], COLOR_CONFIG_INPUT_MODES = ["*", ...v3_v2.THEME_COLOR_INPUT_MODES], COLOR_CONFIG_INPUT_STATES = ["*", ...v3_v2.THEME_COLOR_INPUT_STATES];
+const COLOR_CONFIG_STATE_KEYS = ["_hue", "bg", "fg", "border", "focusRing", "muted/fg", "accent/fg", "link/fg", "code/bg", "code/fg", "skeleton/from", "skeleton/to", "status/dot", "status/icon"], COLOR_CONFIG_CARD_KEYS = [...COLOR_CONFIG_STATE_KEYS, "_hue", "bg", "fg", "border", "focusRing", "shadow/outline", "shadow/umbra", "shadow/penumbra", "shadow/ambient"], COLOR_CONFIG_BLEND_KEYS = ["_blend"], COLOR_CONFIG_AVATAR_COLORS = ["*", ...THEME_COLOR_AVATAR_COLORS], COLOR_CONFIG_CARD_TONES = ["*", ...THEME_COLOR_CARD_TONES], COLOR_CONFIG_STATE_TONES = ["*", ...THEME_COLOR_STATE_TONES], COLOR_CONFIG_STATES = ["*", ...THEME_COLOR_STATES], COLOR_CONFIG_INPUT_MODES = ["*", ...THEME_COLOR_INPUT_MODES], COLOR_CONFIG_INPUT_STATES = ["*", ...THEME_COLOR_INPUT_STATES];
 function parseTokenKey(str) {
   const segments = str.split("/"), segment0 = segments.shift() || "";
   if (isColorConfigBaseTone(segment0)) {
@@ -2920,15 +3110,6 @@ function getTheme_v2(theme) {
   };
   return cache.set(theme, v2), v2;
 }
-exports.THEME_COLOR_AVATAR_COLORS = v3_v2.THEME_COLOR_AVATAR_COLORS;
-exports.THEME_COLOR_BLEND_MODES = v3_v2.THEME_COLOR_BLEND_MODES;
-exports.THEME_COLOR_BUTTON_MODES = v3_v2.THEME_COLOR_BUTTON_MODES;
-exports.THEME_COLOR_CARD_TONES = v3_v2.THEME_COLOR_CARD_TONES;
-exports.THEME_COLOR_INPUT_MODES = v3_v2.THEME_COLOR_INPUT_MODES;
-exports.THEME_COLOR_INPUT_STATES = v3_v2.THEME_COLOR_INPUT_STATES;
-exports.THEME_COLOR_SCHEMES = v3_v2.THEME_COLOR_SCHEMES;
-exports.THEME_COLOR_STATES = v3_v2.THEME_COLOR_STATES;
-exports.THEME_COLOR_STATE_TONES = v3_v2.THEME_COLOR_STATE_TONES;
 exports.AVATAR_SIZE = AVATAR_SIZE;
 exports.COLOR_CONFIG_AVATAR_COLORS = COLOR_CONFIG_AVATAR_COLORS;
 exports.COLOR_CONFIG_BLEND_KEYS = COLOR_CONFIG_BLEND_KEYS;
@@ -2948,12 +3129,20 @@ exports.HUES = HUES;
 exports.RADIUS = RADIUS;
 exports.SHADOW = SHADOW;
 exports.SPACE = SPACE;
+exports.THEME_COLOR_AVATAR_COLORS = THEME_COLOR_AVATAR_COLORS;
+exports.THEME_COLOR_BLEND_MODES = THEME_COLOR_BLEND_MODES;
+exports.THEME_COLOR_BUTTON_MODES = THEME_COLOR_BUTTON_MODES;
+exports.THEME_COLOR_CARD_TONES = THEME_COLOR_CARD_TONES;
+exports.THEME_COLOR_INPUT_MODES = THEME_COLOR_INPUT_MODES;
+exports.THEME_COLOR_INPUT_STATES = THEME_COLOR_INPUT_STATES;
+exports.THEME_COLOR_SCHEMES = THEME_COLOR_SCHEMES;
+exports.THEME_COLOR_STATES = THEME_COLOR_STATES;
+exports.THEME_COLOR_STATE_TONES = THEME_COLOR_STATE_TONES;
 exports.TINTS = TINTS;
 exports.buildColor_v3 = buildColor_v3;
 exports.buildTheme = buildTheme;
 exports.buildTheme_v3 = buildTheme_v3;
 exports.createColorTheme = createColorTheme;
-exports.defaultPalette = defaultPalette;
 exports.defaultTokens = defaultTokens;
 exports.getContrastRatio = getContrastRatio;
 exports.getScopedTheme = getScopedTheme;