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

package/src/css/_responsiveRule.ts

@@ -1,38 +0,0 @@
-import type {Properties, StyleRules} from './types'
-
-/** @internal */
-export function _responsiveRule(rules: StyleRules, _name: string, properties: Properties): void {
-  const name = _name.replace(/\./g, '_')
-
-  rules[`.${name}`] = properties
-  rules[`.1\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 360px)': properties,
-    },
-  }
-  rules[`.2\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 600px)': properties,
-    },
-  }
-  rules[`.3\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 900px)': properties,
-    },
-  }
-  rules[`.4\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 1200px)': properties,
-    },
-  }
-  rules[`.5\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 1800px)': properties,
-    },
-  }
-  rules[`.6\\:${name}`] = {
-    '@media': {
-      'screen and (min-width: 2400px)': properties,
-    },
-  }
-}

package/src/css/aspects/border/border.style.ts

@@ -1,13 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import {Style, StyleRules} from '../../types'
-import {vars} from '../../vars'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'border', {border: `1px solid ${vars.color.border}`})
-_responsiveRule(util, 'border-t', {borderTop: `1px solid ${vars.color.border}`})
-_responsiveRule(util, 'border-r', {borderRight: `1px solid ${vars.color.border}`})
-_responsiveRule(util, 'border-b', {borderBottom: `1px solid ${vars.color.border}`})
-_responsiveRule(util, 'border-l', {borderLeft: `1px solid ${vars.color.border}`})
-
-export const borderStyle: Style = {layers: {util}}

package/src/css/aspects/border/border.ts

@@ -1,14 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {BorderStyleProps} from './types'
-
-/** @public */
-export function border(props: BorderStyleProps): string | undefined {
-  return composeClassNames(
-    _resp('border', props.border),
-    _resp('border-t', props.borderTop),
-    _resp('border-r', props.borderRight),
-    _resp('border-b', props.borderBottom),
-    _resp('border-l', props.borderLeft),
-  )
-}

package/src/css/aspects/display/display.style.ts

@@ -1,34 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'block', {
-  '@nest': {'&:not([hidden])': {display: 'block'}},
-})
-
-_responsiveRule(util, 'flex', {
-  '@nest': {'&:not([hidden])': {display: 'flex'}},
-})
-
-_responsiveRule(util, 'grid', {
-  '@nest': {'&:not([hidden])': {display: 'grid'}},
-})
-
-_responsiveRule(util, 'inline-block', {
-  '@nest': {'&:not([hidden])': {display: 'inline-block'}},
-})
-
-_responsiveRule(util, 'inline-flex', {
-  '@nest': {'&:not([hidden])': {display: 'inline-flex'}},
-})
-
-_responsiveRule(util, 'inline-grid', {
-  '@nest': {'&:not([hidden])': {display: 'inline-grid'}},
-})
-
-_responsiveRule(util, 'none', {
-  '@nest': {'&:not([hidden])': {display: 'none'}},
-})
-
-export const displayStyle: Style = {layers: {util}}

package/src/css/aspects/flex/flex.style.ts

@@ -1,30 +0,0 @@
-// import {responsiveRules} from '../../responsiveRules'
-// import {type Rules} from '../../types'
-
-// export const flexRules: Rules = {
-//   // direction
-//   // ...responsiveRules('row', {flexDirection: 'row'}),
-//   // ...responsiveRules('column', {flexDirection: 'column'}),
-
-//   // align
-//   ...responsiveRules('align-flex-start', {alignItems: 'flex-start'}),
-//   ...responsiveRules('align-flex-end', {alignItems: 'end'}),
-//   ...responsiveRules('align-center', {alignItems: 'center'}),
-//   ...responsiveRules('align-stretch', {alignItems: 'stretch'}),
-//   ...responsiveRules('align-baseline', {alignItems: 'baseline'}),
-
-//   // justify
-//   ...responsiveRules('justify-flex-start', {justifyContent: 'flex-start'}),
-//   ...responsiveRules('justify-flex-end', {justifyContent: 'flex-end'}),
-//   ...responsiveRules('justify-center', {justifyContent: 'center'}),
-//   ...responsiveRules('justify-between', {justifyContent: 'space-between'}),
-//   ...responsiveRules('justify-around', {justifyContent: 'space-around'}),
-//   ...responsiveRules('justify-evenly', {justifyContent: 'space-evenly'}),
-
-//   // wrap
-//   ...responsiveRules('wrap-nowrap', {flexWrap: 'nowrap'}),
-//   ...responsiveRules('wrap-wrap', {flexWrap: 'wrap'}),
-//   ...responsiveRules('wrap-reverse', {flexWrap: 'wrap-reverse'}),
-// }
-
-export {}

package/src/css/aspects/flex/flex.ts

@@ -1,13 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {FlexStyleProps} from './types'
-
-/** @public */
-export function flex(props: FlexStyleProps): string | undefined {
-  return composeClassNames(
-    _resp('flex-align', props.align),
-    _resp('f', props.direction),
-    _resp('flex-justify', props.justify),
-    _resp('flex', props.wrap),
-  )
-}

package/src/css/aspects/flex/flexAlign.style.ts

@@ -1,12 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'flex-align-flex-start', {alignItems: 'flex-start'})
-_responsiveRule(util, 'flex-align-flex-end', {alignItems: 'flex-end'})
-_responsiveRule(util, 'flex-align-center', {alignItems: 'center'})
-_responsiveRule(util, 'flex-align-stretch', {alignItems: 'stretch'})
-_responsiveRule(util, 'flex-align-baseline', {alignItems: 'baseline'})
-
-export const flexAlignStyle: Style = {layers: {util}}

package/src/css/aspects/flex/flexDirection.style.ts

@@ -1,11 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'f-row', {flexDirection: 'row'})
-_responsiveRule(util, 'f-column', {flexDirection: 'column'})
-// _responsiveRule(util, 'f-row-reverse', {flexDirection: 'row-reverse'})
-// _responsiveRule(util, 'f-column-reverse', {flexDirection: 'column-reverse'})
-
-export const flexDirectionStyle: Style = {layers: {util}}

package/src/css/aspects/flex/flexJustify.style.ts

@@ -1,13 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'flex-justify-flex-start', {justifyContent: 'flex-start'})
-_responsiveRule(util, 'flex-justify-flex-end', {justifyContent: 'flex-end'})
-_responsiveRule(util, 'flex-justify-center', {justifyContent: 'center'})
-_responsiveRule(util, 'flex-justify-space-between', {justifyContent: 'space-between'})
-_responsiveRule(util, 'flex-justify-space-around', {justifyContent: 'space-around'})
-_responsiveRule(util, 'flex-justify-space-evenly', {justifyContent: 'space-evenly'})
-
-export const flexJustifyStyle: Style = {layers: {util}}

package/src/css/aspects/flex/flexWrap.style.ts

@@ -1,10 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'flex-nowrap', {flexWrap: 'nowrap'})
-_responsiveRule(util, 'flex-wrap', {flexWrap: 'wrap'})
-_responsiveRule(util, 'flex-wrap-reverse', {flexWrap: 'wrap-reverse'})
-
-export const flexWrapStyle: Style = {layers: {util}}

package/src/css/aspects/flexItem/flex.style.ts

@@ -1,22 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'f-none', {flex: 'none'})
-_responsiveRule(util, 'f-auto', {flex: 'auto'})
-_responsiveRule(util, 'f-initial', {flex: 'initial'})
-_responsiveRule(util, 'f-1', {flex: 1})
-_responsiveRule(util, 'f-2', {flex: 2})
-_responsiveRule(util, 'f-3', {flex: 3})
-_responsiveRule(util, 'f-4', {flex: 4})
-_responsiveRule(util, 'f-5', {flex: 5})
-_responsiveRule(util, 'f-6', {flex: 6})
-_responsiveRule(util, 'f-7', {flex: 7})
-_responsiveRule(util, 'f-8', {flex: 8})
-_responsiveRule(util, 'f-9', {flex: 9})
-_responsiveRule(util, 'f-10', {flex: 10})
-_responsiveRule(util, 'f-11', {flex: 11})
-_responsiveRule(util, 'f-12', {flex: 12})
-
-export const flexStyle: Style = {layers: {util}}

package/src/css/aspects/gap/gap.style.ts

@@ -1,21 +0,0 @@
-import {SPACE} from '@sanity/ui/theme'
-
-import {_responsiveRule} from '../../_responsiveRule'
-import {Style, StyleRules} from '../../types'
-import {vars} from '../../vars'
-
-const util: StyleRules = {}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `g-${space}`, {gap: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `gx-${space}`, {columnGap: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `gy-${space}`, {rowGap: vars.space[space]})
-}
-
-export const gapStyle: Style = {layers: {util}}

package/src/css/aspects/grid/gridAutoColumns.style.ts

@@ -1,11 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'auto-cols-auto', {gridAutoColumns: 'auto'})
-_responsiveRule(util, 'auto-cols-min', {gridAutoColumns: 'min-content'})
-_responsiveRule(util, 'auto-cols-max', {gridAutoColumns: 'max-content'})
-_responsiveRule(util, 'auto-cols-fr', {gridAutoColumns: 'minmax(0, 1fr)'})
-
-export const gridAutoColumnsStyle: Style = {layers: {util}}

package/src/css/aspects/grid/gridAutoFlow.style.ts

@@ -1,11 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'auto-flow-row', {gridAutoFlow: 'row'})
-_responsiveRule(util, 'auto-flow-column', {gridAutoFlow: 'column'})
-_responsiveRule(util, 'auto-flow-row-dense', {gridAutoFlow: 'row dense'})
-_responsiveRule(util, 'auto-flow-column-dense', {gridAutoFlow: 'column dense'})
-
-export const gridAutoFlowStyle: Style = {layers: {util}}

package/src/css/aspects/grid/gridAutoRows.style.ts

@@ -1,11 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'auto-rows-auto', {gridAutoRows: 'auto'})
-_responsiveRule(util, 'auto-rows-min', {gridAutoRows: 'min-content'})
-_responsiveRule(util, 'auto-rows-max', {gridAutoRows: 'max-content'})
-_responsiveRule(util, 'auto-rows-fr', {gridAutoRows: 'minmax(0, 1fr)'})
-
-export const gridAutoRowsStyle: Style = {layers: {util}}

package/src/css/aspects/grid/gridColumns.style.ts

@@ -1,18 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'cols-1', {gridTemplateColumns: 'repeat(1, 1fr)'})
-_responsiveRule(util, 'cols-2', {gridTemplateColumns: 'repeat(2, 1fr)'})
-_responsiveRule(util, 'cols-3', {gridTemplateColumns: 'repeat(3, 1fr)'})
-_responsiveRule(util, 'cols-4', {gridTemplateColumns: 'repeat(4, 1fr)'})
-_responsiveRule(util, 'cols-5', {gridTemplateColumns: 'repeat(5, 1fr)'})
-_responsiveRule(util, 'cols-6', {gridTemplateColumns: 'repeat(6, 1fr)'})
-_responsiveRule(util, 'cols-7', {gridTemplateColumns: 'repeat(7, 1fr)'})
-_responsiveRule(util, 'cols-8', {gridTemplateColumns: 'repeat(8, 1fr)'})
-_responsiveRule(util, 'cols-9', {gridTemplateColumns: 'repeat(9, 1fr)'})
-_responsiveRule(util, 'cols-10', {gridTemplateColumns: 'repeat(10, 1fr)'})
-_responsiveRule(util, 'cols-12', {gridTemplateColumns: 'repeat(12, 1fr)'})
-
-export const gridColumnsStyle: Style = {layers: {util}}

package/src/css/aspects/grid/gridRows.style.ts

@@ -1,18 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'rows-1', {gridTemplateRows: 'repeat(1, 1fr)'})
-_responsiveRule(util, 'rows-2', {gridTemplateRows: 'repeat(2, 1fr)'})
-_responsiveRule(util, 'rows-3', {gridTemplateRows: 'repeat(3, 1fr)'})
-_responsiveRule(util, 'rows-4', {gridTemplateRows: 'repeat(4, 1fr)'})
-_responsiveRule(util, 'rows-5', {gridTemplateRows: 'repeat(5, 1fr)'})
-_responsiveRule(util, 'rows-6', {gridTemplateRows: 'repeat(6, 1fr)'})
-_responsiveRule(util, 'rows-7', {gridTemplateRows: 'repeat(7, 1fr)'})
-_responsiveRule(util, 'rows-8', {gridTemplateRows: 'repeat(8, 1fr)'})
-_responsiveRule(util, 'rows-9', {gridTemplateRows: 'repeat(9, 1fr)'})
-_responsiveRule(util, 'rows-10', {gridTemplateRows: 'repeat(10, 1fr)'})
-_responsiveRule(util, 'rows-12', {gridTemplateRows: 'repeat(12, 1fr)'})
-
-export const gridRowsStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridColumn.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'col-auto', {gridColumn: 'auto'})
-_responsiveRule(util, 'col-full', {gridColumn: '1 / -1'})
-_responsiveRule(util, 'col-1', {gridColumn: 'span 1 / span 1'})
-_responsiveRule(util, 'col-2', {gridColumn: 'span 2 / span 2'})
-_responsiveRule(util, 'col-3', {gridColumn: 'span 3 / span 3'})
-_responsiveRule(util, 'col-4', {gridColumn: 'span 4 / span 4'})
-_responsiveRule(util, 'col-5', {gridColumn: 'span 5 / span 5'})
-_responsiveRule(util, 'col-6', {gridColumn: 'span 6 / span 6'})
-_responsiveRule(util, 'col-7', {gridColumn: 'span 7 / span 7'})
-_responsiveRule(util, 'col-8', {gridColumn: 'span 8 / span 8'})
-_responsiveRule(util, 'col-9', {gridColumn: 'span 9 / span 9'})
-_responsiveRule(util, 'col-10', {gridColumn: 'span 10 / span 10'})
-_responsiveRule(util, 'col-12', {gridColumn: 'span 12 / span 12'})
-
-export const gridColumnStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridColumnEnd.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'col-end-auto', {gridColumnEnd: 'auto'})
-_responsiveRule(util, 'col-end-1', {gridColumnEnd: '1'})
-_responsiveRule(util, 'col-end-2', {gridColumnEnd: '2'})
-_responsiveRule(util, 'col-end-3', {gridColumnEnd: '3'})
-_responsiveRule(util, 'col-end-4', {gridColumnEnd: '4'})
-_responsiveRule(util, 'col-end-5', {gridColumnEnd: '5'})
-_responsiveRule(util, 'col-end-6', {gridColumnEnd: '6'})
-_responsiveRule(util, 'col-end-7', {gridColumnEnd: '7'})
-_responsiveRule(util, 'col-end-8', {gridColumnEnd: '8'})
-_responsiveRule(util, 'col-end-9', {gridColumnEnd: '9'})
-_responsiveRule(util, 'col-end-10', {gridColumnEnd: '10'})
-_responsiveRule(util, 'col-end-11', {gridColumnEnd: '11'})
-_responsiveRule(util, 'col-end-12', {gridColumnEnd: '12'})
-
-export const gridColumnEndStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridColumnStart.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'col-start-auto', {gridColumnStart: 'auto'})
-_responsiveRule(util, 'col-start-1', {gridColumnStart: '1'})
-_responsiveRule(util, 'col-start-2', {gridColumnStart: '2'})
-_responsiveRule(util, 'col-start-3', {gridColumnStart: '3'})
-_responsiveRule(util, 'col-start-4', {gridColumnStart: '4'})
-_responsiveRule(util, 'col-start-5', {gridColumnStart: '5'})
-_responsiveRule(util, 'col-start-6', {gridColumnStart: '6'})
-_responsiveRule(util, 'col-start-7', {gridColumnStart: '7'})
-_responsiveRule(util, 'col-start-8', {gridColumnStart: '8'})
-_responsiveRule(util, 'col-start-9', {gridColumnStart: '9'})
-_responsiveRule(util, 'col-start-10', {gridColumnStart: '10'})
-_responsiveRule(util, 'col-start-11', {gridColumnStart: '11'})
-_responsiveRule(util, 'col-start-12', {gridColumnStart: '12'})
-
-export const gridColumnStartStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridRow.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'row-auto', {gridRow: 'auto'})
-_responsiveRule(util, 'row-full', {gridRow: '1 / -1'})
-_responsiveRule(util, 'row-1', {gridRow: 'span 1 / span 1'})
-_responsiveRule(util, 'row-2', {gridRow: 'span 2 / span 2'})
-_responsiveRule(util, 'row-3', {gridRow: 'span 3 / span 3'})
-_responsiveRule(util, 'row-4', {gridRow: 'span 4 / span 4'})
-_responsiveRule(util, 'row-5', {gridRow: 'span 5 / span 5'})
-_responsiveRule(util, 'row-6', {gridRow: 'span 6 / span 6'})
-_responsiveRule(util, 'row-7', {gridRow: 'span 7 / span 7'})
-_responsiveRule(util, 'row-8', {gridRow: 'span 8 / span 8'})
-_responsiveRule(util, 'row-9', {gridRow: 'span 9 / span 9'})
-_responsiveRule(util, 'row-10', {gridRow: 'span 10 / span 10'})
-_responsiveRule(util, 'row-12', {gridRow: 'span 12 / span 12'})
-
-export const gridRowStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridRowEnd.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'row-end-auto', {gridRowEnd: 'auto'})
-_responsiveRule(util, 'row-end-1', {gridRowEnd: '1'})
-_responsiveRule(util, 'row-end-2', {gridRowEnd: '2'})
-_responsiveRule(util, 'row-end-3', {gridRowEnd: '3'})
-_responsiveRule(util, 'row-end-4', {gridRowEnd: '4'})
-_responsiveRule(util, 'row-end-5', {gridRowEnd: '5'})
-_responsiveRule(util, 'row-end-6', {gridRowEnd: '6'})
-_responsiveRule(util, 'row-end-7', {gridRowEnd: '7'})
-_responsiveRule(util, 'row-end-8', {gridRowEnd: '8'})
-_responsiveRule(util, 'row-end-9', {gridRowEnd: '9'})
-_responsiveRule(util, 'row-end-10', {gridRowEnd: '10'})
-_responsiveRule(util, 'row-end-11', {gridRowEnd: '11'})
-_responsiveRule(util, 'row-end-12', {gridRowEnd: '12'})
-
-export const gridRowEndStyle: Style = {layers: {util}}

package/src/css/aspects/gridItem/gridRowStart.style.ts

@@ -1,20 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'row-start-auto', {gridRowStart: 'auto'})
-_responsiveRule(util, 'row-start-1', {gridRowStart: '1'})
-_responsiveRule(util, 'row-start-2', {gridRowStart: '2'})
-_responsiveRule(util, 'row-start-3', {gridRowStart: '3'})
-_responsiveRule(util, 'row-start-4', {gridRowStart: '4'})
-_responsiveRule(util, 'row-start-5', {gridRowStart: '5'})
-_responsiveRule(util, 'row-start-6', {gridRowStart: '6'})
-_responsiveRule(util, 'row-start-7', {gridRowStart: '7'})
-_responsiveRule(util, 'row-start-8', {gridRowStart: '8'})
-_responsiveRule(util, 'row-start-9', {gridRowStart: '9'})
-_responsiveRule(util, 'row-start-10', {gridRowStart: '10'})
-_responsiveRule(util, 'row-start-11', {gridRowStart: '11'})
-_responsiveRule(util, 'row-start-12', {gridRowStart: '12'})
-
-export const gridRowStartStyle: Style = {layers: {util}}

package/src/css/aspects/height/height.style.ts

@@ -1,9 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'h-fill', {height: '100%'})
-_responsiveRule(util, 'h-stretch', {height: 'stretch'})
-
-export const heightStyle: Style = {layers: {util}}

package/src/css/aspects/height/height.ts

@@ -1,17 +0,0 @@
-import {_resp} from '../../_resp'
-import {composeClassNames} from '../../composeClassNames'
-import {ResponsiveProp} from '../../types'
-
-/**
- * @public
- */
-export type BoxHeight = 'stretch' | 'fill'
-
-export interface HeightStyleProps {
-  height?: ResponsiveProp<BoxHeight>
-}
-
-/** @public */
-export function height(props: HeightStyleProps): string | undefined {
-  return composeClassNames(_resp(`h`, props.height))
-}

package/src/css/aspects/height/index.ts

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

package/src/css/aspects/inset/inset.style.ts

@@ -1,12 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'inset-0', {top: 0, left: 0, right: 0, bottom: 0})
-_responsiveRule(util, 'top-0', {top: 0})
-_responsiveRule(util, 'right-0', {right: 0})
-_responsiveRule(util, 'bottom-0', {bottom: 0})
-_responsiveRule(util, 'left-0', {left: 0})
-
-export const insetStyle: Style = {layers: {util}}

package/src/css/aspects/margin/margin.style.ts

@@ -1,46 +0,0 @@
-// import {type Style, type StyleRules, vars} from '@sanity/css'
-// import {SPACE} from '@sanity/theme'
-
-import {SPACE} from '@sanity/ui/theme'
-
-import {_responsiveRule} from '../../_responsiveRule'
-import {Style, StyleRules} from '../../types'
-import {vars} from '../../vars'
-
-const util: StyleRules = {}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `m-${space}`, {margin: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `mx-${space}`, {
-    marginLeft: vars.space[space],
-    marginRight: vars.space[space],
-  })
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `my-${space}`, {
-    marginTop: vars.space[space],
-    marginBottom: vars.space[space],
-  })
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `mt-${space}`, {marginTop: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `mr-${space}`, {marginRight: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `mb-${space}`, {marginBottom: vars.space[space]})
-}
-
-for (const space of SPACE) {
-  _responsiveRule(util, `ml-${space}`, {marginLeft: vars.space[space]})
-}
-
-export const marginStyle: Style = {layers: {util}}

package/src/css/aspects/maxWidth/maxWidth.style.ts

@@ -1,16 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-import {vars} from '../../vars'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'max-w-0', {maxWidth: vars.container[0]})
-_responsiveRule(util, 'max-w-1', {maxWidth: vars.container[1]})
-_responsiveRule(util, 'max-w-2', {maxWidth: vars.container[2]})
-_responsiveRule(util, 'max-w-3', {maxWidth: vars.container[3]})
-_responsiveRule(util, 'max-w-4', {maxWidth: vars.container[4]})
-_responsiveRule(util, 'max-w-5', {maxWidth: vars.container[5]})
-_responsiveRule(util, 'max-w-auto', {maxWidth: 'none'})
-_responsiveRule(util, 'max-w-fill', {maxWidth: '100%'})
-
-export const maxWidthStyle: Style = {layers: {util}}

package/src/css/aspects/minWidth/index.ts

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

package/src/css/aspects/minWidth/minWidth.style.ts

@@ -1,13 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'min-w-0', {minWidth: '0'})
-_responsiveRule(util, 'min-w-auto', {minWidth: 'auto'})
-_responsiveRule(util, 'min-w-full', {minWidth: '100%'})
-_responsiveRule(util, 'min-w-min', {minWidth: 'min-content'})
-_responsiveRule(util, 'min-w-max', {minWidth: 'max-content'})
-_responsiveRule(util, 'min-w-fit', {minWidth: 'fit-content'})
-
-export const minWidthStyle: Style = {layers: {util}}

package/src/css/aspects/minWidth/minWidth.ts

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

package/src/css/aspects/minWidth/types.ts

@@ -1,7 +0,0 @@
-import {ResponsiveProp} from '../../types'
-
-export type MinWidth = 0 | 'auto' | 'full' | 'min' | 'max' | 'fit'
-
-export interface MinWidthStyleProps {
-  minWidth?: ResponsiveProp<MinWidth>
-}

package/src/css/aspects/outline/outline.style.ts

@@ -1,9 +0,0 @@
-import type {Style, StyleRules} from '../../types'
-
-const rules: StyleRules = {
-  '.outline-none': {
-    outline: 'none',
-  },
-}
-
-export const outlineStyle: Style = {layers: {util: rules}}

package/src/css/aspects/overflow/overflow.style.ts

@@ -1,11 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {Style, StyleRules} from '../../types'
-
-const util: StyleRules = {}
-
-_responsiveRule(util, 'overflow-visible', {overflow: 'visible'})
-_responsiveRule(util, 'overflow-hidden', {overflow: 'hidden'})
-_responsiveRule(util, 'overflow-scroll', {overflow: 'scroll'})
-_responsiveRule(util, 'overflow-auto', {overflow: 'auto'})
-
-export const overflowStyle: Style = {layers: {util}}