@sanity/ui 3.0.2 → 4.0.0-static.2

package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts

@@ -1,76 +0,0 @@
-import {
-  ThemeColorBase,
-  ThemeColorMuted,
-  ThemeColorSelectable,
-  ThemeColorSelectableStates,
-  ThemeColorSolid,
-} from '../../../../system'
-import {ThemeColorBuilderOpts} from '../factory'
-
-export function createSelectableTones(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  solid: ThemeColorSolid,
-  muted: ThemeColorMuted,
-): ThemeColorSelectable {
-  return {
-    default: _createSelectableStates(opts, base, dark, solid, muted, 'default'),
-    primary: _createSelectableStates(opts, base, dark, solid, muted, 'primary'),
-    positive: _createSelectableStates(opts, base, dark, solid, muted, 'positive'),
-    caution: _createSelectableStates(opts, base, dark, solid, muted, 'caution'),
-    critical: _createSelectableStates(opts, base, dark, solid, muted, 'critical'),
-  }
-}
-
-function _createSelectableStates(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  solid: ThemeColorSolid,
-  muted: ThemeColorMuted,
-  tone: 'default' | 'primary' | 'positive' | 'caution' | 'critical',
-): ThemeColorSelectableStates {
-  return {
-    enabled: opts.selectable({
-      base,
-      dark,
-      solid,
-      muted,
-      state: 'enabled',
-      tone,
-    }),
-    hovered: opts.selectable({
-      base,
-      dark,
-      solid,
-      muted,
-      state: 'hovered',
-      tone,
-    }),
-    pressed: opts.selectable({
-      base,
-      dark,
-      solid,
-      muted,
-      state: 'pressed',
-      tone,
-    }),
-    selected: opts.selectable({
-      base,
-      dark,
-      solid,
-      muted,
-      state: 'selected',
-      tone,
-    }),
-    disabled: opts.selectable({
-      base,
-      dark,
-      solid,
-      muted,
-      state: 'disabled',
-      tone,
-    }),
-  }
-}

package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts

@@ -1,54 +0,0 @@
-import {ThemeColorBase, ThemeColorName, ThemeColorSolid} from '../../../../system'
-import {ThemeColorBuilderOpts} from '../factory'
-
-export function createSolidTones(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  name: ThemeColorName,
-): ThemeColorSolid {
-  return {
-    default: {
-      enabled: opts.solid({base, dark, tone: 'default', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'default', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'default', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'default', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'default', name, state: 'selected'}),
-    },
-    transparent: {
-      enabled: opts.solid({base, dark, tone: 'transparent', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'transparent', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'transparent', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'transparent', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'transparent', name, state: 'selected'}),
-    },
-    primary: {
-      enabled: opts.solid({base, dark, tone: 'primary', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'primary', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'primary', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'primary', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'primary', name, state: 'selected'}),
-    },
-    positive: {
-      enabled: opts.solid({base, dark, tone: 'positive', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'positive', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'positive', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'positive', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'positive', name, state: 'selected'}),
-    },
-    caution: {
-      enabled: opts.solid({base, dark, tone: 'caution', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'caution', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'caution', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'caution', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'caution', name, state: 'selected'}),
-    },
-    critical: {
-      enabled: opts.solid({base, dark, tone: 'critical', name, state: 'enabled'}),
-      disabled: opts.solid({base, dark, tone: 'critical', name, state: 'disabled'}),
-      hovered: opts.solid({base, dark, tone: 'critical', name, state: 'hovered'}),
-      pressed: opts.solid({base, dark, tone: 'critical', name, state: 'pressed'}),
-      selected: opts.solid({base, dark, tone: 'critical', name, state: 'selected'}),
-    },
-  }
-}

package/src/theme/build/_deprecated/color/button/createButtonModes.ts

@@ -1,22 +0,0 @@
-import {
-  ThemeColorBase,
-  ThemeColorButton,
-  ThemeColorMuted,
-  ThemeColorSolid,
-} from '../../../../system'
-import {ThemeColorBuilderOpts} from '../factory'
-import {createButtonTones} from './createButtonTones'
-
-export function createButtonModes(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  solid: ThemeColorSolid,
-  muted: ThemeColorMuted,
-): ThemeColorButton {
-  return {
-    default: createButtonTones(opts, base, dark, solid, muted, 'default'),
-    ghost: createButtonTones(opts, base, dark, solid, muted, 'ghost'),
-    bleed: createButtonTones(opts, base, dark, solid, muted, 'bleed'),
-  }
-}

package/src/theme/build/_deprecated/color/button/createButtonTones.ts

@@ -1,55 +0,0 @@
-import {
-  ThemeColorBase,
-  ThemeColorButtonModeKey,
-  ThemeColorButtonTones,
-  ThemeColorMuted,
-  ThemeColorSolid,
-} from '../../../../system'
-import {ThemeColorBuilderOpts} from '../factory'
-
-export function createButtonTones(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  solid: ThemeColorSolid,
-  muted: ThemeColorMuted,
-  mode: ThemeColorButtonModeKey,
-): ThemeColorButtonTones {
-  return {
-    default: opts.button({
-      base,
-      dark,
-      solid: solid.default,
-      muted: muted.default,
-      mode,
-    }),
-    primary: opts.button({
-      base,
-      dark,
-      solid: solid.primary,
-      muted: muted.primary,
-      mode,
-    }),
-    positive: opts.button({
-      base,
-      dark,
-      solid: solid.positive,
-      muted: muted.positive,
-      mode,
-    }),
-    caution: opts.button({
-      base,
-      dark,
-      solid: solid.caution,
-      muted: muted.caution,
-      mode,
-    }),
-    critical: opts.button({
-      base,
-      dark,
-      solid: solid.critical,
-      muted: muted.critical,
-      mode,
-    }),
-  }
-}

package/src/theme/build/_deprecated/color/card/createCardStates.ts

@@ -1,60 +0,0 @@
-import {
-  ThemeColorBase,
-  ThemeColorCard,
-  ThemeColorMuted,
-  ThemeColorName,
-  ThemeColorSolid,
-} from '../../../../system'
-import {ThemeColorBuilderOpts} from '../factory'
-
-export function createCardStates(
-  opts: ThemeColorBuilderOpts,
-  base: ThemeColorBase,
-  dark: boolean,
-  name: ThemeColorName,
-  solid: ThemeColorSolid,
-  muted: ThemeColorMuted,
-): ThemeColorCard {
-  return {
-    enabled: opts.card({
-      base,
-      dark,
-      name,
-      state: 'enabled',
-      solid,
-      muted,
-    }),
-    disabled: opts.card({
-      base,
-      dark,
-      name,
-      state: 'disabled',
-      solid,
-      muted,
-    }),
-    hovered: opts.card({
-      base,
-      dark,
-      name,
-      state: 'hovered',
-      solid,
-      muted,
-    }),
-    pressed: opts.card({
-      base,
-      dark,
-      name,
-      state: 'pressed',
-      solid,
-      muted,
-    }),
-    selected: opts.card({
-      base,
-      dark,
-      name,
-      state: 'selected',
-      solid,
-      muted,
-    }),
-  }
-}

package/src/theme/build/_deprecated/color/color.test.ts

@@ -1,63 +0,0 @@
-/** @jest-environment jsdom */
-
-import {createColorTheme} from './factory'
-
-describe('color', () => {
-  describe('createColorTheme', () => {
-    it('should generate base (scheme=light, name=default)', () => {
-      const theme = createColorTheme()
-      const scheme = 'light'
-      const name = 'default'
-      const color = theme[scheme][name]
-
-      expect(color.base).toEqual({
-        bg: 'hsl(0, 0%, 100%)',
-        border: 'hsl(0, 0%, 95%)',
-        fg: 'hsl(0, 0%, 0%)',
-        focusRing: 'hsl(240, 100%, 50%)',
-        shadow: {
-          ambient: 'hsl(0, 0%, 0%)',
-          outline: 'hsl(0, 0%, 0%)',
-          penumbra: 'hsl(0, 0%, 0%)',
-          umbra: 'hsl(0, 0%, 0%)',
-        },
-        skeleton: {
-          from: 'hsl(0, 0%, 0%)',
-          to: 'hsl(0, 0%, 0%)',
-        },
-      })
-    })
-
-    it('should generate muted states (scheme=light, name=default)', () => {
-      const theme = createColorTheme()
-      const scheme = 'light'
-      const name = 'default'
-      const color = theme[scheme][name]
-
-      expect(color.muted.default.enabled).toEqual({
-        bg: 'hsl(0, 0%, 95%)',
-        bg2: 'hsl(0, 0%, 95%)',
-        border: 'hsl(0, 0%, 70%)',
-        fg: 'hsl(0, 0%, 20%)',
-        icon: 'hsl(0, 0%, 20%)',
-        muted: {
-          fg: 'hsl(0, 0%, 0%)',
-        },
-        link: {
-          fg: 'hsl(0, 0%, 0%)',
-        },
-        accent: {
-          fg: 'hsl(0, 0%, 0%)',
-        },
-        code: {
-          bg: 'hsl(0, 0%, 0%)',
-          fg: 'hsl(0, 0%, 0%)',
-        },
-        skeleton: {
-          from: 'hsl(0, 0%, 0%)',
-          to: 'hsl(0, 0%, 0%)',
-        },
-      })
-    })
-  })
-})