Prisma

Token Reference 140 tokens

TokenValueDescription
base.disabled{base.disabled}
base.accent{base.accent}
base.accent-foreground{base.accent-foreground}
base.background{base.background}
base.canvas{base.canvas}
base.foreground{base.foreground}
base.background-inverse{base.background-inverse}
base.foreground-inverse{base.foreground-inverse}
base.background-overlay{base.background-overlay}
base.border{base.border}
base.border-ghost{base.border-ghost}
base.border-secondary{base.border-secondary}
base.muted{base.muted}
base.muted-foreground{base.muted-foreground}
base.muted-inverse{base.muted-inverse}
base.muted-inverse-foreground{base.muted-inverse-foreground}
base.input{base.input}
base.input-border{base.input-border}
base.card{base.card}
base.card-subtle{base.card-subtle}
base.card-subtle-inverse{base.card-subtle-inverse}
base.card-border{base.card-border}
base.card-border-ghost{base.card-border-ghost}
base.card-border-subtle{base.card-border-subtle}
base.card-foreground{base.card-foreground}
base.card-inverse{base.card-inverse}
base.card-inverse-foreground{base.card-inverse-foreground}
base.surface{base.surface}
base.surface-foreground{base.surface-foreground}
base.surface-subtle{base.surface-subtle}
base.surface-subtle-foreground{base.surface-subtle-foreground}
base.surface-strong{base.surface-strong}
base.surface-strong-foreground{base.surface-strong-foreground}
base.primary{base.primary}
base.primary-foreground{base.primary-foreground}
base.primary-muted{base.primary-muted}
base.primary-muted-foreground{base.primary-muted-foreground}
base.secondary{base.secondary}
base.secondary-foreground{base.secondary-foreground}
base.secondary-muted{base.secondary-muted}
base.secondary-muted-foreground{base.secondary-muted-foreground}
base.destructive{base.destructive}
base.destructive-foreground{base.destructive-foreground}
base.destructive-muted{base.destructive-muted}
base.destructive-muted-foreground{base.destructive-muted-foreground}
base.warning{base.warning}
base.warning-foreground{base.warning-foreground}
base.warning-muted{base.warning-muted}
base.warning-muted-foreground{base.warning-muted-foreground}
base.success{base.success}
base.success-foreground{base.success-foreground}
base.success-muted{base.success-muted}
base.success-muted-foreground{base.success-muted-foreground}
base.info{base.info}
base.info-foreground{base.info-foreground}
base.info-muted{base.info-muted}
base.info-muted-foreground{base.info-muted-foreground}
state-layer.hover{state-layer.hover}
state-layer.focused{state-layer.focused}
state-layer.disable{state-layer.disable}
state-layer.colored-hover{state-layer.colored-hover}
state-layer.colored-focused{state-layer.colored-focused}
alpha.10{alpha.light.10}
alpha.20{alpha.light.20}
alpha.30{alpha.light.30}
alpha.40{alpha.light.40}
alpha.50{alpha.light.50}
alpha.60{alpha.light.60}
alpha.70{alpha.light.70}
alpha.80{alpha.light.80}
alpha.90{alpha.light.90}
style.block.radius-none{block.radius-none}
style.block.radius-default{block.radius-default}
style.block.margin-default{block.margin-default}
style.block.margin-large{block.margin-large}
style.block.padding-large{block.padding-large}
style.block.padding-default{block.padding-default}
style.block.padding-small{block.padding-small}
style.block.stack-gap-large{block.stack-gap-large}
style.block.stack-gap-default{block.stack-gap-default}
style.block.stack-gap-small{block.stack-gap-small}
style.block.inline-gap-default{block.inline-gap-default}
style.block.inline-gap-small{block.inline-gap-small}
style.block.grid-row-gap{block.grid-row-gap}
style.block.grid-column-gap{block.grid-column-gap}
style.section.radius-default{section.radius-default}
style.section.radius-small{section.radius-small}
style.section.margin-default{section.margin-default}
style.section.margin-large{section.margin-large}
style.section.padding-large{section.padding-large}
style.section.padding-default{section.padding-default}
style.section.padding-small{section.padding-small}
style.section.stack-gap-large{section.stack-gap-large}
style.section.stack-gap-default{section.stack-gap-default}
style.section.stack-gap-small{section.stack-gap-small}
style.section.inline-gap-default{section.inline-gap-default}
style.section.inline-gap-small{section.inline-gap-small}
style.section.grid-row-gap{section.grid-row-gap}
style.section.grid-column-gap{section.grid-column-gap}
style.card.radius-large{module.radius-large}
style.card.radius-default{module.radius-default}
style.card.radius-small{module.radius-small}
style.card.margin-default{module.margin-default}
style.card.margin-large{module.margin-large}
style.card.padding-large{module.padding-large}
style.card.padding-default{module.padding-default}
style.card.padding-small{module.padding-small}
style.card.stack-gap-large{module.stack-gap-large}
style.card.stack-gap-default{module.stack-gap-default}
style.card.stack-gap-small{module.stack-gap-small}
style.card.inline-gap-default{module.inline-gap-default}
style.card.inline-gap-small{module.inline-gap-small}
style.card.grid-row-gap{module.grid-row-gap}
style.card.grid-column-gap{module.grid-column-gap}
style.item.radius{item.radius}
style.item.margin-default{item.margin-default}
style.item.padding-large{item.padding-large}
style.item.padding-default{item.padding-default}
style.item.padding-small{item.padding-small}
style.item.padding-xsmall{item.padding-xsmall}
style.item.stack-gap-default{item.stack-gap-default}
style.item.stack-gap-small{item.stack-gap-small}
style.item.inline-gap-default{item.inline-gap-default}
style.item.inline-gap-small{item.inline-gap-small}
focus.ring-width{focus.ring-width}
focus.ring-offset{focus.ring-offset}
focus.ring-color{focus.ring-color}
focus.ring-color-destructive{focus.ring-color-destructive}
focus.ring-style{focus.ring-style}
elevation.card{elevation.level-1}
elevation.dropdown{elevation.level-2}
elevation.toast{elevation.level-3}
elevation.modal{elevation.level-4}
elevation.spotlight{elevation.level-5}
motion.duration-hover150ms
motion.duration-expand300ms
motion.duration-modal400ms
motion.easing-defaultcubic-bezier(0.2, 0, 0, 1)
motion.easing-entercubic-bezier(0.05, 0.7, 0.1, 1)
motion.easing-exitcubic-bezier(0.3, 0, 0.8, 0.15)