@sanity/ui 4.0.0-static.9 → 4.0.0

package/src/css/props/gap/gap.css.ts

@@ -1,40 +0,0 @@
-import {SPACE, type Space} from '@sanity/ui/theme'
-
-import {_fromEntries} from '../../_fromEntries'
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import {vars} from '../../vars.css'
-
-export const gapOptions: ResponsiveRuleOptions<Space> = {
-  ..._fromEntries(
-    SPACE.map((index) => [
-      index,
-      _responsiveStyle(layers.props, {
-        gap: vars.space[index],
-      }),
-    ]),
-  ),
-}
-
-export const gapXOptions: ResponsiveRuleOptions<Space> = {
-  ..._fromEntries(
-    SPACE.map((index) => [
-      index,
-      _responsiveStyle(layers.props, {
-        columnGap: vars.space[index],
-      }),
-    ]),
-  ),
-}
-
-export const gapYOptions: ResponsiveRuleOptions<Space> = {
-  ..._fromEntries(
-    SPACE.map((index) => [
-      index,
-      _responsiveStyle(layers.props, {
-        rowGap: vars.space[index],
-      }),
-    ]),
-  ),
-}

package/src/css/props/gap/gap.ts

@@ -1,13 +0,0 @@
-import {_composeClassNames} from '../../_composeClassNames'
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {gapOptions, gapXOptions, gapYOptions} from './gap.css'
-import type {GapStyleProps} from './types'
-
-/** @public */
-export function gap(props: GapStyleProps): string | undefined {
-  return _composeClassNames(
-    _responsiveClassName(gapOptions, props.gap),
-    _responsiveClassName(gapXOptions, props.gapX),
-    _responsiveClassName(gapYOptions, props.gapY),
-  )
-}

package/src/css/props/gap/types.ts

@@ -1,10 +0,0 @@
-import type {Space} from '@sanity/ui/theme'
-
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export interface GapStyleProps {
-  gap?: ResponsiveProp<Space>
-  gapX?: ResponsiveProp<Space>
-  gapY?: ResponsiveProp<Space>
-}

package/src/css/props/gridAutoColumns/gridAutoColumns.css.ts

@@ -1,19 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridAutoColumns} from './types'
-
-export const options: ResponsiveRuleOptions<GridAutoColumns> = {
-  auto: _responsiveStyle(layers.props, {
-    gridAutoColumns: 'auto',
-  }),
-  min: _responsiveStyle(layers.props, {
-    gridAutoColumns: 'min-content',
-  }),
-  max: _responsiveStyle(layers.props, {
-    gridAutoColumns: 'max-content',
-  }),
-  fr: _responsiveStyle(layers.props, {
-    gridAutoColumns: 'minmax(0, 1fr)',
-  }),
-}

package/src/css/props/gridAutoColumns/gridAutoColumns.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridAutoColumns.css'
-import type {GridAutoColumnsStyleProps} from './types'
-
-/** @public */
-export function gridAutoColumns(props: GridAutoColumnsStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridAutoColumns)
-}

package/src/css/props/gridAutoColumns/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridAutoColumns = 'auto' | 'min' | 'max' | 'fr'
-
-/** @public */
-export interface GridAutoColumnsStyleProps {
-  gridAutoColumns?: ResponsiveProp<GridAutoColumns>
-}

package/src/css/props/gridAutoFlow/gridAutoFlow.css.ts

@@ -1,19 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridAutoFlow} from './types'
-
-export const options: ResponsiveRuleOptions<GridAutoFlow> = {
-  'row': _responsiveStyle(layers.props, {
-    gridAutoFlow: 'row',
-  }),
-  'column': _responsiveStyle(layers.props, {
-    gridAutoFlow: 'column-content',
-  }),
-  'row dense': _responsiveStyle(layers.props, {
-    gridAutoFlow: 'row dense',
-  }),
-  'column dense': _responsiveStyle(layers.props, {
-    gridAutoFlow: 'column dense',
-  }),
-}

package/src/css/props/gridAutoFlow/gridAutoFlow.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridAutoFlow.css'
-import type {GridAutoFlowStyleProps} from './types'
-
-/** @public */
-export function gridAutoFlow(props: GridAutoFlowStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridAutoFlow)
-}

package/src/css/props/gridAutoFlow/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
-
-/** @public */
-export interface GridAutoFlowStyleProps {
-  gridAutoFlow?: ResponsiveProp<GridAutoFlow>
-}

package/src/css/props/gridAutoRows/gridAutoRows.css.ts

@@ -1,19 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridAutoRows} from './types'
-
-export const options: ResponsiveRuleOptions<GridAutoRows> = {
-  auto: _responsiveStyle(layers.props, {
-    gridAutoRows: 'auto',
-  }),
-  min: _responsiveStyle(layers.props, {
-    gridAutoRows: 'min-content',
-  }),
-  max: _responsiveStyle(layers.props, {
-    gridAutoRows: 'max-content',
-  }),
-  fr: _responsiveStyle(layers.props, {
-    gridAutoRows: 'minmax(0, 1fr)',
-  }),
-}

package/src/css/props/gridAutoRows/gridAutoRows.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridAutoRows.css'
-import type {GridAutoRowsStyleProps} from './types'
-
-/** @public */
-export function gridAutoRows(props: GridAutoRowsStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridAutoRows)
-}

package/src/css/props/gridAutoRows/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
-
-/** @public */
-export interface GridAutoRowsStyleProps {
-  gridAutoRows?: ResponsiveProp<GridAutoRows>
-}

package/src/css/props/gridColumn/gridColumn.css.ts

@@ -1,49 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridColumn} from './types'
-
-export const options: ResponsiveRuleOptions<GridColumn> = {
-  auto: _responsiveStyle(layers.props, {
-    gridColumn: 'auto',
-  }),
-  full: _responsiveStyle(layers.props, {
-    gridColumn: '1 / -1',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridColumn: 'span 1 / span 1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridColumn: 'span 2 / span 2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridColumn: 'span 3 / span 3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridColumn: 'span 4 / span 4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridColumn: 'span 5 / span 5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridColumn: 'span 6 / span 6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridColumn: 'span 7 / span 7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridColumn: 'span 8 / span 8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridColumn: 'span 9 / span 9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridColumn: 'span 10 / span 10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridColumn: 'span 11 / span 11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridColumn: 'span 12 / span 12',
-  }),
-}

package/src/css/props/gridColumn/gridColumn.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridColumn.css'
-import type {GridColumnStyleProps} from './types'
-
-/** @public */
-export function gridColumn(props: GridColumnStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridColumn)
-}

package/src/css/props/gridColumn/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridColumn = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-/** @public */
-export interface GridColumnStyleProps {
-  gridColumn?: ResponsiveProp<GridColumn>
-}

package/src/css/props/gridColumnEnd/gridColumnEnd.css.ts

@@ -1,46 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridColumnEnd} from './types'
-
-export const options: ResponsiveRuleOptions<GridColumnEnd> = {
-  auto: _responsiveStyle(layers.props, {
-    gridColumnEnd: 'auto',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridColumnEnd: '1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridColumnEnd: '2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridColumnEnd: '3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridColumnEnd: '4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridColumnEnd: '5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridColumnEnd: '6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridColumnEnd: '7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridColumnEnd: '8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridColumnEnd: '9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridColumnEnd: '10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridColumnEnd: '11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridColumnEnd: '12',
-  }),
-}

package/src/css/props/gridColumnEnd/gridColumnEnd.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridColumnEnd.css'
-import type {GridColumnEndStyleProps} from './types'
-
-/** @public */
-export function gridColumnEnd(props: GridColumnEndStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridColumnEnd)
-}

package/src/css/props/gridColumnEnd/types.ts

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

package/src/css/props/gridColumnStart/gridColumnStart.css.ts

@@ -1,46 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridColumnStart} from './types'
-
-export const options: ResponsiveRuleOptions<GridColumnStart> = {
-  auto: _responsiveStyle(layers.props, {
-    gridColumnStart: 'auto',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridColumnStart: '1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridColumnStart: '2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridColumnStart: '3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridColumnStart: '4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridColumnStart: '5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridColumnStart: '6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridColumnStart: '7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridColumnStart: '8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridColumnStart: '9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridColumnStart: '10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridColumnStart: '11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridColumnStart: '12',
-  }),
-}

package/src/css/props/gridColumnStart/gridColumnStart.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridColumnStart.css'
-import type {GridColumnStartStyleProps} from './types'
-
-/** @public */
-export function gridColumnStart(props: GridColumnStartStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridColumnStart)
-}

package/src/css/props/gridColumnStart/types.ts

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

package/src/css/props/gridRow/gridRow.css.ts

@@ -1,49 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridRow} from './types'
-
-export const options: ResponsiveRuleOptions<GridRow> = {
-  auto: _responsiveStyle(layers.props, {
-    gridRow: 'auto',
-  }),
-  full: _responsiveStyle(layers.props, {
-    gridRow: '1 / -1',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridRow: 'span 1 / span 1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridRow: 'span 2 / span 2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridRow: 'span 3 / span 3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridRow: 'span 4 / span 4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridRow: 'span 5 / span 5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridRow: 'span 6 / span 6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridRow: 'span 7 / span 7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridRow: 'span 8 / span 8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridRow: 'span 9 / span 9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridRow: 'span 10 / span 10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridRow: 'span 11 / span 11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridRow: 'span 12 / span 12',
-  }),
-}

package/src/css/props/gridRow/gridRow.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridRow.css'
-import type {GridRowStyleProps} from './types'
-
-/** @public */
-export function gridRow(props: GridRowStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridRow)
-}

package/src/css/props/gridRow/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridRow = 'auto' | 'full' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-/** @public */
-export interface GridRowStyleProps {
-  gridRow?: ResponsiveProp<GridRow>
-}

package/src/css/props/gridRowEnd/gridRowEnd.css.ts

@@ -1,46 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridRowEnd} from './types'
-
-export const options: ResponsiveRuleOptions<GridRowEnd> = {
-  auto: _responsiveStyle(layers.props, {
-    gridRowEnd: 'auto',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridRowEnd: '1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridRowEnd: '2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridRowEnd: '3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridRowEnd: '4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridRowEnd: '5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridRowEnd: '6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridRowEnd: '7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridRowEnd: '8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridRowEnd: '9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridRowEnd: '10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridRowEnd: '11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridRowEnd: '12',
-  }),
-}

package/src/css/props/gridRowEnd/gridRowEnd.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridRowEnd.css'
-import type {GridRowEndStyleProps} from './types'
-
-/** @public */
-export function gridRowEnd(props: GridRowEndStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridRowEnd)
-}

package/src/css/props/gridRowEnd/types.ts

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

package/src/css/props/gridRowStart/gridRowStart.css.ts

@@ -1,46 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridRowStart} from './types'
-
-export const options: ResponsiveRuleOptions<GridRowStart> = {
-  auto: _responsiveStyle(layers.props, {
-    gridRowStart: 'auto',
-  }),
-  1: _responsiveStyle(layers.props, {
-    gridRowStart: '1',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridRowStart: '2',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridRowStart: '3',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridRowStart: '4',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridRowStart: '5',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridRowStart: '6',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridRowStart: '7',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridRowStart: '8',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridRowStart: '9',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridRowStart: '10',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridRowStart: '11',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridRowStart: '12',
-  }),
-}

package/src/css/props/gridRowStart/gridRowStart.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridRowStart.css'
-import type {GridRowStartStyleProps} from './types'
-
-/** @public */
-export function gridRowStart(props: GridRowStartStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridRowStart)
-}

package/src/css/props/gridRowStart/types.ts

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

package/src/css/props/gridTemplateColumns/gridTemplateColumns.css.ts

@@ -1,43 +0,0 @@
-import {_responsiveStyle} from '../../_responsiveStyle.css'
-import {layers} from '../../layers.css'
-import type {ResponsiveRuleOptions} from '../../types'
-import type {GridTemplateColumns} from './types'
-
-export const options: ResponsiveRuleOptions<GridTemplateColumns> = {
-  1: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(1, 1fr)',
-  }),
-  2: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(2, 1fr)',
-  }),
-  3: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(3, 1fr)',
-  }),
-  4: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(4, 1fr)',
-  }),
-  5: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(5, 1fr)',
-  }),
-  6: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(6, 1fr)',
-  }),
-  7: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(7, 1fr)',
-  }),
-  8: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(8, 1fr)',
-  }),
-  9: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(9, 1fr)',
-  }),
-  10: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(10, 1fr)',
-  }),
-  11: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(11, 1fr)',
-  }),
-  12: _responsiveStyle(layers.props, {
-    gridTemplateColumns: 'repeat(12, 1fr)',
-  }),
-}

package/src/css/props/gridTemplateColumns/gridTemplateColumns.ts

@@ -1,8 +0,0 @@
-import {_responsiveClassName} from '../../_responsiveClassName'
-import {options} from './gridTemplateColumns.css'
-import type {GridTemplateColumnsStyleProps} from './types'
-
-/** @public */
-export function gridTemplateColumns(props: GridTemplateColumnsStyleProps): string | undefined {
-  return _responsiveClassName(options, props.gridTemplateColumns)
-}

package/src/css/props/gridTemplateColumns/types.ts

@@ -1,9 +0,0 @@
-import type {ResponsiveProp} from '../../types'
-
-/** @public */
-export type GridTemplateColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
-
-/** @public */
-export interface GridTemplateColumnsStyleProps {
-  gridTemplateColumns?: ResponsiveProp<GridTemplateColumns>
-}