@sanity/ui 3.0.0-static.2 → 3.0.0-static.20

package/src/theme/{build → v2/build}/lib/color-fns/contrastRatio.ts

@@ -1,7 +1,10 @@
 import {parseColor} from './parse'
-import {RGB, RGBA} from './types'
+import type {RGB, RGBA} from './types'
 
-/** @internal */
+/**
+ * @internal
+ * @deprecated Will be removed in next major version
+ */
 export function getContrastRatio(bg: string, fg: string): number {
   const rgb1 = parseColor(bg) // bg: RGB | RGBA, fg: RGB | RGBA
   const rgb2 = parseColor(fg)

package/src/theme/{build → v2/build}/lib/color-fns/convert.ts

@@ -1,5 +1,5 @@
 import {clamp, round} from '../utils'
-import {HSL, RGB, RGBA} from './types'
+import type {HSL, RGB, RGBA} from './types'
 
 /**
  * @internal

package/src/theme/{build → v2/build}/lib/color-fns/parse.ts

@@ -1,5 +1,5 @@
 import {hexToRgb, hslToRgb, rgbaToRGBA} from './convert'
-import {HSL, RGB, RGBA} from './types'
+import type {HSL, RGB, RGBA} from './types'
 
 const HEX_CHARS = '0123456789ABCDEFabcdef'
 

package/src/theme/{build → v2/build}/mixThemeColor.test.ts

@@ -1,3 +1,5 @@
+import {expect, test} from 'vitest'
+
 import {mixThemeColor} from './mixThemeColor'
 
 test('mix 1', () => {

package/src/theme/{build → v2/build}/mixThemeColor.ts

@@ -1,4 +1,4 @@
-import {multiply, parseColor, RGB, rgbToHex, screen} from './lib/color-fns'
+import {multiply, parseColor, type RGB, rgbToHex, screen} from './lib/color-fns'
 import {clamp, range} from './lib/utils'
 
 const RGB_RANGE: [number, number] = [0, 255]

package/src/theme/{build → v2/build}/renderColorTheme.ts

@@ -1,31 +1,31 @@
-// import {COLOR_HUES} from '@sanity/color'
-import {ThemeColorPalette, ThemeConfig} from '../config'
-import {defaultColorPalette} from '../defaults/colorPalette'
-import {HUES} from '../palette'
+import {COLOR_HUES} from '@sanity/color'
+
 import {
   THEME_COLOR_STATE_TONES,
-  ThemeColorAvatar_v2,
-  ThemeColorBadge_v2,
-  ThemeColorBadgeTone_v2,
-  ThemeColorBlendModeKey,
-  ThemeColorButton_v2,
-  ThemeColorButtonMode_v2,
-  ThemeColorButtonTone_v2,
-  ThemeColorCard_v2,
-  ThemeColorCardToneKey,
-  ThemeColorInput_v2,
-  ThemeColorInputMode_v2,
-  ThemeColorInputState_v2,
-  ThemeColorKBD,
-  ThemeColorScheme_v2,
-  ThemeColorSchemes_v2,
-  ThemeColorSelectable_v2,
-  ThemeColorSelectableTone_v2,
-  ThemeColorShadow,
-  ThemeColorState_v2,
-  ThemeColorSyntax,
-} from '../v2'
-import {renderColorValue, RenderColorValueOptions} from './renderColorValue'
+  type ThemeColorAvatar_v2,
+  type ThemeColorBadge_v2,
+  type ThemeColorBadgeTone_v2,
+  type ThemeColorBlendModeKey,
+  type ThemeColorButton_v2,
+  type ThemeColorButtonMode_v2,
+  type ThemeColorButtonTone_v2,
+  type ThemeColorCard_v2,
+  type ThemeColorCardToneKey,
+  type ThemeColorInput_v2,
+  type ThemeColorInputMode_v2,
+  type ThemeColorInputState_v2,
+  type ThemeColorKBD,
+  type ThemeColorScheme_v2,
+  type ThemeColorSchemes_v2,
+  type ThemeColorSelectable_v2,
+  type ThemeColorSelectableTone_v2,
+  type ThemeColorShadow,
+  type ThemeColorState_v2,
+  type ThemeColorSyntax,
+} from '../color'
+import type {ThemeColorPalette, ThemeConfig} from '../config'
+import {defaultColorPalette} from '../defaults/colorPalette'
+import {renderColorValue, type RenderColorValueOptions} from './renderColorValue'
 
 export function renderThemeColorSchemes(
   value: ThemeColorSchemes_v2,
@@ -192,7 +192,7 @@ function renderThemeColorAvatar(
 ): ThemeColorAvatar_v2 {
   const colorAvatar = {} as ThemeColorAvatar_v2
 
-  for (const hue of HUES) {
+  for (const hue of COLOR_HUES) {
     colorAvatar[hue] = renderThemeColorAvatarColor(value[hue], options)
   }
 

package/src/theme/{build → v2/build}/renderColorValue.ts

@@ -1,7 +1,7 @@
-import {ColorTint as ColorPaletteValue} from '@sanity/color'
+import type {ColorTint as ColorPaletteValue} from '@sanity/color'
 
-import {parseTokenValue, ThemeColorPalette} from '../config'
-import {ThemeColorBlendModeKey} from '../v2'
+import type {ThemeColorBlendModeKey} from '../color'
+import {parseTokenValue, type ThemeColorPalette} from '../config'
 import {hexToRgb, mix, rgba, rgbToHex} from './lib/color-fns'
 import {mixThemeColor} from './mixThemeColor'
 

package/src/theme/{build → v2/build}/resolveColorTokens.ts

@@ -1,6 +1,18 @@
-import {COLOR_HUES, ColorHueKey} from '@sanity/color'
+import {COLOR_HUES, type ColorHueKey} from '@sanity/color'
 
 import {
+  THEME_COLOR_BUTTON_MODES,
+  THEME_COLOR_CARD_TONES,
+  THEME_COLOR_INPUT_MODES,
+  THEME_COLOR_INPUT_STATES,
+  THEME_COLOR_STATE_TONES,
+  THEME_COLOR_STATES,
+  type ThemeColorButtonModeKey,
+  type ThemeColorCardToneKey,
+  type ThemeColorStateKey,
+  type ThemeColorStateToneKey,
+} from '../color'
+import type {
   ColorConfigCardTone,
   ColorConfigInputMode,
   ColorConfigInputState,
@@ -16,18 +28,6 @@ import {
   ThemeColorTokens,
 } from '../config'
 import {defaultColorTokens} from '../defaults/colorTokens'
-import {
-  THEME_COLOR_BUTTON_MODES,
-  THEME_COLOR_CARD_TONES,
-  THEME_COLOR_INPUT_MODES,
-  THEME_COLOR_INPUT_STATES,
-  THEME_COLOR_STATE_TONES,
-  THEME_COLOR_STATES,
-  ThemeColorButtonModeKey,
-  ThemeColorCardToneKey,
-  ThemeColorStateKey,
-  ThemeColorStateToneKey,
-} from '../v2'
 import {merge} from './merge'
 
 /**

package/src/theme/v2/color/_helpers.ts

@@ -1,7 +1,7 @@
-import {COLOR_HUES, COLOR_TINTS, ColorHueKey, ColorTintKey} from '@sanity/color'
+import {COLOR_HUES, COLOR_TINTS, type ColorHueKey, type ColorTintKey} from '@sanity/color'
 
 import {THEME_COLOR_BLEND_MODES, THEME_COLOR_BUTTON_MODES} from './_constants'
-import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from './_system'
+import type {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from './_system'
 
 /** @internal */
 export function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey {

package/src/theme/v2/color/_system.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   THEME_COLOR_AVATAR_COLORS,
   THEME_COLOR_BLEND_MODES,
   THEME_COLOR_BUTTON_MODES,
@@ -10,9 +10,7 @@ import {
   THEME_COLOR_STATES,
 } from './_constants'
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
 
 /** @public */

package/src/theme/v2/color/avatar.ts

@@ -1,15 +1,11 @@
-import {ThemeColorAvatarColorKey, ThemeColorBlendModeKey} from './_system'
+import type {ThemeColorAvatarColorKey, ThemeColorBlendModeKey} from './_system'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorAvatarHue_v2 {
   _blend?: ThemeColorBlendModeKey
   bg: string
   fg: string
 }
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>

package/src/theme/v2/color/badge.ts

@@ -1,8 +1,6 @@
-import {ThemeColorStateToneKey} from './_system'
+import type {ThemeColorStateToneKey} from './_system'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorBadgeTone_v2 {
   bg: string
   fg: string
@@ -10,7 +8,5 @@ export interface ThemeColorBadgeTone_v2 {
   icon: string
 }
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>

package/src/theme/v2/color/button.ts

@@ -1,17 +1,11 @@
-import {ThemeColorButtonModeKey, ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
-import {ThemeColorState_v2} from './state'
+import type {ThemeColorButtonModeKey, ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
+import type {ThemeColorState_v2} from './state'
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>

package/src/theme/v2/color/color.ts

@@ -1,14 +1,12 @@
-import {ThemeColorBlendModeKey, ThemeColorCardToneKey, ThemeColorSchemeKey} from './_system'
-import {ThemeColorButton_v2} from './button'
-import {ThemeColorInput_v2} from './input'
-import {ThemeColorSelectable_v2} from './selectable'
-import {ThemeColorShadow} from './shadow'
-import {ThemeColorState_v2} from './state'
-import {ThemeColorSyntax} from './syntax'
+import type {ThemeColorBlendModeKey, ThemeColorCardToneKey, ThemeColorSchemeKey} from './_system'
+import type {ThemeColorButton_v2} from './button'
+import type {ThemeColorInput_v2} from './input'
+import type {ThemeColorSelectable_v2} from './selectable'
+import type {ThemeColorShadow} from './shadow'
+import type {ThemeColorState_v2} from './state'
+import type {ThemeColorSyntax} from './syntax'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   /** @internal */
   _blend: ThemeColorBlendModeKey
@@ -23,12 +21,8 @@ export interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   syntax: ThemeColorSyntax
 }
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>

package/src/theme/v2/color/input.ts

@@ -1,8 +1,10 @@
-import {ThemeColorBlendModeKey, ThemeColorInputModeKey, ThemeColorInputStateKey} from './_system'
+import type {
+  ThemeColorBlendModeKey,
+  ThemeColorInputModeKey,
+  ThemeColorInputStateKey,
+} from './_system'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorInputState_v2 {
   _blend?: ThemeColorBlendModeKey
   bg: string
@@ -14,12 +16,8 @@ export interface ThemeColorInputState_v2 {
   placeholder: string
 }
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>

package/src/theme/v2/color/kbd.ts

@@ -1,6 +1,4 @@
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorKBD {
   bg: string
   fg: string

package/src/theme/v2/color/selectable.ts

@@ -1,12 +1,8 @@
-import {ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
-import {ThemeColorState_v2} from './state'
+import type {ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
+import type {ThemeColorState_v2} from './state'
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
 
-/**
- * @public
- */
+/** @public */
 export type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>

package/src/theme/v2/color/state.ts

@@ -1,11 +1,9 @@
-import {ThemeColorBlendModeKey} from './_system'
-import {ThemeColorAvatar_v2} from './avatar'
-import {ThemeColorBadge_v2} from './badge'
-import {ThemeColorKBD} from './kbd'
+import type {ThemeColorBlendModeKey} from './_system'
+import type {ThemeColorAvatar_v2} from './avatar'
+import type {ThemeColorBadge_v2} from './badge'
+import type {ThemeColorKBD} from './kbd'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorState_v2 {
   /** @internal */
   _blend?: ThemeColorBlendModeKey

package/src/theme/v2/color/syntax.ts

@@ -1,6 +1,4 @@
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorSyntax {
   atrule: string
   attrName: string

package/src/theme/{config → v2/config}/helpers.ts

@@ -4,15 +4,13 @@ import {
   COLOR_CONFIG_CARD_TONES,
   COLOR_CONFIG_STATE_KEYS,
   COLOR_CONFIG_STATE_TONES,
-  ColorConfigBlendKey,
-  ColorConfigCardKey,
-  ColorConfigCardTone,
-  ColorConfigOpacityValue,
-  ColorConfigStateKey,
-  ColorConfigStateTone,
-  ColorConfigValue,
+  type ColorConfigBlendKey,
+  type ColorConfigCardKey,
+  type ColorConfigCardTone,
+  type ColorConfigOpacityValue,
+  type ColorConfigStateKey,
+  type ColorConfigStateTone,
 } from './system'
-import {parseTokenValue} from './tokens'
 
 /** @internal */
 export function isColorConfigBaseTone(str: string): str is ColorConfigCardTone {
@@ -39,11 +37,6 @@ export function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey {
   return COLOR_CONFIG_BLEND_KEYS.includes(str as ColorConfigBlendKey)
 }
 
-/** @internal */
-export function isColorTokenValue(str: string): str is ColorConfigValue {
-  return parseTokenValue(str)?.type === 'color' || parseTokenValue(str)?.type === 'hue'
-}
-
 /** @internal */
 export function isColorValue(str: string): str is 'black' | 'white' {
   return str === 'black' || str === 'white'

package/src/theme/{config → v2/config}/system.ts

@@ -1,5 +1,4 @@
-import {ColorHueKey, ColorTintKey} from '@sanity/color'
-
+import type {Hue, Tint} from '../../v3'
 import {
   THEME_COLOR_AVATAR_COLORS,
   THEME_COLOR_CARD_TONES,
@@ -7,8 +6,8 @@ import {
   THEME_COLOR_INPUT_STATES,
   THEME_COLOR_STATE_TONES,
   THEME_COLOR_STATES,
-  ThemeColorBlendModeKey,
-} from '../v2'
+  type ThemeColorBlendModeKey,
+} from '../color'
 
 /** @public */
 export const COLOR_CONFIG_STATE_KEYS = [
@@ -63,14 +62,14 @@ export type ColorConfigValue =
   | `white`
   | `black/${ColorConfigOpacityValue}`
   | `white/${ColorConfigOpacityValue}`
-  | `${ColorHueKey}`
-  | `${ColorHueKey} ${number}%`
-  | `${ColorHueKey}/${ColorTintKey}`
-  | `${ColorHueKey}/${ColorTintKey} ${number}%`
-  | `${ColorHueKey}/${ColorTintKey}/${ColorConfigOpacityValue}`
-  | `${ColorTintKey}`
-  | `${ColorTintKey} ${number}%`
-  | `${ColorTintKey}/${ColorConfigOpacityValue}`
+  | `${Hue}`
+  | `${Hue} ${number}%`
+  | `${Hue}/${Tint}`
+  | `${Hue}/${Tint} ${number}%`
+  | `${Hue}/${Tint}/${ColorConfigOpacityValue}`
+  | `${Tint}`
+  | `${Tint} ${number}%`
+  | `${Tint}/${ColorConfigOpacityValue}`
 
 /** @public */
 export type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]

package/src/theme/{config → v2/config}/tokens/color/types.ts

@@ -1,7 +1,11 @@
-import {ColorHueKey} from '@sanity/color'
+import type {Hue} from '@sanity/ui/theme'
 
-import {ThemeColorButtonModeKey, ThemeColorStateToneKey, ThemeColorSyntax} from '../../../v2'
-import {
+import type {
+  ThemeColorButtonModeKey,
+  ThemeColorStateToneKey,
+  ThemeColorSyntax,
+} from '../../../color'
+import type {
   ColorBlendModeTokenValue,
   ColorConfigCardTone,
   ColorConfigInputMode,
@@ -14,7 +18,7 @@ import {
 /** @public */
 export interface ThemeColorAvatarHueTokens {
   _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
+  _hue?: Hue
   bg?: ThemeColorTokenValue
   fg?: ThemeColorTokenValue
 }
@@ -48,7 +52,7 @@ export interface ThemeColorBaseTokens extends ThemeColorStateTokens {
 /** @public */
 export interface ThemeColorBadgeToneTokens {
   _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
+  _hue?: Hue
   bg?: ThemeColorTokenValue
   dot?: ThemeColorTokenValue
   fg?: ThemeColorTokenValue
@@ -63,7 +67,7 @@ export type ThemeColorBadgeTokens = Partial<
 /** @public */
 export interface ThemeColorStateTokens {
   _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
+  _hue?: Hue
   accent?: {
     fg?: ThemeColorTokenValue
   }
@@ -101,13 +105,13 @@ export type ThemeColorStatesTokens = Partial<Record<ColorConfigState, ThemeColor
 /** @public */
 export interface ThemeColorButtonTokens
   extends Partial<Record<ColorConfigStateTone, ThemeColorStatesTokens>> {
-  _hue?: ColorHueKey
+  _hue?: Hue
 }
 
 /** @public */
 export interface ThemeColorInputStateTokens {
   _blend?: ColorBlendModeTokenValue
-  _hue?: ColorHueKey
+  _hue?: Hue
   bg?: ThemeColorTokenValue
   border?: ThemeColorTokenValue
   fg?: ThemeColorTokenValue
@@ -120,7 +124,7 @@ export interface ThemeColorInputStateTokens {
 /** @public */
 export interface ThemeColorInputTokens
   extends Partial<Record<ColorConfigInputState, ThemeColorInputStateTokens>> {
-  _hue?: ColorHueKey
+  _hue?: Hue
 }
 
 /** @public */
@@ -128,6 +132,6 @@ export interface ThemeColorTokens {
   base?: Partial<Record<ColorConfigCardTone, ThemeColorBaseTokens>>
   button?: Partial<Record<ThemeColorButtonModeKey, ThemeColorButtonTokens>>
   input?: Partial<Record<ColorConfigInputMode, ThemeColorInputTokens>>
-  selectable?: Partial<Record<ColorConfigStateTone, {_hue?: ColorHueKey} & ThemeColorStatesTokens>>
+  selectable?: Partial<Record<ColorConfigStateTone, {_hue?: Hue} & ThemeColorStatesTokens>>
   syntax?: Partial<Record<keyof ThemeColorSyntax, ThemeColorTokenValue>>
 }

package/src/theme/{config → v2/config}/tokens/index.ts

@@ -1,4 +1,3 @@
 export * from './color'
-export * from './parseTokenKey'
 export * from './parseTokenValue'
 export * from './types'

package/src/theme/{config → v2/config}/tokens/parseTokenValue.test.ts

@@ -1,3 +1,5 @@
+import {expect, test} from 'vitest'
+
 import {parseTokenValue} from './parseTokenValue'
 
 test('parse color value', () => {

package/src/theme/{config → v2/config}/tokens/parseTokenValue.ts

@@ -1,6 +1,6 @@
-import {isColorBlendModeValue, isColorHueKey, isColorTintKey} from '../../v2'
+import {isColorBlendModeValue, isColorHueKey, isColorTintKey} from '../../color'
 import {isColorOpacityValue, isColorValue} from '../helpers'
-import {TokenValueNode} from './types'
+import type {TokenValueNode} from './types'
 
 function isColorMixPercentValue(str: string): str is `${number}%` {
   return /^\d+%$/.test(str)

package/src/theme/{config → v2/config}/tokens/types.ts

@@ -1,7 +1,7 @@
-import {ColorHueKey, ColorTintKey} from '@sanity/color'
+import type {ColorHueKey, ColorTintKey} from '@sanity/color'
 
-import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from '../../v2'
-import {
+import type {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from '../../color'
+import type {
   ColorConfigBlendKey,
   ColorConfigCardKey,
   ColorConfigCardTone,

package/src/theme/{config → v2/config}/types.ts

@@ -1,21 +1,23 @@
-import {ColorHueKey, ColorTint as ColorPaletteValue, ColorTintKey} from '@sanity/color'
+import type {ColorTint as ColorPaletteValue} from '@sanity/color'
 
-import {
+import type {
   ThemeFocusRing,
   ThemeFonts,
   ThemeFontWeightKey,
   ThemeLayer,
   ThemeShadow,
   ThemeStyles,
-} from '../v0'
-import {ThemeAvatar_v2, ThemeInput_v2} from '../v2'
-import {ThemeColorTokens} from './tokens'
+} from '../../v0'
+import type {Hue, Tint} from '../../v3'
+import type {ThemeAvatar_v2} from '../avatar'
+import type {ThemeInput_v2} from '../input'
+import type {ThemeColorTokens} from './tokens'
 
 /** @public */
 export type ThemeColorPalette = {
   black: string | ColorPaletteValue
   white: string | ColorPaletteValue
-} & Record<ColorHueKey, Record<ColorTintKey, string | ColorPaletteValue>>
+} & Record<Hue, Record<Tint, string | ColorPaletteValue>>
 
 /** @public */
 export interface ThemeConfig {

package/src/theme/{defaults → v2/defaults}/colorPalette.ts

@@ -1,5 +1,5 @@
 import {color} from '@sanity/color'
 
-import {ThemeColorPalette} from '../config'
+import type {ThemeColorPalette} from '../config'
 
 export const defaultColorPalette: ThemeColorPalette = color

package/src/theme/{defaults → v2/defaults}/colorTokens.ts

@@ -1,4 +1,4 @@
-import {ThemeColorTokens} from '../config'
+import type {ThemeColorTokens} from '../config'
 
 export const defaultColorTokens: ThemeColorTokens = {
   base: {
@@ -368,12 +368,12 @@ export const defaultColorTokens: ThemeColorTokens = {
           },
         },
         'hovered': {
-          bg: ['50', '950'],
+          bg: ['50', '900'],
           fg: ['800', '200'],
           icon: ['800 70%', '300 70%'],
         },
         'pressed': {
-          bg: ['100', '900'],
+          bg: ['100', '800'],
           fg: ['800', '200'],
           icon: ['800 70%', '200 70%'],
         },

package/src/theme/{defaults → v2/defaults}/config.ts

@@ -1,4 +1,4 @@
-import {RootTheme_v2} from '../v2'
+import type {RootTheme_v2} from '../theme'
 
 const BORDER_WIDTH = 1
 const OUTLINE_WIDTH = 0.5
@@ -31,7 +31,7 @@ export const defaultThemeConfig: Omit<RootTheme_v2, 'color' | 'font'> = {
     popover: {zOffset: 400},
     tooltip: {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], ambient: [0, 0, 0, 0]},