UNPKG

@radix-ui/themes

Version:

[![Radix Themes Logo](https://radix-ui.com/social/themes.png)](https://radix-ui.com/themes)

36 lines (30 loc) 1.13 kB
import type { PropDef } from '../props/index.js'; import { colorPropDef, paddingPropDefs, radiusPropDef } from '../props/index.js'; import { flexPropDefs } from './flex.props.js'; const sizes = ['1', '2', '3'] as const; const variants = ['classic', 'surface', 'soft'] as const; const textFieldRootPropDefs = { size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true }, variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' }, ...colorPropDef, ...radiusPropDef, } satisfies { size: PropDef<(typeof sizes)[number]>; variant: PropDef<(typeof variants)[number]>; }; const sides = ['left', 'right'] as const; const textFieldSlotPropDefs = { side: { type: 'enum', values: sides }, ...colorPropDef, gap: flexPropDefs.gap, px: paddingPropDefs.px, pl: paddingPropDefs.pl, pr: paddingPropDefs.pr, } satisfies { side: PropDef<(typeof sides)[number]>; gap: typeof flexPropDefs.gap; px: typeof paddingPropDefs.px; pl: typeof paddingPropDefs.pl; pr: typeof paddingPropDefs.pr; }; export { textFieldRootPropDefs, textFieldSlotPropDefs };