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

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

@@ -1,27 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
-
-/** @public */
-export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse'
-
-/** @public */
-export type FlexJustify =
-  | 'flex-start'
-  | 'flex-end'
-  | 'center'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-
-/** @public */
-export type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap'
-
-/** @public */
-export interface FlexStyleProps {
-  align?: ResponsiveProp<FlexAlign>
-  direction?: ResponsiveProp<FlexDirection>
-  justify?: ResponsiveProp<FlexJustify>
-  wrap?: ResponsiveProp<FlexWrap>
-}

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

@@ -1,22 +0,0 @@
-import {_responsiveRule} from '../../_responsiveRule'
-import type {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/flexItem/flexItem.ts

@@ -1,8 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {FlexItemStyleProps} from './types'
-
-/** @public */
-export function flexItem(props: FlexItemStyleProps): string | undefined {
-  return _scopeClassNames(_resp(`f`, props.flex))
-}

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

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

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

@@ -1,25 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type FlexValue =
-  | 'none'
-  | 'auto'
-  | 'initial'
-  | 0
-  | 1
-  | 2
-  | 3
-  | 4
-  | 5
-  | 6
-  | 7
-  | 8
-  | 9
-  | 10
-  | 11
-  | 12
-
-/** @public */
-export interface FlexItemStyleProps {
-  flex?: ResponsiveProp<FlexValue>
-}

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

@@ -1,83 +0,0 @@
-import {varNames, vars} from '../../theme'
-import type {Style, StyleRules} from '../../types'
-
-export const primitive: StyleRules = {
-  '.font': {
-    fontFamily: vars.font.family,
-    fontFeatureSettings: vars.font.featureSettings,
-    fontSize: vars.font.fontSize,
-    lineHeight: vars.font.lineHeight,
-    letterSpacing: vars.font.letterSpacing,
-    fontWeight: vars.font.fontWeight,
-    transform: `translateY(${vars.font.descenderHeight})`,
-    padding: '1px 0',
-    margin: '0',
-
-    vars: {
-      [varNames.font.capHeight]:
-        `calc(${vars.font.lineHeight} - ${vars.font.ascenderHeight} - ${vars.font.descenderHeight})`,
-      [varNames.font.iconOffset]: `calc((${vars.font.capHeight} - ${vars.font.iconSize}) / 2)`,
-      [varNames.font.customIconOffset]:
-        `calc((${vars.font.capHeight} - ${vars.font.customIconSize}) / 2)`,
-    },
-
-    nest: {
-      '&:before': {
-        content: '""',
-        display: 'block',
-        height: 0,
-        marginTop: `calc((0px - ${vars.font.ascenderHeight} - ${vars.font.descenderHeight}) - 1px)`,
-      },
-
-      '&:after': {
-        content: '""',
-        display: 'block',
-        height: 0,
-        marginBottom: '-1px',
-      },
-
-      '& svg': {
-        // Certain popular CSS libraries changes the defaults for SVG display
-        // Make sure SVGs are rendered as inline elements
-        display: 'inline',
-      },
-
-      '& svg:not([data-sanity-icon])': {
-        fontSize: vars.font.customIconSize,
-        margin: vars.font.customIconOffset,
-      },
-
-      '& [data-sanity-icon]': {
-        fontSize: vars.font.iconSize,
-        margin: vars.font.iconOffset,
-        vectorEffect: 'non-scaling-stroke',
-      },
-    },
-  },
-
-  '.font-regular': {
-    vars: {
-      [varNames.font.fontWeight]: vars.font.weight.regular,
-    },
-  },
-
-  '.font-medium': {
-    vars: {
-      [varNames.font.fontWeight]: vars.font.weight.medium,
-    },
-  },
-
-  '.font-semibold': {
-    vars: {
-      [varNames.font.fontWeight]: vars.font.weight.semibold,
-    },
-  },
-
-  '.font-bold': {
-    vars: {
-      [varNames.font.fontWeight]: vars.font.weight.bold,
-    },
-  },
-}
-
-export const fontStyle: Style = {layers: {primitive}}

package/src/css/aspects/font/font.ts

@@ -1,7 +0,0 @@
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {FontStyleProps} from './types'
-
-/** @public */
-export function font(props: FontStyleProps): string | undefined {
-  return _scopeClassNames('font', props.weight && `font-${props.weight}`)
-}

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

@@ -1,21 +0,0 @@
-import {SPACE} from '@sanity/ui/theme'
-
-import {_responsiveRule} from '../../_responsiveRule'
-import {vars} from '../../theme'
-import type {Style, StyleRules} from '../../types'
-
-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/gap/gap.ts

@@ -1,8 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {GapStyleProps} from './types'
-
-/** @public */
-export function gap(props: GapStyleProps): string | undefined {
-  return _scopeClassNames(_resp(`g`, props.gap), _resp(`gx`, props.gapX), _resp(`gy`, props.gapY))
-}

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

@@ -1,14 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {GridStyleProps} from './types'
-
-/** @internal */
-export function grid(props: GridStyleProps): string | undefined {
-  return _scopeClassNames(
-    _resp('auto-cols', props.autoCols),
-    _resp('auto-flow', props.autoFlow),
-    _resp('auto-rows', props.autoRows),
-    _resp('cols', props.columns),
-    _resp('rows', props.rows),
-  )
-}

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/grid/index.ts

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

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

@@ -1,25 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
-
-/** @public */
-export type GridAutoCols = 'auto' | 'min' | 'max' | 'fr'
-
-/** @public */
-export type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
-
-/** @public */
-export type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-/** @public */
-export type Rows = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-/** @public */
-export interface GridStyleProps {
-  autoRows?: ResponsiveProp<GridAutoRows>
-  autoCols?: ResponsiveProp<GridAutoCols>
-  autoFlow?: ResponsiveProp<GridAutoFlow>
-  columns?: ResponsiveProp<Columns>
-  rows?: ResponsiveProp<Rows>
-}

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/gridItem.ts

@@ -1,15 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {GridItemStyleProps} from './types'
-
-/** @internal */
-export function gridItem(props: GridItemStyleProps): string | undefined {
-  return _scopeClassNames(
-    _resp(`col`, props.column),
-    _resp(`col-start`, props.columnStart),
-    _resp(`col-end`, props.columnEnd),
-    _resp(`row`, props.row),
-    _resp(`row-start`, props.rowStart),
-    _resp(`row-end`, props.rowEnd),
-  )
-}

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/gridItem/index.ts

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

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

@@ -1,30 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridItemColumn = 'auto' | 'full' | number
-
-/** @public */
-export type GridItemColumnStart = 'auto' | number
-
-/** @public */
-export type GridItemColumnEnd = 'auto' | number
-
-/** @public */
-export type GridItemRow = 'auto' | 'full' | number
-
-/** @public */
-export type GridItemRowStart = 'auto' | number
-
-/** @public */
-export type GridItemRowEnd = 'auto' | number
-
-/** @public */
-export interface GridItemStyleProps {
-  column?: ResponsiveProp<GridItemColumn>
-  columnStart?: ResponsiveProp<GridItemColumnStart>
-  columnEnd?: ResponsiveProp<GridItemColumnEnd>
-
-  row?: ResponsiveProp<GridItemRow>
-  rowStart?: ResponsiveProp<GridItemRowStart>
-  rowEnd?: ResponsiveProp<GridItemRowEnd>
-}

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,16 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type BoxHeight = 'stretch' | 'fill'
-
-/** @public */
-export interface HeightStyleProps {
-  height?: ResponsiveProp<BoxHeight>
-}
-
-/** @internal */
-export function height(props: HeightStyleProps): string | undefined {
-  return _scopeClassNames(_resp(`h`, props.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/inset/inset.ts

@@ -1,14 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {InsetStyleProps} from './types'
-
-/** @internal */
-export function inset(props: InsetStyleProps): string | undefined {
-  return _scopeClassNames(
-    _resp('inset', props.inset),
-    _resp('top', props.insetTop),
-    _resp('right', props.insetRight),
-    _resp('bottom', props.insetBottom),
-    _resp('left', props.insetLeft),
-  )
-}

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

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

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

@@ -1,16 +0,0 @@
-import {_resp} from '../../_resp'
-import {_scopeClassNames} from '../../_scopeClassNames'
-import type {MarginStyleProps} from './types'
-
-/** @internal */
-export function margin(props: MarginStyleProps): string | undefined {
-  return _scopeClassNames(
-    _resp('m', props.margin),
-    _resp('mx', props.marginX),
-    _resp('my', props.marginY),
-    _resp('mt', props.marginTop),
-    _resp('mr', props.marginRight),
-    _resp('mb', props.marginBottom),
-    _resp('ml', props.marginLeft),
-  )
-}