ThemedCSSProps

import type { ThemedCSSProps } from "@pitlane/theme";

The style-object type accepted by css and every tva slot.

Two layers stack. Token-mapped longhands enforce the matching token brand plus the small set of CSS keywords the table lists, and the literal 0 where the value is a length. Every other property carries csstype's value union, so closed-grammar properties such as display, position, resize, and overflow only accept their real keywords. Unknown keys — nested selectors, at-rules, and CSS custom properties — recurse or stay loose.

Wide below is the CSS-wide keyword union "inherit" | "initial" | "unset" | "revert" | "revert-layer".

Property family	Accepted values
`color`, `backgroundColor`, `borderColor`, the four per-side and two logical border colors, `outlineColor`, `textDecorationColor`, `columnRuleColor`, `caretColor`, `accentColor`, `fill`, `stroke`	`ColorToken \| "transparent" \| "currentColor" \| Wide`
`width`, `height`, `minWidth`, `minHeight`, `maxWidth`, `maxHeight`, their `blockSize`/`inlineSize` logical forms, `flexBasis`	`DimensionToken \| 0 \| "auto" \| "min-content" \| "max-content" \| "fit-content" \| Wide`
`top`, `right`, `bottom`, `left`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, and their `inset`/`margin` logical start/end forms	`DimensionToken \| 0 \| "auto" \| Wide`
`paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, the logical padding start/end forms, `fontSize`, `textIndent`, `outlineOffset`, the four corner radii, `rowGap`, `columnGap`	`DimensionToken \| 0 \| Wide`
`letterSpacing`, `wordSpacing`	`DimensionToken \| 0 \| "normal" \| Wide`
`borderTopWidth`, `borderRightWidth`, `borderBottomWidth`, `borderLeftWidth`, `outlineWidth`	`DimensionToken \| 0 \| "thin" \| "medium" \| "thick" \| Wide`
`padding`, `borderRadius`	a single value as the longhand, or a tuple of 1–4 `DimensionToken \| 0` values, space-joined
`margin`, `inset`	a single value as the longhand, or a tuple of 1–4 `DimensionToken \| 0 \| "auto"` values, space-joined
`gap`, `paddingBlock`, `paddingInline`	the longhand value, or a 2-tuple of `DimensionToken \| 0`
`marginBlock`, `marginInline`, `insetBlock`, `insetInline`	the longhand value, or a 2-tuple of `DimensionToken \| 0 \| "auto"`
`fontFamily`	`FontFamilyToken \| Wide`
`fontWeight`	`FontWeightToken \| "normal" \| "bold" \| "lighter" \| "bolder" \| Wide`
`lineHeight`	`NumberToken \| DimensionToken \| "normal" \| Wide`
`opacity`, `zIndex`, `flexGrow`, `flexShrink`, `order`	`NumberToken \| number \| Wide` (plain numbers stay legal)
`transitionDuration`, `transitionDelay`, `animationDuration`, `animationDelay`	`DurationToken \| Wide`
`transitionTimingFunction`, `animationTimingFunction`	`CubicBezierToken \| "ease" \| "linear" \| "ease-in" \| "ease-out" \| "ease-in-out" \| "step-start" \| "step-end" \| Wide`
`boxShadow`, `textShadow`	`ShadowToken \| "none" \| Wide`
every other CSS property	csstype's union for that property, with `dimension` tokens for lengths and `duration` tokens for times

Tuple items take no CSS-wide keyword; Wide applies only to a single value.

See

css

Extends

KeywordProps
TokenMappedProps

Indexable

[key: string]:
  | string
  | number
  | ThemedCSSProps
  | readonly (string | number)[]
  | null
  | undefined

Properties

accentColor?

optional accentColor?: ColorLike;

Inherited from

TokenMappedProps.accentColor

animationDelay?

optional animationDelay?: DurationToken | Wide;

Inherited from

TokenMappedProps.animationDelay

animationDuration?

optional animationDuration?: DurationToken | Wide;

Inherited from

TokenMappedProps.animationDuration

animationTimingFunction?

optional animationTimingFunction?: Easing;

Inherited from

TokenMappedProps.animationTimingFunction

backgroundColor?

optional backgroundColor?: ColorLike;

Inherited from

TokenMappedProps.backgroundColor

blockSize?

optional blockSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.blockSize

borderBlockColor?

optional borderBlockColor?: ColorLike;

Inherited from

TokenMappedProps.borderBlockColor

borderBottomColor?

optional borderBottomColor?: ColorLike;

Inherited from

TokenMappedProps.borderBottomColor

borderBottomLeftRadius?

optional borderBottomLeftRadius?: Size;

Inherited from

TokenMappedProps.borderBottomLeftRadius

borderBottomRightRadius?

optional borderBottomRightRadius?: Size;

Inherited from

TokenMappedProps.borderBottomRightRadius

borderBottomWidth?

optional borderBottomWidth?: LineWidth;

Inherited from

TokenMappedProps.borderBottomWidth

borderColor?

optional borderColor?: ColorLike;

Inherited from

TokenMappedProps.borderColor

borderInlineColor?

optional borderInlineColor?: ColorLike;

Inherited from

TokenMappedProps.borderInlineColor

borderLeftColor?

optional borderLeftColor?: ColorLike;

Inherited from

TokenMappedProps.borderLeftColor

borderLeftWidth?

optional borderLeftWidth?: LineWidth;

Inherited from

TokenMappedProps.borderLeftWidth

borderRadius?

optional borderRadius?: Size | Repeat1to4<PadItem>;

Inherited from

TokenMappedProps.borderRadius

borderRightColor?

optional borderRightColor?: ColorLike;

Inherited from

TokenMappedProps.borderRightColor

borderRightWidth?

optional borderRightWidth?: LineWidth;

Inherited from

TokenMappedProps.borderRightWidth

borderTopColor?

optional borderTopColor?: ColorLike;

Inherited from

TokenMappedProps.borderTopColor

borderTopLeftRadius?

optional borderTopLeftRadius?: Size;

Inherited from

TokenMappedProps.borderTopLeftRadius

borderTopRightRadius?

optional borderTopRightRadius?: Size;

Inherited from

TokenMappedProps.borderTopRightRadius

borderTopWidth?

optional borderTopWidth?: LineWidth;

Inherited from

TokenMappedProps.borderTopWidth

bottom?

optional bottom?: SizeAuto;

Inherited from

TokenMappedProps.bottom

boxShadow?

optional boxShadow?: ShadowLike;

Inherited from

TokenMappedProps.boxShadow

caretColor?

optional caretColor?: ColorLike;

Inherited from

TokenMappedProps.caretColor

color?

optional color?: ColorLike;

Inherited from

TokenMappedProps.color

columnGap?

optional columnGap?: Size;

Inherited from

TokenMappedProps.columnGap

columnRuleColor?

optional columnRuleColor?: ColorLike;

Inherited from

TokenMappedProps.columnRuleColor

fill?

optional fill?: ColorLike;

Inherited from

TokenMappedProps.fill

flexBasis?

optional flexBasis?: SizeIntrinsic;

Inherited from

TokenMappedProps.flexBasis

flexGrow?

optional flexGrow?: Numeric;

Inherited from

TokenMappedProps.flexGrow

flexShrink?

optional flexShrink?: Numeric;

Inherited from

TokenMappedProps.flexShrink

fontFamily?

optional fontFamily?: Wide | FontFamilyToken;

Inherited from

TokenMappedProps.fontFamily

fontSize?

optional fontSize?: Size;

Inherited from

TokenMappedProps.fontSize

fontWeight?

optional fontWeight?:
  | "normal"
  | Wide
  | FontWeightToken
  | "bold"
  | "lighter"
  | "bolder";

Inherited from

TokenMappedProps.fontWeight

gap?

optional gap?: Size | readonly [PadItem, PadItem];

Inherited from

TokenMappedProps.gap

height?

optional height?: SizeIntrinsic;

Inherited from

TokenMappedProps.height

inlineSize?

optional inlineSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.inlineSize

inset?

optional inset?: SizeAuto | Repeat1to4<MarginItem>;

Inherited from

TokenMappedProps.inset

insetBlock?

optional insetBlock?: SizeAuto | readonly [MarginItem, MarginItem];

Inherited from

TokenMappedProps.insetBlock

insetBlockEnd?

optional insetBlockEnd?: SizeAuto;

Inherited from

TokenMappedProps.insetBlockEnd

insetBlockStart?

optional insetBlockStart?: SizeAuto;

Inherited from

TokenMappedProps.insetBlockStart

insetInline?

optional insetInline?: SizeAuto | readonly [MarginItem, MarginItem];

Inherited from

TokenMappedProps.insetInline

insetInlineEnd?

optional insetInlineEnd?: SizeAuto;

Inherited from

TokenMappedProps.insetInlineEnd

insetInlineStart?

optional insetInlineStart?: SizeAuto;

Inherited from

TokenMappedProps.insetInlineStart

left?

optional left?: SizeAuto;

Inherited from

TokenMappedProps.left

letterSpacing?

optional letterSpacing?: SpacingText;

Inherited from

TokenMappedProps.letterSpacing

lineHeight?

optional lineHeight?:
  | DimensionToken
  | "normal"
  | Wide
  | NumberToken;

Inherited from

TokenMappedProps.lineHeight

margin?

optional margin?: SizeAuto | Repeat1to4<MarginItem>;

Inherited from

TokenMappedProps.margin

marginBlock?

optional marginBlock?: SizeAuto | readonly [MarginItem, MarginItem];

Inherited from

TokenMappedProps.marginBlock

marginBlockEnd?

optional marginBlockEnd?: SizeAuto;

Inherited from

TokenMappedProps.marginBlockEnd

marginBlockStart?

optional marginBlockStart?: SizeAuto;

Inherited from

TokenMappedProps.marginBlockStart

marginBottom?

optional marginBottom?: SizeAuto;

Inherited from

TokenMappedProps.marginBottom

marginInline?

optional marginInline?: SizeAuto | readonly [MarginItem, MarginItem];

Inherited from

TokenMappedProps.marginInline

marginInlineEnd?

optional marginInlineEnd?: SizeAuto;

Inherited from

TokenMappedProps.marginInlineEnd

marginInlineStart?

optional marginInlineStart?: SizeAuto;

Inherited from

TokenMappedProps.marginInlineStart

marginLeft?

optional marginLeft?: SizeAuto;

Inherited from

TokenMappedProps.marginLeft

marginRight?

optional marginRight?: SizeAuto;

Inherited from

TokenMappedProps.marginRight

marginTop?

optional marginTop?: SizeAuto;

Inherited from

TokenMappedProps.marginTop

maxBlockSize?

optional maxBlockSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.maxBlockSize

maxHeight?

optional maxHeight?: SizeIntrinsic;

Inherited from

TokenMappedProps.maxHeight

maxInlineSize?

optional maxInlineSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.maxInlineSize

maxWidth?

optional maxWidth?: SizeIntrinsic;

Inherited from

TokenMappedProps.maxWidth

minBlockSize?

optional minBlockSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.minBlockSize

minHeight?

optional minHeight?: SizeIntrinsic;

Inherited from

TokenMappedProps.minHeight

minInlineSize?

optional minInlineSize?: SizeIntrinsic;

Inherited from

TokenMappedProps.minInlineSize

minWidth?

optional minWidth?: SizeIntrinsic;

Inherited from

TokenMappedProps.minWidth

opacity?

optional opacity?: Numeric;

Inherited from

TokenMappedProps.opacity

order?

optional order?: Numeric;

Inherited from

TokenMappedProps.order

outlineColor?

optional outlineColor?: ColorLike;

Inherited from

TokenMappedProps.outlineColor

outlineOffset?

optional outlineOffset?: Size;

Inherited from

TokenMappedProps.outlineOffset

outlineWidth?

optional outlineWidth?: LineWidth;

Inherited from

TokenMappedProps.outlineWidth

padding?

optional padding?: Size | Repeat1to4<PadItem>;

Inherited from

TokenMappedProps.padding

paddingBlock?

optional paddingBlock?: Size | readonly [PadItem, PadItem];

Inherited from

TokenMappedProps.paddingBlock

paddingBlockEnd?

optional paddingBlockEnd?: Size;

Inherited from

TokenMappedProps.paddingBlockEnd

paddingBlockStart?

optional paddingBlockStart?: Size;

Inherited from

TokenMappedProps.paddingBlockStart

paddingBottom?

optional paddingBottom?: Size;

Inherited from

TokenMappedProps.paddingBottom

paddingInline?

optional paddingInline?: Size | readonly [PadItem, PadItem];

Inherited from

TokenMappedProps.paddingInline

paddingInlineEnd?

optional paddingInlineEnd?: Size;

Inherited from

TokenMappedProps.paddingInlineEnd

paddingInlineStart?

optional paddingInlineStart?: Size;

Inherited from

TokenMappedProps.paddingInlineStart

paddingLeft?

optional paddingLeft?: Size;

Inherited from

TokenMappedProps.paddingLeft

paddingRight?

optional paddingRight?: Size;

Inherited from

TokenMappedProps.paddingRight

paddingTop?

optional paddingTop?: Size;

Inherited from

TokenMappedProps.paddingTop

right?

optional right?: SizeAuto;

Inherited from

TokenMappedProps.right

rowGap?

optional rowGap?: Size;

Inherited from

TokenMappedProps.rowGap

stroke?

optional stroke?: ColorLike;

Inherited from

TokenMappedProps.stroke

textDecorationColor?

optional textDecorationColor?: ColorLike;

Inherited from

TokenMappedProps.textDecorationColor

textIndent?

optional textIndent?: Size;

Inherited from

TokenMappedProps.textIndent

textShadow?

optional textShadow?: ShadowLike;

Inherited from

TokenMappedProps.textShadow

top?

optional top?: SizeAuto;

Inherited from

TokenMappedProps.top

transitionDelay?

optional transitionDelay?: DurationToken | Wide;

Inherited from

TokenMappedProps.transitionDelay

transitionDuration?

optional transitionDuration?: DurationToken | Wide;

Inherited from

TokenMappedProps.transitionDuration

transitionTimingFunction?

optional transitionTimingFunction?: Easing;

Inherited from

TokenMappedProps.transitionTimingFunction

width?

optional width?: SizeIntrinsic;

Inherited from

TokenMappedProps.width

wordSpacing?

optional wordSpacing?: SpacingText;

Inherited from

TokenMappedProps.wordSpacing

zIndex?

optional zIndex?: Numeric;

Inherited from

TokenMappedProps.zIndex

761 more properties are inherited from KeywordProps and not listed individually.