@sanity/ui 3.0.0-static.11 → 3.0.0-static.13

package/src/css/varNames.ts

@@ -16,8 +16,10 @@ import {
   Shadow,
   SPACE,
   type Space,
+  THEME_COLOR_CARD_TONES,
   THEME_COLOR_STATE_TONES,
   type ThemeColorCardToneKey as CardTone,
+  ThemeColorCardToneKey,
   type ThemeColorSchemeKey as Scheme,
 } from '@sanity/ui/theme'
 
@@ -29,6 +31,7 @@ import {
   type VarNames,
 } from './types'
 
+/** @public */
 export const varNames: VarNames = {
   avatar: {
     distance: `--avatar-distance`,
@@ -66,9 +69,6 @@ export const varNames: VarNames = {
   },
   color: {
     // card scope
-    accent: {
-      fg: `--color-accent-fg`,
-    },
     avatar: {
       bg: `--color-avatar-bg`,
       fg: `--color-avatar-fg`,
@@ -186,36 +186,32 @@ export const varNames: VarNames = {
     tinted: buildColorVariantVarNames({variant: 'tinted'}),
 
     // tone scopes
-    transparent: buildColorCardVarNames({tone: 'transparent'}),
-    default: buildColorCardVarNames({tone: 'default'}),
-    neutral: buildColorCardVarNames({tone: 'neutral'}),
-    primary: buildColorCardVarNames({tone: 'primary'}),
-    suggest: buildColorCardVarNames({tone: 'suggest'}),
-    positive: buildColorCardVarNames({tone: 'positive'}),
-    caution: buildColorCardVarNames({tone: 'caution'}),
-    critical: buildColorCardVarNames({tone: 'critical'}),
-
-    // scheme scope
-    dark: {
-      transparent: buildColorCardVarNames({scheme: 'dark', tone: 'transparent'}),
-      default: buildColorCardVarNames({scheme: 'dark', tone: 'default'}),
-      neutral: buildColorCardVarNames({scheme: 'dark', tone: 'neutral'}),
-      primary: buildColorCardVarNames({scheme: 'dark', tone: 'primary'}),
-      suggest: buildColorCardVarNames({scheme: 'dark', tone: 'neutral'}),
-      positive: buildColorCardVarNames({scheme: 'dark', tone: 'positive'}),
-      caution: buildColorCardVarNames({scheme: 'dark', tone: 'caution'}),
-      critical: buildColorCardVarNames({scheme: 'dark', tone: 'critical'}),
-    },
-    light: {
-      transparent: buildColorCardVarNames({scheme: 'light', tone: 'transparent'}),
-      default: buildColorCardVarNames({scheme: 'light', tone: 'default'}),
-      neutral: buildColorCardVarNames({scheme: 'light', tone: 'neutral'}),
-      primary: buildColorCardVarNames({scheme: 'light', tone: 'primary'}),
-      suggest: buildColorCardVarNames({scheme: 'light', tone: 'suggest'}),
-      positive: buildColorCardVarNames({scheme: 'light', tone: 'positive'}),
-      caution: buildColorCardVarNames({scheme: 'light', tone: 'caution'}),
-      critical: buildColorCardVarNames({scheme: 'light', tone: 'critical'}),
-    },
+    ...THEME_COLOR_CARD_TONES.reduce(
+      (acc, tone) => {
+        acc[tone] = buildColorCardVarNames({tone})
+
+        return acc
+      },
+      {} as Record<ThemeColorCardToneKey, ColorCardVarNames>,
+    ),
+
+    // scheme scopes
+    dark: THEME_COLOR_CARD_TONES.reduce(
+      (acc, tone) => {
+        acc[tone] = buildColorCardVarNames({scheme: 'dark', tone})
+
+        return acc
+      },
+      {} as Record<ThemeColorCardToneKey, ColorCardVarNames>,
+    ),
+    light: THEME_COLOR_CARD_TONES.reduce(
+      (acc, tone) => {
+        acc[tone] = buildColorCardVarNames({scheme: 'light', tone})
+
+        return acc
+      },
+      {} as Record<ThemeColorCardToneKey, ColorCardVarNames>,
+    ),
   },
   container: {
     0: `--container-0`,
@@ -385,7 +381,6 @@ export const varNames: VarNames = {
     letterSpacing: `--input-letter-spacing`,
     ascenderHeight: `--input-ascender-height`,
     descenderHeight: `--input-descender-height`,
-    // capHeight: `--input-cap-height`,
 
     gap: `--input-gap`,
     padding: `--input-padding`,
@@ -429,112 +424,107 @@ export const varNames: VarNames = {
 function buildColorCardVarNames(props: {scheme?: Scheme; tone: CardTone}): ColorCardVarNames {
   const {scheme, tone} = props
 
-  const sourcePrefix = scheme
-    ? (`--color-${scheme}-${tone}` as const)
-    : (`--color-${tone}` as const)
+  const prefix = scheme ? (`--color-${scheme}-${tone}` as const) : (`--color-${tone}` as const)
 
   return {
-    accent: {
-      fg: `${sourcePrefix}-accent-fg`,
-    },
     avatar: {
       gray: {
-        bg: `${sourcePrefix}-avatar-gray-bg`,
-        fg: `${sourcePrefix}-avatar-gray-fg`,
+        bg: `${prefix}-avatar-gray-bg`,
+        fg: `${prefix}-avatar-gray-fg`,
       },
       blue: {
-        bg: `${sourcePrefix}-avatar-blue-bg`,
-        fg: `${sourcePrefix}-avatar-blue-fg`,
+        bg: `${prefix}-avatar-blue-bg`,
+        fg: `${prefix}-avatar-blue-fg`,
       },
       purple: {
-        bg: `${sourcePrefix}-avatar-purple-bg`,
-        fg: `${sourcePrefix}-avatar-purple-fg`,
+        bg: `${prefix}-avatar-purple-bg`,
+        fg: `${prefix}-avatar-purple-fg`,
       },
       magenta: {
-        bg: `${sourcePrefix}-avatar-magenta-bg`,
-        fg: `${sourcePrefix}-avatar-magenta-fg`,
+        bg: `${prefix}-avatar-magenta-bg`,
+        fg: `${prefix}-avatar-magenta-fg`,
       },
       red: {
-        bg: `${sourcePrefix}-avatar-red-bg`,
-        fg: `${sourcePrefix}-avatar-red-fg`,
+        bg: `${prefix}-avatar-red-bg`,
+        fg: `${prefix}-avatar-red-fg`,
       },
       orange: {
-        bg: `${sourcePrefix}-avatar-orange-bg`,
-        fg: `${sourcePrefix}-avatar-gray-fg`,
+        bg: `${prefix}-avatar-orange-bg`,
+        fg: `${prefix}-avatar-gray-fg`,
       },
       yellow: {
-        bg: `${sourcePrefix}-avatar-yellow-bg`,
-        fg: `${sourcePrefix}-avatar-yellow-fg`,
+        bg: `${prefix}-avatar-yellow-bg`,
+        fg: `${prefix}-avatar-yellow-fg`,
       },
       green: {
-        bg: `${sourcePrefix}-avatar-green-bg`,
-        fg: `${sourcePrefix}-avatar-green-fg`,
+        bg: `${prefix}-avatar-green-bg`,
+        fg: `${prefix}-avatar-green-fg`,
       },
       cyan: {
-        bg: `${sourcePrefix}-avatar-cyan-bg`,
-        fg: `${sourcePrefix}-avatar-yellow-fg`,
+        bg: `${prefix}-avatar-cyan-bg`,
+        fg: `${prefix}-avatar-yellow-fg`,
       },
     },
-    backdrop: `${sourcePrefix}-backdrop`,
+    backdrop: `${prefix}-backdrop`,
     code: {
-      bg: `${sourcePrefix}-code-bg`,
-      fg: `${sourcePrefix}-code-fg`,
+      bg: `${prefix}-code-bg`,
+      fg: `${prefix}-code-fg`,
       token: {
-        atrule: `${sourcePrefix}-code-token-atrule`,
-        attrName: `${sourcePrefix}-code-token-attr-name`,
-        attrValue: `${sourcePrefix}-code-token-attr-value`,
-        attribute: `${sourcePrefix}-code-token-attribute`,
-        boolean: `${sourcePrefix}-code-token-boolean`,
-        builtin: `${sourcePrefix}-code-token-builtin`,
-        cdata: `${sourcePrefix}-code-token-cdata`,
-        char: `${sourcePrefix}-code-token-char`,
-        class: `${sourcePrefix}-code-token-class`,
-        className: `${sourcePrefix}-code-token-class-name`,
-        comment: `${sourcePrefix}-code-token-comment`,
-        constant: `${sourcePrefix}-code-token-constant`,
-        deleted: `${sourcePrefix}-code-token-deleted`,
-        doctype: `${sourcePrefix}-code-token-doctype`,
-        entity: `${sourcePrefix}-code-token-entity`,
-        function: `${sourcePrefix}-code-token-function`,
-        hexcode: `${sourcePrefix}-code-token-hexcode`,
-        id: `${sourcePrefix}-code-token-id`,
-        important: `${sourcePrefix}-code-token-important`,
-        inserted: `${sourcePrefix}-code-token-inserted`,
-        keyword: `${sourcePrefix}-code-token-keyword`,
-        number: `${sourcePrefix}-code-token-number`,
-        operator: `${sourcePrefix}-code-token-operator`,
-        prolog: `${sourcePrefix}-code-token-prolog`,
-        property: `${sourcePrefix}-code-token-property`,
-        pseudoClass: `${sourcePrefix}-code-token-pseudo-class`,
-        pseudoElement: `${sourcePrefix}-code-token-pseudo-element`,
-        punctuation: `${sourcePrefix}-code-token-punctuation`,
-        regex: `${sourcePrefix}-code-token-regex`,
-        selector: `${sourcePrefix}-code-token-selector`,
-        string: `${sourcePrefix}-code-token-string`,
-        symbol: `${sourcePrefix}-code-token-symbol`,
-        tag: `${sourcePrefix}-code-token-tag`,
-        unit: `${sourcePrefix}-code-token-unit`,
-        url: `${sourcePrefix}-code-token-url`,
-        variable: `${sourcePrefix}-code-token-variable`,
-      },
-    },
-    focusRing: `${sourcePrefix}-focus-ring`,
+        atrule: `${prefix}-code-token-atrule`,
+        attrName: `${prefix}-code-token-attr-name`,
+        attrValue: `${prefix}-code-token-attr-value`,
+        attribute: `${prefix}-code-token-attribute`,
+        boolean: `${prefix}-code-token-boolean`,
+        builtin: `${prefix}-code-token-builtin`,
+        cdata: `${prefix}-code-token-cdata`,
+        char: `${prefix}-code-token-char`,
+        class: `${prefix}-code-token-class`,
+        className: `${prefix}-code-token-class-name`,
+        comment: `${prefix}-code-token-comment`,
+        constant: `${prefix}-code-token-constant`,
+        deleted: `${prefix}-code-token-deleted`,
+        doctype: `${prefix}-code-token-doctype`,
+        entity: `${prefix}-code-token-entity`,
+        function: `${prefix}-code-token-function`,
+        hexcode: `${prefix}-code-token-hexcode`,
+        id: `${prefix}-code-token-id`,
+        important: `${prefix}-code-token-important`,
+        inserted: `${prefix}-code-token-inserted`,
+        keyword: `${prefix}-code-token-keyword`,
+        number: `${prefix}-code-token-number`,
+        operator: `${prefix}-code-token-operator`,
+        prolog: `${prefix}-code-token-prolog`,
+        property: `${prefix}-code-token-property`,
+        pseudoClass: `${prefix}-code-token-pseudo-class`,
+        pseudoElement: `${prefix}-code-token-pseudo-element`,
+        punctuation: `${prefix}-code-token-punctuation`,
+        regex: `${prefix}-code-token-regex`,
+        selector: `${prefix}-code-token-selector`,
+        string: `${prefix}-code-token-string`,
+        symbol: `${prefix}-code-token-symbol`,
+        tag: `${prefix}-code-token-tag`,
+        unit: `${prefix}-code-token-unit`,
+        url: `${prefix}-code-token-url`,
+        variable: `${prefix}-code-token-variable`,
+      },
+    },
+    focusRing: `${prefix}-focus-ring`,
     link: {
-      fg: `${sourcePrefix}-link-fg`,
+      fg: `${prefix}-link-fg`,
     },
     muted: {
-      bg: `${sourcePrefix}-muted-bg`,
-      fg: `${sourcePrefix}-muted-fg`,
+      bg: `${prefix}-muted-bg`,
+      fg: `${prefix}-muted-fg`,
     },
     shadow: {
-      outline: `${sourcePrefix}-shadow-outline`,
-      umbra: `${sourcePrefix}-shadow-umbra`,
-      penumbra: `${sourcePrefix}-shadow-penumbra`,
-      ambient: `${sourcePrefix}-shadow-ambient`,
+      outline: `${prefix}-shadow-outline`,
+      umbra: `${prefix}-shadow-umbra`,
+      penumbra: `${prefix}-shadow-penumbra`,
+      ambient: `${prefix}-shadow-ambient`,
     },
     skeleton: {
-      from: `${sourcePrefix}-skeleton-from`,
-      to: `${sourcePrefix}-skeleton-to`,
+      from: `${prefix}-skeleton-from`,
+      to: `${prefix}-skeleton-to`,
     },
 
     solid: buildColorVariantVarNames({scheme, tone, variant: 'solid'}),
@@ -549,7 +539,7 @@ function buildColorVariantVarNames(options: {
 }): ColorVariantVarNames {
   const {scheme, tone, variant} = options
 
-  const _prefix =
+  const prefix =
     scheme && tone
       ? (`--color-${scheme}-${tone}-${variant}` as const)
       : tone
@@ -558,30 +548,30 @@ function buildColorVariantVarNames(options: {
 
   const vars = {
     bg: {
-      0: `${_prefix}-bg-0`,
-      1: `${_prefix}-bg-1`,
-      2: `${_prefix}-bg-2`,
-      3: `${_prefix}-bg-3`,
-      4: `${_prefix}-bg-4`,
+      0: `${prefix}-bg-0`,
+      1: `${prefix}-bg-1`,
+      2: `${prefix}-bg-2`,
+      3: `${prefix}-bg-3`,
+      4: `${prefix}-bg-4`,
     },
     border: {
-      0: `${_prefix}-border-0`,
-      1: `${_prefix}-border-1`,
-      2: `${_prefix}-border-2`,
-      3: `${_prefix}-border-3`,
-      4: `${_prefix}-border-4`,
+      0: `${prefix}-border-0`,
+      1: `${prefix}-border-1`,
+      2: `${prefix}-border-2`,
+      3: `${prefix}-border-3`,
+      4: `${prefix}-border-4`,
     },
     fg: {
-      0: `${_prefix}-fg-0`,
-      1: `${_prefix}-fg-1`,
-      2: `${_prefix}-fg-2`,
-      3: `${_prefix}-fg-3`,
-      4: `${_prefix}-fg-4`,
+      0: `${prefix}-fg-0`,
+      1: `${prefix}-fg-1`,
+      2: `${prefix}-fg-2`,
+      3: `${prefix}-fg-3`,
+      4: `${prefix}-fg-4`,
     },
   } as ColorVariantVarNames
 
   for (const elementTone of THEME_COLOR_STATE_TONES) {
-    const prefix =
+    const _prefix =
       scheme && tone
         ? (`--color-${scheme}-${tone}-${variant}-${elementTone}` as const)
         : tone
@@ -590,25 +580,25 @@ function buildColorVariantVarNames(options: {
 
     vars[elementTone] = {
       bg: {
-        0: `${prefix}-bg-0`,
-        1: `${prefix}-bg-1`,
-        2: `${prefix}-bg-2`,
-        3: `${prefix}-bg-3`,
-        4: `${prefix}-bg-4`,
+        0: `${_prefix}-bg-0`,
+        1: `${_prefix}-bg-1`,
+        2: `${_prefix}-bg-2`,
+        3: `${_prefix}-bg-3`,
+        4: `${_prefix}-bg-4`,
       },
       border: {
-        0: `${prefix}-border-0`,
-        1: `${prefix}-border-1`,
-        2: `${prefix}-border-2`,
-        3: `${prefix}-border-3`,
-        4: `${prefix}-border-4`,
+        0: `${_prefix}-border-0`,
+        1: `${_prefix}-border-1`,
+        2: `${_prefix}-border-2`,
+        3: `${_prefix}-border-3`,
+        4: `${_prefix}-border-4`,
       },
       fg: {
-        0: `${prefix}-fg-0`,
-        1: `${prefix}-fg-1`,
-        2: `${prefix}-fg-2`,
-        3: `${prefix}-fg-3`,
-        4: `${prefix}-fg-4`,
+        0: `${_prefix}-fg-0`,
+        1: `${_prefix}-fg-1`,
+        2: `${_prefix}-fg-2`,
+        3: `${_prefix}-fg-3`,
+        4: `${_prefix}-fg-4`,
       },
     }
   }

package/src/css/vars.ts

@@ -47,9 +47,6 @@ for (const tone of THEME_COLOR_CARD_TONES) {
 }
 
 const colorVars: Vars['color'] = {
-  accent: {
-    fg: `var(${varNames.color.accent.fg})`,
-  },
   avatar: {
     bg: `var(${varNames.color.avatar.bg})`,
     fg: `var(${varNames.color.avatar.fg})`,
@@ -176,6 +173,7 @@ const colorVars: Vars['color'] = {
   light: lightColorVars,
 }
 
+/** @public */
 export const vars: Vars = {
   avatar: {
     distance: `var(${varNames.avatar.distance})`,
@@ -369,9 +367,6 @@ function buildColorCardVars(props: {scheme?: Scheme; tone: CardTone}): ColorCard
   const prefix = scheme ? varNames.color[scheme][tone] : varNames.color[tone]
 
   return {
-    accent: {
-      fg: `var(${prefix.accent.fg})`,
-    },
     avatar: {
       ...THEME_COLOR_AVATAR_COLORS.reduce((acc, color) => {
         return {

package/src/theme/palette/constants.ts

@@ -1,3 +1,4 @@
+/** @public */
 export const HUES = [
   'gray',
   'blue',
@@ -10,4 +11,5 @@ export const HUES = [
   'cyan',
 ] as const
 
+/** @public */
 export const TINTS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950] as const

package/src/theme/palette/types.ts

@@ -1,4 +1,7 @@
 import {type HUES, type TINTS} from './constants'
 
+/** @public */
 export type Hue = (typeof HUES)[number]
+
+/** @public */
 export type Tint = (typeof TINTS)[number]

package/src/theme/types.ts

@@ -3,17 +3,13 @@ import {RootTheme_v0} from './v0/theme'
 import {RootTheme_v2, Theme_v2} from './v2/theme'
 import {Theme_v3} from './v3'
 
-/**
- * @public
- */
+/** @public */
 export interface RootTheme extends RootTheme_v0 {
   v2?: RootTheme_v2
   v3?: Theme_v3
 }
 
-/**
- * @public
- */
+/** @public */
 export type BaseTheme = RootTheme
 
 /**

package/src/theme/v0/focusRing.ts

@@ -1,6 +1,4 @@
-/**
- * @public
- */
+/** @public */
 export interface ThemeFocusRing {
   offset: number
   width: number

package/src/theme/v0/font.ts

@@ -1,16 +1,10 @@
-/**
- * @public
- */
+/** @public */
 export type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
 
-/**
- * @public
- */
+/** @public */
 export type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeFontSize {
   ascenderHeight: number
   descenderHeight: number
@@ -20,9 +14,7 @@ export interface ThemeFontSize {
   lineHeight: number
 }
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeFontWeight {
   regular: number
   medium: number
@@ -30,9 +22,7 @@ export interface ThemeFontWeight {
   bold: number
 }
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeFont {
   family: string
   featureSettings?: string
@@ -42,9 +32,7 @@ export interface ThemeFont {
   horizontalOffset?: number
 }
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeFonts {
   code: ThemeFont
   heading: ThemeFont

package/src/theme/v0/layer.ts

@@ -1,6 +1,4 @@
-/**
- * @public
- */
+/** @public */
 export interface ThemeLayer {
   dialog: {zOffset: number}
   popover: {zOffset: number}

package/src/theme/v0/shadow.ts

@@ -1,6 +1,4 @@
-/**
- * @public
- */
+/** @public */
 export type ThemeBoxShadow = [
   // offsetX, offsetY, blurRadius, spreadRadius
   number,
@@ -9,9 +7,7 @@ export type ThemeBoxShadow = [
   number,
 ]
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeShadow {
   umbra: ThemeBoxShadow
   penumbra: ThemeBoxShadow

package/src/theme/v2/avatar.ts

@@ -1,8 +1,6 @@
 import {ThemeFocusRing} from '../v0/focusRing'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeAvatar_v2 {
   sizes: {
     /** Spacing between avatars in an <AvatarStack> component (px) */

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

@@ -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'
 
-/**
- * @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'
 
-/**
- * @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'
 
-/**
- * @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

@@ -6,9 +6,7 @@ import {ThemeColorShadow} from './shadow'
 import {ThemeColorState_v2} from './state'
 import {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,6 @@
 import {ThemeColorBlendModeKey, ThemeColorInputModeKey, ThemeColorInputStateKey} from './_system'
 
-/**
- * @public
- */
+/** @public */
 export interface ThemeColorInputState_v2 {
   _blend?: ThemeColorBlendModeKey
   bg: string
@@ -14,12 +12,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>