@sanity/color-input 4.0.6 → 5.0.0

package/src/schemas/color.tsx

@@ -1,98 +0,0 @@
-import {defineType, type ObjectDefinition} from 'sanity'
-
-import {ColorInput} from '../LazyColorInput'
-import {type ColorOptions} from '../types'
-
-const round = (val: number = 1) => Math.round(val * 100)
-
-const colorTypeName = 'color' as const
-
-/**
- * @public
- */
-export interface ColorDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
-  type: typeof colorTypeName
-  options?: ColorOptions
-}
-
-declare module '@sanity/types' {
-  // makes type: 'color' narrow correctly when using defineTyp/defineField/defineArrayMember
-  export interface IntrinsicDefinitions {
-    color: ColorDefinition
-  }
-}
-
-export const color = defineType({
-  name: colorTypeName,
-  type: 'object',
-  title: 'Color',
-  components: {input: ColorInput},
-  fields: [
-    {
-      title: 'Hex',
-      name: 'hex',
-      type: 'string',
-    },
-    {
-      title: 'Alpha',
-      name: 'alpha',
-      type: 'number',
-    },
-    {
-      title: 'Hue Saturation Lightness',
-      name: 'hsl',
-      type: 'hslaColor',
-    },
-    {
-      title: 'Hue Saturation Value',
-      name: 'hsv',
-      type: 'hsvaColor',
-    },
-    {
-      title: 'Red Green Blue (rgb)',
-      name: 'rgb',
-      type: 'rgbaColor',
-    },
-  ],
-  preview: {
-    select: {
-      title: 'hex',
-      alpha: 'alpha',
-      hex: 'hex',
-      hsl: 'hsl',
-    },
-    prepare({
-      title,
-      hex,
-      hsl,
-      alpha,
-    }: {
-      title?: string
-      alpha?: number
-      hex?: string
-      hsl?: {h: number; s: number; l: number}
-    }) {
-      let subtitle = hex || 'No color set'
-      if (hsl) {
-        subtitle = `H:${round(hsl.h)} S:${round(hsl.s)} L:${round(hsl.l)} A:${round(alpha)}`
-      }
-      return {
-        title: title,
-        subtitle: subtitle,
-        media: () => (
-          <div
-            style={{
-              backgroundColor: hex ?? '#000',
-              opacity: alpha ?? 1,
-              position: 'absolute',
-              height: '100%',
-              width: '100%',
-              top: '0',
-              left: '0',
-            }}
-          />
-        ),
-      }
-    },
-  },
-})

package/src/schemas/hslaColor.ts

@@ -1,13 +0,0 @@
-import {defineType} from 'sanity'
-
-export const hslaColor = defineType({
-  title: 'Hue Saturation Lightness',
-  name: 'hslaColor',
-  type: 'object',
-  fields: [
-    {name: 'h', type: 'number', title: 'Hue'},
-    {name: 's', type: 'number', title: 'Saturation'},
-    {name: 'l', type: 'number', title: 'Lightness'},
-    {name: 'a', type: 'number', title: 'Alpha'},
-  ],
-})

package/src/schemas/hsvaColor.ts

@@ -1,13 +0,0 @@
-import {defineType} from 'sanity'
-
-export const hsvaColor = defineType({
-  title: 'Hue Saturation Value',
-  name: 'hsvaColor',
-  type: 'object',
-  fields: [
-    {name: 'h', type: 'number', title: 'Hue'},
-    {name: 's', type: 'number', title: 'Saturation'},
-    {name: 'v', type: 'number', title: 'Value'},
-    {name: 'a', type: 'number', title: 'Alpha'},
-  ],
-})

package/src/schemas/rgbaColor.ts

@@ -1,13 +0,0 @@
-import {defineType} from 'sanity'
-
-export const rgbaColor = defineType({
-  title: 'Red Green Blue (rgb)',
-  name: 'rgbaColor',
-  type: 'object',
-  fields: [
-    {name: 'r', type: 'number', title: 'Red'},
-    {name: 'g', type: 'number', title: 'Green'},
-    {name: 'b', type: 'number', title: 'Blue'},
-    {name: 'a', type: 'number', title: 'Alpha'},
-  ],
-})

package/src/types.ts

@@ -1,19 +0,0 @@
-import type {Color, HSLColor, HSVColor, RGBColor} from 'react-color'
-import type {ObjectInputProps, ObjectOptions, ObjectSchemaType} from 'sanity'
-
-export interface ColorValue {
-  hex: string
-  hsl: HSLColor
-  hsv: HSVColor
-  rgb: RGBColor
-}
-
-export interface ColorOptions extends Omit<ObjectOptions, 'columns'> {
-  disableAlpha?: boolean
-  colorList?: Array<Color>
-}
-
-export type ColorSchemaType = Omit<ObjectSchemaType, 'options'> & {
-  options?: ColorOptions
-}
-export type ColorInputProps = ObjectInputProps<ColorValue, ColorSchemaType>

package/v2-incompatible.js

@@ -1,11 +0,0 @@
-const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
-const {name, version, sanityExchangeUrl} = require('./package.json')
-
-export default showIncompatiblePluginDialog({
-  name: name,
-  versions: {
-    v3: version,
-    v2: '^2.30.0',
-  },
-  sanityExchangeUrl,
-})