Skip to content

Main Navigation Guide Packages CSS API reference

English

English

Select theme

Appearance

Sidebar Navigation

API reference

Overview

tools

aggregate

Interfaces

Target

AggregateOptions

Functions

discoverTargets

aggregate

demo

Interfaces

ResolveOptions

ResolvedDemo

LiveExampleOptions

DemoMarkdownItOptions

Functions

resolveDemo

renderDemoFigure

demoMarkdownIt

ai

pantoken-ai

Type Aliases

AgentTool

Variables

ASSETS

AGENTS_MD

LLMS_TXT

AGENT_TOOLS

Functions

installAgentAssets

platforms

android

Interfaces

GenerateAndroidOptions

Functions

toAndroid

generateAndroid

compose

Interfaces

GenerateComposeOptions

Functions

toCompose

generateCompose

drupal

Interfaces

DrupalFile

ToDrupalThemeOptions

Functions

machineName

toDrupalTheme

email

Variables

light

dark

Functions

emailTokens

flutter

Interfaces

GenerateFlutterOptions

Functions

toFlutter

generateFlutter

hugo

Interfaces

HugoFile

Functions

toHugoAssets

jekyll

Interfaces

JekyllFile

Functions

toJekyllAssets

rust

Interfaces

RustOptions

Type Aliases

RustFormat

Functions

toRust

generateRust

swift

Interfaces

GenerateSwiftOptions

Functions

toSwift

generateSwift

vanilla

Interfaces

ToVanillaOptions

Type Aliases

Mode

Variables

variables

VANILLA_TO_INSTUI

Functions

toVanillaVariables

wordpress

Interfaces

ThemeJson

ToThemeJsonOptions

Type Aliases

Mode

Variables

themeJson

Functions

toThemeJson

renderers

angular

Functions

registerPantokenElements

readToken

register

astro

Interfaces

HeadEntry

StarlightPluginLike

InstUIOptions

Functions

pantokenCss

InstUI

bootstrap

Interfaces

ToBootstrapCssOptions

Variables

BOOTSTRAP_TO_INSTUI

bootstrapCss

Functions

toBootstrapCss

css-in-js

Interfaces

ToStyledThemeOptions

Type Aliases

StyledTheme

Variables

pantokenTheme

Functions

toThemeKey

toStyledTheme

docusaurus

Interfaces

ToDocusaurusCssOptions

Variables

INFIMA_TO_INSTUI

docusaurusCss

Functions

toDocusaurusCss

foundation

Interfaces

ToFoundationSettingsOptions

ToFoundationCssOptions

Variables

FOUNDATION_TO_INSTUI

foundationSettings

foundationCss

Functions

toFoundationSettings

toFoundationCss

markdown-it

Interfaces

MarkdownItOptions

Variables

PROSE_CLASS

Functions

pantokenMarkdownIt

mintlify

Interfaces

MintlifyColors

MintlifyBackground

MintlifyTheme

Variables

docsJson

Functions

toMintlifyConfig

mui

Interfaces

MuiPaletteColor

PantokenThemeOptions

Variables

lightTheme

darkTheme

Functions

toMuiTheme

pendo

Interfaces

BuildPendoCssOptions

AddScopeOptions

Variables

pendoCss

LAYER_ORDER

COMPONENTS

Functions

buildPendoCss

addImportant

addScope

react

Interfaces

IconProps

TokenProviderProps

Functions

readToken

useToken

Icon

TokenProvider

react-markdown

Interfaces

InstuiMarkdownRenderOptions

InstuiMarkdownProps

Type Aliases

AlertMarker

Variables

instuiMarkdownComponents

Functions

createInstuiMarkdownComponents

buildIconResolver

parseAlertMarker

isColorValue

rehypeColorCodes

rehypeGithubAlerts

InstuiMarkdown

react-native

Type Aliases

RNTokenValue

Variables

light

dark

Functions

tokensForScheme

rehype

Interfaces

RehypeOptions

Functions

rehypePantokenIcons

shadcn

Interfaces

ToShadcnCssOptions

Variables

shadcnCss

SHADCN_TO_INSTUI

Functions

toShadcnCss

storybook

Type Aliases

StorybookTheme

Functions

pantokenStorybookTheme

svelte

Interfaces

ActionResult

Functions

readToken

icon

vitepress

Interfaces

ToVitePressCssOptions

Variables

VITEPRESS_TO_INSTUI

vitePressCss

Functions

toVitePressCss

vue

Variables

PantokenVue

Functions

readToken

iconSvg

web-components

Interfaces

ElementRegistry

CommandEventish

RegisterContext

ElementDefinition

Variables

alert

avatar

badge

button

calendar

contextView

dateInput

dateTimeInput

drawerLayout

drilldown

iconButton

icon

img

inPlaceEdit

DEFINITIONS

metric

modal

pages

pill

popover

progressCircle

progress

rating

sideNavBar

spinner

tag

toggleButton

tooltip

tray

treeBrowser

truncate

DEFAULT_PREFIX

ELEMENTS

Functions

iconSvg

register

packages

cli

Interfaces

CliArgs

Functions

parseArgs

run

core

Interfaces

BuildTokensOptions

VectorDrawableOptions

AssetFile

CollectIconsOptions

IconToken

IconLayer

Leaf

SdLeaf

TokenModify

TokenMeta

Token

TokenInput

IconEntry

CssContribution

TokenHookContext

IconHookContext

CssHookContext

RehypeHookContext

PantokenPlugin

Type Aliases

Theme

IconResolver

Mode

Variables

ICON_COLOR_SPECIAL_VALUES

Functions

buildTokens

applyModify

decodeIconSvg

getIconSvgs

toVectorDrawable

toXcodeImageset

flutterIconManifest

collectIcons

defineToken

dedupeByName

runTokenPlugins

runIconPlugins

collectLeaves

referenceToVarName

resolveValue

varName

resolveReferences

toStyleDictionary

toKebab

cssSyntaxForValue

isContextual

model

Interfaces

TokenModify

TokenMeta

DeprecationEntry

DeprecationLedger

Token

TokenInput

IconEntry

PropertyRule

CssContribution

TokenHookContext

IconHookContext

CssHookContext

RehypeHookContext

PantokenPlugin

Type Aliases

Theme

UpstreamRef

IconResolver

plugin-kit

Interfaces

ResolveOptions

Type Aliases

Stage

Functions

definePlugin

isFactoried

capabilitiesOf

checkPlugins

extendPlugin

mergePlugin

makeResolver

resolveTokens

utils

Interfaces

ResolveOptions

Rgba

UtilityOptions

ColorUtilityNames

TokenUtilityGroup

Type Aliases

Mode

Variables

ELEVATION_NAMES

FOCUSABLE_SELECTOR

VAR_RE

LIGHT_DARK_RE

Functions

elevationDeclarations

focusOutlineDeclarations

focusOutlineRules

makeResolver

resolveTokens

camelCase

parseHexColor

extractInstuiRefs

tokenNames

unknownReferences

danglingReferences

colorUtilitiesCss

tokenUtilitiesCss

formats

components

Interfaces

ComponentOptions

ProseOptions

IconGlyphsOptions

Variables

alertCss

avatarCss

badgeCss

billboardCss

breadcrumbCss

buttonCss

bylineCss

calendarCss

checkboxCss

closeButtonCss

contextViewCss

fileDropCss

formFieldGroupCss

formFieldMessagesCss

formFieldCss

headingCss

imgCss

inPlaceEditCss

inputGroupCss

linkCss

listCss

menuCss

metricCss

modalCss

numberInputCss

paginationCss

pillCss

popoverCss

progressCircleCss

progressCss

radioInputGroupCss

radioCss

rangeInputCss

ratingCss

sideNavBarCss

simpleSelectCss

spinnerCss

tableCss

tabsCss

tagCss

textAreaCss

textInputCss

textCss

toggleDetailsCss

toggleGroupCss

tooltipCss

trayCss

treeBrowserCss

truncateCss

DEFAULT_PREFIX

iconCss

layoutUtilitiesCss

maskCss

responsiveUtilitiesCss

screenReaderContentCss

spacingUtilitiesCss

viewCss

ELEVATION_NAMES

FOCUSABLE_SELECTOR

Functions

selectCss

elevationCss

focusOutlineCss

baseCss

componentsCss

proseCss

iconGlyphsCss

elevationDeclarations

focusOutlineDeclarations

focusOutlineRules

css

Interfaces

CssSection

ToCssOptions

Variables

css

leanCss

Functions

buildCssFile

toCss

dtcg

Type Aliases

Mode

DtcgNode

Variables

dtcg

themes

Functions

byTheme

toDtcg

icon-font

Interfaces

IconFontResult

BuildIconFontOptions

GlyphPath

Functions

buildIconFont

svgToGlyphPath

icons

Interfaces

PantokenIcon

Variables

icons

iconsByName

resolve

Functions

getIcon

less

Interfaces

ToLessOptions

Variables

less

Functions

toLess

scss

Interfaces

ToScssOptions

Variables

scss

Functions

toScss

stylus

Interfaces

ToStylusOptions

Variables

stylus

Functions

toStylus

tokens

Variables

tokens

rebrandTokens

canvasTokens

canvasHighContrastTokens

themes

Functions

byTheme

design

figma

Interfaces

FigmaColor

FigmaVariable

FigmaVariablesPayload

ToFigmaOptions

Functions

toFigmaColor

toFigmaVariables

swatches

Interfaces

ToGplOptions

Swatch

Rgb

SketchPalette

ToSvgOptions

Type Aliases

Mode

Variables

swatches

Functions

toAse

toGpl

hexToRgb

toSwatches

toSketchPalette

toSvg

bundlers

next

Interfaces

NextConfigLike

WithPantokenOptions

Variables

INSTUI_TRANSPILE_PACKAGES

Functions

withPantoken

panda

Interfaces

PandaToken

PandaSemanticToken

PandaPreset

Type Aliases

PandaCategory

Variables

pantokenPreset

Functions

toPandaPreset

postcss

Interfaces

PantokenPostcssOptions

Functions

pantoken

tailwind

Interfaces

TailwindPreset

PantokenPresetOptions

Functions

pantokenPreset

vite

Interfaces

PantokenViteOptions

Functions

pantoken

webpack

Classes

PantokenWebpackPlugin

Interfaces

PantokenWebpackOptions

plugins

pantoken

colors

Type Aliases

CssColor

Functions

alpha

darken

lighten

overlayColors

onColor

deprecations

Interfaces

UpstreamVersions

ParsedRef

Functions

shimValue

shimEntries

ledgerCovers

parseUpstreamRef

compareVersions

dueForRemoval

describeLifecycle

deprecationShims

logos

Interfaces

LogoMeta

LogosOptions

Type Aliases

Product

LogoLayout

LogoColorMode

Variables

logos

products

logosCss

Functions

getLogoSvg

getLogoDataUri

logosPlugin

primitives

Interfaces

PrimitiveTokenNames

PrimitivesOptions

Functions

primitivesCss

simple-icons

Interfaces

SimpleIcon

SimpleIconsOptions

Type Aliases

SimpleIconsRegistry

Functions

toExportName

defaultRegistry

simpleIcons

stacking

Interfaces

StackingOptions

Variables

STACKING_LEVELS

STACKING_RULES

Functions

stackingRootCss

stacking

transition

Interfaces

TransitionOptions

Variables

TRANSITION_RULES

Functions

transitionRules

transitionRootCss

transition

visual-debug

Interfaces

VisualDebugOptions

Variables

VISUAL_DEBUG_RULES

Functions

visualDebugRules

visualDebug

postcss

prune-custom-props

Functions

pruneCustomProps

theme-custom-media

Interfaces

ThemeCustomMediaOptions

Type Aliases

Theme

Functions

themeCustomMedia

typedoc

demo

Variables

DEMO_TAG

DEMO_FENCE

Functions

toDemoFence

rewriteComment

load

vite

workspace-orchestrator

Interfaces

UpstreamNode

FileServerEntry

OrchestratorOptions

Functions

matchesFilters

workspaceOrchestrator

CSS

Overview

Components

alert

avatar

badge

billboard

breadcrumb

button

byline

calendar

checkbox

close-button

context-view

file-drop

form-field

form-field-group

form-field-messages

heading

img

in-place-edit

input-group

link

list

menu

metric

modal

number-input

pagination

pill

popover

progress

progress-circle

radio

radio-input-group

range-input

rating

side-nav-bar

simple-select

spinner

table

tabs

tag

text

text-area

text-input

toggle-details

toggle-group

tooltip

tray

tree-browser

truncate

Utilities

color

icon

layout

mask

responsive

screen-reader-content

spacing

view

Rules

base

prose

Plugins

logos

primitives

stacking

transition

visual-debug

On this page

Are you an LLM? You can read better optimized documentation at /api/renderers/foundation/src/variables/foundationCss.md for this page in Markdown format

pantoken / renderers/foundation/src / foundationCss

Variable: foundationCss

const foundationCss: string

Experimental

The ready-made runtime CSS overlay.

Edit this page on GitHub

Pager

Previous pagefoundationSettings

Next pagetoFoundationSettings