@sanity/ui 2.0.0-alpha.3 → 2.0.0-alpha.31

package/src/primitives/tooltip/tooltipArrow.tsx

@@ -1,89 +0,0 @@
-import {forwardRef} from 'react'
-import styled from 'styled-components'
-
-const Root = styled.div`
-  position: absolute;
-  pointer-events: none;
-  width: 15px;
-  height: 15px;
-  fill: none;
-
-  :empty + & {
-    display: none;
-  }
-
-  & > svg {
-    display: block;
-    transform-origin: 7.5px 7.5px;
-  }
-
-  /* position: absolute;
-  width: 15px;
-  height: 15px;
-  fill: none;
-
-  :empty + & {
-    display: none;
-  }
-
-  & > svg {
-    &:not([hidden]) {
-      display: block;
-    }
-    transform-origin: 7.5px 7.5px;
-  } */
-
-  [data-placement^='top'] > & {
-    bottom: -27px;
-  }
-
-  [data-placement^='right'] > & {
-    left: -27px;
-
-    & > svg {
-      transform: rotate(90deg);
-    }
-  }
-
-  [data-placement^='left'] > & {
-    right: -27px;
-
-    & > svg {
-      transform: rotate(-90deg);
-    }
-  }
-
-  [data-placement^='bottom'] > & {
-    top: -27px;
-
-    & > svg {
-      transform: rotate(180deg);
-    }
-  }
-`
-
-const Border = styled.path`
-  fill: var(--card-shadow-outline-color);
-`
-
-const Shape = styled.path`
-  fill: var(--card-bg-color);
-`
-
-interface TooltipArrowProps {}
-
-export const TooltipArrow = forwardRef(function TooltipArrow(
-  props: TooltipArrowProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,
-  ref: React.ForwardedRef<HTMLDivElement>,
-) {
-  const {...restProps} = props
-
-  return (
-    <Root data-ui="Tooltip__arrow" {...restProps} ref={ref}>
-      <svg width="15" height="15" viewBox="0 0 15 15">
-        <Border d="M11.5266 1C11.032 1.32802 10.5837 1.73105 10.1995 2.20057L9.04792 3.6081C8.24771 4.58614 6.7523 4.58614 5.95209 3.6081L4.80047 2.20057C4.41632 1.73105 3.96796 1.32802 3.47341 1H0.156727C1.65639 1 3.07687 1.67313 4.02651 2.83381L5.17813 4.24134C6.37844 5.70839 8.62156 5.70839 9.82187 4.24134L10.9735 2.83381C11.9231 1.67313 13.3436 1 14.8433 1H11.5266Z" />
-        <Shape d="M0.156725 0C1.95632 0 3.66089 0.80776 4.80047 2.20057L5.95209 3.6081C6.75229 4.58614 8.24771 4.58614 9.04791 3.6081L10.1995 2.20057C11.3391 0.80776 13.0437 0 14.8433 0H15H0H0.156725Z" />
-      </svg>
-    </Root>
-  )
-})

package/src/theme/lib/color-fns/blend/multiply.ts

@@ -1,22 +0,0 @@
-import {RGB} from '../types'
-
-function multiplyChannel(b: number, s: number) {
-  return b * s
-}
-
-/**
- * Apply the \`multiply\` blend mode
- * Source: https://www.w3.org/TR/compositing-1/#blendingmultiply
- * @internal
- */
-export function multiply(b: RGB, s: RGB): RGB {
-  return {
-    r: Math.round(clamp(multiplyChannel(b.r / 255, s.r / 255) * 255)),
-    g: Math.round(clamp(multiplyChannel(b.g / 255, s.g / 255) * 255)),
-    b: Math.round(clamp(multiplyChannel(b.b / 255, s.b / 255) * 255)),
-  }
-}
-
-function clamp(num: number) {
-  return Math.max(Math.min(num, 255), 0)
-}

package/src/theme/lib/color-fns/blend/screen.ts

@@ -1,22 +0,0 @@
-import {RGB} from '../types'
-
-function screenChannel(b: number, s: number) {
-  return b + s - b * s
-}
-
-/**
- * Apply the \`screen\` blend mode
- * Source: https://www.w3.org/TR/compositing-1/#blendingscreen
- * @internal
- */
-export function screen(b: RGB, s: RGB): RGB {
-  return {
-    r: Math.round(clamp(screenChannel(b.r / 255, s.r / 255) * 255)),
-    g: Math.round(clamp(screenChannel(b.g / 255, s.g / 255) * 255)),
-    b: Math.round(clamp(screenChannel(b.b / 255, s.b / 255) * 255)),
-  }
-}
-
-function clamp(num: number) {
-  return Math.max(Math.min(num, 255), 0)
-}

package/src/theme/lib/color-fns/helpers/index.ts

@@ -1 +0,0 @@
-export * from './rgba'

package/src/theme/lib/theme/avatar.ts

@@ -1,12 +0,0 @@
-import {FocusRing} from '../../types'
-
-/**
- * @public
- */
-export interface ThemeAvatar {
-  sizes: {
-    distance: number
-    size: number
-  }[]
-  focusRing: FocusRing
-}

package/src/theme/lib/theme/color/base/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/button/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/card/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/card/types.ts

@@ -1,18 +0,0 @@
-import {ThemeColorGenericState} from '../_generic'
-
-/**
- * @deprecated Use `ThemeColorGenericState` instead.
- * @public
- */
-export type ThemeColorCardState = ThemeColorGenericState
-
-/**
- * @public
- */
-export interface ThemeColorCard {
-  enabled: ThemeColorCardState
-  hovered: ThemeColorCardState
-  pressed: ThemeColorCardState
-  selected: ThemeColorCardState
-  disabled: ThemeColorCardState
-}

package/src/theme/lib/theme/color/index.ts

@@ -1,14 +0,0 @@
-export * from './factory'
-export * from './syntax'
-export * from './types'
-
-//
-export * from './_generic'
-export * from './base'
-export * from './button'
-export * from './card'
-export * from './input'
-export * from './selectable'
-export * from './muted'
-export * from './solid'
-export * from './spot'

package/src/theme/lib/theme/color/input/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/muted/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/selectable/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/solid/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/spot/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/spot/types.ts

@@ -1,28 +0,0 @@
-/**
- * @public
- */
-export type ThemeColorSpotKey =
-  | 'gray'
-  | 'blue'
-  | 'purple'
-  | 'magenta'
-  | 'red'
-  | 'orange'
-  | 'yellow'
-  | 'green'
-  | 'cyan'
-
-/**
- * @public
- */
-export interface ThemeColorSpot {
-  gray: string
-  blue: string
-  purple: string
-  magenta: string
-  red: string
-  orange: string
-  yellow: string
-  green: string
-  cyan: string
-}

package/src/theme/lib/theme/color/syntax/index.ts

@@ -1 +0,0 @@
-export * from './types'

package/src/theme/lib/theme/color/types.ts

@@ -1,72 +0,0 @@
-import {ThemeColorBase} from './base'
-import {ThemeColorButton} from './button'
-import {ThemeColorCard} from './card'
-import {ThemeColorInput} from './input'
-import {ThemeColorMuted} from './muted'
-import {ThemeColorSelectable} from './selectable'
-import {ThemeColorSolid} from './solid'
-import {ThemeColorSpot} from './spot'
-import {ThemeColorSyntax} from './syntax'
-
-/**
- * @public
- */
-export type ThemeColorSchemeKey = 'dark' | 'light'
-
-/**
- * @public
- */
-export type ThemeColorName =
-  | 'default'
-  | 'transparent'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
-
-/**
- * @public
- */
-export type ThemeColorToneKey =
-  | 'default'
-  | 'transparent'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
-
-/**
- * @public
- */
-export interface ThemeColor {
-  dark: boolean
-  base: ThemeColorBase
-  button: ThemeColorButton
-  card: ThemeColorCard
-  input: ThemeColorInput
-  selectable?: ThemeColorSelectable
-  spot: ThemeColorSpot
-  syntax: ThemeColorSyntax
-  solid: ThemeColorSolid
-  muted: ThemeColorMuted
-}
-
-/**
- * @public
- */
-export interface ThemeColorScheme {
-  default: ThemeColor
-  transparent: ThemeColor
-  primary: ThemeColor
-  positive: ThemeColor
-  caution: ThemeColor
-  critical: ThemeColor
-}
-
-/**
- * @public
- */
-export interface ThemeColorSchemes {
-  dark: ThemeColorScheme
-  light: ThemeColorScheme
-}

package/src/theme/lib/theme/shadow.ts

@@ -1,20 +0,0 @@
-/**
- * TODO: Rename to `ThemeBoxShadow`
- * @public
- */
-export type BoxShadow = [
-  // offsetX, offsetY, blurRadius, spreadRadius
-  number,
-  number,
-  number,
-  number,
-]
-
-/**
- * @public
- */
-export interface ThemeShadow {
-  umbra: BoxShadow
-  penumbra: BoxShadow
-  ambient: BoxShadow
-}

package/src/theme/lib/theme/theme.ts

@@ -1,43 +0,0 @@
-import {FocusRing} from '../../types'
-import {ThemeAvatar} from './avatar'
-import {ThemeColorSchemes} from './color'
-import {ThemeFonts, ThemeFontWeightKey} from './fonts'
-import {ThemeInput} from './input'
-import {ThemeLayer} from './layer'
-import {ThemeShadow} from './shadow'
-
-/**
- * @public
- */
-export interface BaseTheme<
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  Styles extends {} = {},
-> {
-  avatar: ThemeAvatar
-  button: {
-    textWeight: ThemeFontWeightKey
-    focusRing: FocusRing
-  }
-  card: {
-    focusRing: FocusRing
-  }
-  color: ThemeColorSchemes
-  container: number[]
-  /** @deprecated Use component-specific `focusRing` values instead */
-  focusRing: {
-    offset: number
-    width: number
-  }
-  fonts: ThemeFonts
-  input: ThemeInput
-  /**
-   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
-   * @beta
-   */
-  layer?: ThemeLayer
-  media: number[]
-  radius: number[]
-  shadows: Array<ThemeShadow | null>
-  space: number[]
-  styles?: Styles
-}