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

package/src/css/styles/margin/rules.ts

@@ -1,64 +0,0 @@
-import {SPACE} from '@sanity/ui/theme'
-
-import {responsiveRules} from '../../responsiveRules'
-import {type Rules} from '../../types'
-import {vars} from '../../vars'
-
-export const marginRules: Rules = {
-  // NOTE: order matters
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`m-${space}`.replace('.', '_'), {margin: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`mx-${space}`.replace('.', '_'), {
-        marginLeft: vars.space[space],
-        marginRight: vars.space[space],
-      }),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`my-${space}`.replace('.', '_'), {
-        marginTop: vars.space[space],
-        marginBottom: vars.space[space],
-      }),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`mt-${space}`.replace('.', '_'), {marginTop: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`mr-${space}`.replace('.', '_'), {marginRight: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`mb-${space}`.replace('.', '_'), {marginBottom: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`ml-${space}`.replace('.', '_'), {marginLeft: vars.space[space]}),
-    }
-  }, {}),
-}

package/src/css/styles/margin/types.ts

@@ -1,11 +0,0 @@
-import {ResponsiveProp} from '../../types'
-
-export interface MarginStyleProps {
-  margin?: ResponsiveProp<number>
-  marginTop?: ResponsiveProp<number>
-  marginRight?: ResponsiveProp<number>
-  marginBottom?: ResponsiveProp<number>
-  marginLeft?: ResponsiveProp<number>
-  marginX?: ResponsiveProp<number>
-  marginY?: ResponsiveProp<number>
-}

package/src/css/styles/maxWidth/maxWidth.ts

@@ -1,6 +0,0 @@
-import {_resp} from '../../_resp'
-import {MaxWidthStyleProps} from './types'
-
-export function maxWidth(props: MaxWidthStyleProps): string {
-  return _resp('max-w', props.maxWidth) ?? ''
-}

package/src/css/styles/maxWidth/rules.ts

@@ -1,13 +0,0 @@
-import {responsiveRules} from '../../responsiveRules'
-import {Rules} from '../../types'
-
-export const maxWidthRules: Rules = {
-  ...responsiveRules('max-w-0', {maxWidth: `var(--container-0)`}),
-  ...responsiveRules('max-w-1', {maxWidth: `var(--container-1)`}),
-  ...responsiveRules('max-w-2', {maxWidth: `var(--container-2)`}),
-  ...responsiveRules('max-w-3', {maxWidth: `var(--container-3)`}),
-  ...responsiveRules('max-w-4', {maxWidth: `var(--container-4)`}),
-  ...responsiveRules('max-w-5', {maxWidth: `var(--container-5)`}),
-  ...responsiveRules('max-w-auto', {maxWidth: 'none'}),
-  ...responsiveRules('max-w-fill', {maxWidth: '100%'}),
-}

package/src/css/styles/maxWidth/types.ts

@@ -1,7 +0,0 @@
-import {ContainerWidth} from '@sanity/ui/theme'
-
-import {ResponsiveProp} from '../../types'
-
-export interface MaxWidthStyleProps {
-  maxWidth?: ResponsiveProp<ContainerWidth>
-}

package/src/css/styles/outline/rules.ts

@@ -1,7 +0,0 @@
-import {Rules} from '../../types'
-
-export const outlineRules: Rules = {
-  'outline-none': {
-    outline: 'none',
-  },
-}

package/src/css/styles/overflow/overflow.ts

@@ -1,11 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {OverflowStyleProps} from './types'
-
-export function overflow(props: OverflowStyleProps): string | undefined {
-  return composeClassNames(
-    _resp(`overflow`, props.overflow),
-    _resp(`overflow-x`, props.overflowX),
-    _resp(`overflow-y`, props.overflowY),
-  )
-}

package/src/css/styles/overflow/rules.ts

@@ -1,9 +0,0 @@
-import {responsiveRules} from '../../responsiveRules'
-import {type Rules} from '../../types'
-
-export const overflowRules: Rules = {
-  ...responsiveRules('overflow-visible', {overflow: 'visible'}),
-  ...responsiveRules('overflow-hidden', {overflow: 'hidden'}),
-  ...responsiveRules('overflow-scroll', {overflow: 'scroll'}),
-  ...responsiveRules('overflow-auto', {overflow: 'auto'}),
-}

package/src/css/styles/overflow/types.ts

@@ -1,11 +0,0 @@
-import {ResponsiveProp} from '../../types'
-
-/** @public */
-export type BoxOverflow = 'visible' | 'hidden' | 'auto'
-
-/** @public */
-export interface OverflowStyleProps {
-  overflow?: ResponsiveProp<BoxOverflow>
-  overflowX?: ResponsiveProp<BoxOverflow>
-  overflowY?: ResponsiveProp<BoxOverflow>
-}

package/src/css/styles/padding/padding.ts

@@ -1,15 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {PaddingStyleProps} from './types'
-
-export function padding(props: PaddingStyleProps): string | undefined {
-  return composeClassNames(
-    _resp('p', props.padding),
-    _resp('px', props.paddingX),
-    _resp('py', props.paddingY),
-    _resp('pt', props.paddingTop),
-    _resp('pr', props.paddingRight),
-    _resp('pb', props.paddingBottom),
-    _resp('pl', props.paddingLeft),
-  )
-}

package/src/css/styles/padding/rules.ts

@@ -1,62 +0,0 @@
-import {SPACE} from '@sanity/ui/theme'
-
-import {responsiveRules} from '../../responsiveRules'
-import {type Rules} from '../../types'
-import {vars} from '../../vars'
-
-export const paddingRules: Rules = {
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`p-${space}`.replace('.', '_'), {padding: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`px-${space}`.replace('.', '_'), {
-        paddingLeft: vars.space[space],
-        paddingRight: vars.space[space],
-      }),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`py-${space}`.replace('.', '_'), {
-        paddingTop: vars.space[space],
-        paddingBottom: vars.space[space],
-      }),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`pt-${space}`.replace('.', '_'), {paddingTop: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`pr-${space}`.replace('.', '_'), {paddingRight: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`pb-${space}`.replace('.', '_'), {paddingBottom: vars.space[space]}),
-    }
-  }, {}),
-
-  ...SPACE.reduce<Rules>((acc, space) => {
-    return {
-      ...acc,
-      ...responsiveRules(`pl-${space}`.replace('.', '_'), {paddingLeft: vars.space[space]}),
-    }
-  }, {}),
-}

package/src/css/styles/padding/types.ts

@@ -1,14 +0,0 @@
-import {Space} from '@sanity/ui/theme'
-
-import {ResponsiveProp} from '../../types'
-
-/** @public */
-export interface PaddingStyleProps {
-  padding?: ResponsiveProp<Space>
-  paddingTop?: ResponsiveProp<Space>
-  paddingRight?: ResponsiveProp<Space>
-  paddingBottom?: ResponsiveProp<Space>
-  paddingLeft?: ResponsiveProp<Space>
-  paddingX?: ResponsiveProp<Space>
-  paddingY?: ResponsiveProp<Space>
-}

package/src/css/styles/pointerEvents/pointerEvents.ts

@@ -1,6 +0,0 @@
-import {composeClassNames} from '../../composeClassNames'
-import {PointerEventsStyleProps} from './types'
-
-export function pointerEvents(props: PointerEventsStyleProps): string | undefined {
-  return composeClassNames(props.pointerEvents && `pointer-events-${props.pointerEvents}`)
-}

package/src/css/styles/pointerEvents/rules.ts

@@ -1,11 +0,0 @@
-import {Rules} from '../../types'
-
-export const pointerEventsRules: Rules = {
-  'pointer-events-none': {
-    pointerEvents: 'none',
-  },
-
-  'pointer-events-auto': {
-    pointerEvents: 'auto',
-  },
-}

package/src/css/styles/position/position.ts

@@ -1,7 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {PositionStyleProps} from './types'
-
-export function position(props: PositionStyleProps): string | undefined {
-  return composeClassNames(_resp('pos', props.position))
-}

package/src/css/styles/position/rules.ts

@@ -1,24 +0,0 @@
-import {responsiveRules} from '../../responsiveRules'
-import {Rules} from '../../types'
-
-export const positionRules: Rules = {
-  ...responsiveRules('pos-absolute', {
-    position: 'absolute',
-  }),
-
-  ...responsiveRules('pos-fixed', {
-    position: 'fixed',
-  }),
-
-  ...responsiveRules('pos-relative', {
-    position: 'relative',
-  }),
-
-  ...responsiveRules('pos-static', {
-    position: 'static',
-  }),
-
-  ...responsiveRules('pos-sticky', {
-    position: 'sticky',
-  }),
-}

package/src/css/styles/radius/radius.ts

@@ -1,8 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {RadiusStyleProps} from './types'
-
-/** @public */
-export function radius(props: RadiusStyleProps): string | undefined {
-  return composeClassNames(_resp('r', props.radius))
-}

package/src/css/styles/radius/rules.ts

@@ -1,13 +0,0 @@
-import {responsiveRules} from '../../responsiveRules'
-import {type Rules} from '../../types'
-
-export const radiusRules: Rules = {
-  ...responsiveRules('r-0', {borderRadius: 'var(--radius-0)'}),
-  ...responsiveRules('r-1', {borderRadius: 'var(--radius-1)'}),
-  ...responsiveRules('r-2', {borderRadius: 'var(--radius-2)'}),
-  ...responsiveRules('r-3', {borderRadius: 'var(--radius-3)'}),
-  ...responsiveRules('r-4', {borderRadius: 'var(--radius-4)'}),
-  ...responsiveRules('r-5', {borderRadius: 'var(--radius-5)'}),
-  ...responsiveRules('r-6', {borderRadius: 'var(--radius-6)'}),
-  ...responsiveRules('r-full', {borderRadius: '9999px'}),
-}

package/src/css/styles/radius/types.ts

@@ -1,8 +0,0 @@
-import {Radius} from '@sanity/ui/theme'
-
-import {ResponsiveProp} from '../../types'
-
-/** @public */
-export interface RadiusStyleProps {
-  radius?: ResponsiveProp<Radius>
-}

package/src/css/styles/shadow/rules.ts

@@ -1,53 +0,0 @@
-import {responsiveRules} from '../../responsiveRules'
-import {type Rules} from '../../types'
-
-export const shadowRules: Rules = {
-  ...responsiveRules('shadow-0', {
-    boxShadow: 'none',
-  }),
-
-  ...responsiveRules('shadow-1', {
-    boxShadow: [
-      `var(--shadow-outline) var(--color-shadow-outline)`,
-      `var(--shadow-1-umbra) var(--color-shadow-umbra)`,
-      `var(--shadow-1-penumbra) var(--color-shadow-penumbra)`,
-      `var(--shadow-1-ambient) var(--color-shadow-ambient)`,
-    ].join(', '),
-  }),
-
-  ...responsiveRules('shadow-2', {
-    boxShadow: [
-      `var(--shadow-outline) var(--color-shadow-outline)`,
-      `var(--shadow-2-umbra) var(--color-shadow-umbra)`,
-      `var(--shadow-2-penumbra) var(--color-shadow-penumbra)`,
-      `var(--shadow-2-ambient) var(--color-shadow-ambient)`,
-    ].join(', '),
-  }),
-
-  ...responsiveRules('shadow-3', {
-    boxShadow: [
-      `var(--shadow-outline) var(--color-shadow-outline)`,
-      `var(--shadow-3-umbra) var(--color-shadow-umbra)`,
-      `var(--shadow-3-penumbra) var(--color-shadow-penumbra)`,
-      `var(--shadow-3-ambient) var(--color-shadow-ambient)`,
-    ].join(', '),
-  }),
-
-  ...responsiveRules('shadow-4', {
-    boxShadow: [
-      `var(--shadow-outline) var(--color-shadow-outline)`,
-      `var(--shadow-4-umbra) var(--color-shadow-umbra)`,
-      `var(--shadow-4-penumbra) var(--color-shadow-penumbra)`,
-      `var(--shadow-4-ambient) var(--color-shadow-ambient)`,
-    ].join(', '),
-  }),
-
-  ...responsiveRules('shadow-5', {
-    boxShadow: [
-      `var(--shadow-outline) var(--color-shadow-outline)`,
-      `var(--shadow-5-umbra) var(--color-shadow-umbra)`,
-      `var(--shadow-5-penumbra) var(--color-shadow-penumbra)`,
-      `var(--shadow-5-ambient) var(--color-shadow-ambient)`,
-    ].join(', '),
-  }),
-}

package/src/css/styles/shadow/shadow.ts

@@ -1,7 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {ShadowStyleProps} from './types'
-
-export function shadow(props: ShadowStyleProps): string | undefined {
-  return composeClassNames(_resp('shadow', props.shadow))
-}

package/src/css/styles/shadow/types.ts

@@ -1,8 +0,0 @@
-import {Shadow} from '@sanity/ui/theme'
-
-import {ResponsiveProp} from '../../types'
-
-/** @public */
-export interface ShadowStyleProps {
-  shadow?: ResponsiveProp<Shadow>
-}

package/src/css/styles/textOverflow/rules.ts

@@ -1,17 +0,0 @@
-import {Rules} from '../../types'
-
-export const textOverflowRules: Rules = {
-  'text-overflow-ellipsis': {
-    display: 'block',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    overflow: ['hidden', 'clip'],
-  },
-
-  'text-overflow-clip': {
-    display: 'block',
-    whiteSpace: 'nowrap',
-    textOverflow: 'clip',
-    overflow: ['hidden', 'clip'],
-  },
-}

package/src/css/styles/textOverflow/textOverflow.ts

@@ -1,6 +0,0 @@
-import {composeClassNames} from '../../composeClassNames'
-import {TextOverflowStyleProps} from './types'
-
-export function textOverflow(props: TextOverflowStyleProps): string | undefined {
-  return composeClassNames(props.textOverflow && `text-overflow-${props.textOverflow}`)
-}

package/src/css/styles/width/rules.ts

@@ -1,7 +0,0 @@
-import {Rules} from '../../types'
-
-export const widthRules: Rules = {
-  'w-fill': {
-    width: ['-moz-available', '-webkit-fill-available', 'stretch'],
-  },
-}

package/src/css/styles/width/types.ts

@@ -1,9 +0,0 @@
-import {ContainerWidth} from '@sanity/ui/theme'
-
-import {ResponsiveProp} from '../../types'
-
-export type Width = ContainerWidth
-
-export interface WidthStyleProps {
-  width?: ResponsiveProp<Width>
-}

package/src/css/styles/width/width.ts

@@ -1,6 +0,0 @@
-import {_resp} from '../../_resp'
-import {WidthStyleProps} from './types'
-
-export function width(props: WidthStyleProps): string {
-  return _resp('w', props.width) ?? ''
-}

package/src/css/utils/srOnly/rules.ts

@@ -1,11 +0,0 @@
-import {Rules} from '../../types'
-
-export const srOnlyRules: Rules = {
-  'sr-only': {
-    display: 'block',
-    width: 0,
-    height: 0,
-    position: 'absolute',
-    overflow: ['hidden', 'clip'],
-  },
-}