@trackunit/css-component-tokens 1.11.7 → 1.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-component-tokens",
-  "version": "1.11.7",
+  "version": "1.11.8",
   "main": "./index.cjs.js",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
@@ -10,7 +10,7 @@
   "dependencies": {
     "csstype": "3.1.2",
     "tailwindcss": "3.4.3",
-    "@trackunit/css-tailwind-custom-properties-plugin": "1.11.7"
+    "@trackunit/css-tailwind-custom-properties-plugin": "1.11.8"
   },
   "module": "./index.esm.js",
   "types": "./index.d.ts"

package/src/component-tokens/ComponentTokenDefinition.d.ts

@@ -1,11 +1,11 @@
 import { Properties as CSSProperties } from "csstype";
 export type ThemeNames = "DEFAULT" | "theme-marketing";
 export type ComponentTokenDefinition = {
-    [key in ThemeNames]: {
+    [KeyThemeName in ThemeNames]: {
         [key: string]: CSSProperties;
     };
 };
 /**
  * Returns the designTokens passed, but ensures it satisfies DesignTokens type while keeping it literal
  */
-export declare const AsComponentTokenDefinition: <DesignTokens extends ComponentTokenDefinition>(designTokens: DesignTokens) => DesignTokens;
+export declare const AsComponentTokenDefinition: <TDesignTokens extends ComponentTokenDefinition>(designTokens: TDesignTokens) => TDesignTokens;

package/src/component-tokens/ComponentTokens.d.ts

@@ -245,6 +245,6 @@ export declare const componentTokenDefinitions: {
 };
 export type ComponentTokenDefinitions = typeof componentTokenDefinitions;
 export type ComponentNames = keyof typeof componentTokenDefinitions;
-export type ComponentTokenNames<Component extends ComponentNames> = {
-    [Key in keyof (typeof componentTokenDefinitions)[Component][ThemeNames] & string]: Key;
-}[keyof (typeof componentTokenDefinitions)[Component][ThemeNames] & string];
+export type ComponentTokenNames<TComponent extends ComponentNames> = {
+    [KeyTokenName in keyof (typeof componentTokenDefinitions)[TComponent][ThemeNames] & string]: KeyTokenName;
+}[keyof (typeof componentTokenDefinitions)[TComponent][ThemeNames] & string];

package/src/component-tokens/pluginUtilityFunctions.d.ts

@@ -11,7 +11,7 @@ export declare const PREFIX = "component";
  * @param cssProperty The css property on the component-level Token
  * @returns {string} `var(--${PREFIX}-${component}-${token}-${cssProperty})`
  */
-export declare const componentTokenAsCssVariableString: <Component extends ComponentNames, Token extends ComponentTokenNames<Component>>(component: Component, token: Token, cssProperty: keyof CSSProperties) => `var(--component-${Component}-${Token}-border)` | `var(--component-${Component}-${Token}-height)` | `var(--component-${Component}-${Token}-padding)` | `var(--component-${Component}-${Token}-width)` | `var(--component-${Component}-${Token}-background)` | `var(--component-${Component}-${Token}-inset)` | `var(--component-${Component}-${Token}-gap)` | `var(--component-${Component}-${Token}-flex)` | `var(--component-${Component}-${Token}-grid)` | `var(--component-${Component}-${Token}-font)` | `var(--component-${Component}-${Token}-accentColor)` | `var(--component-${Component}-${Token}-alignContent)` | `var(--component-${Component}-${Token}-alignItems)` | `var(--component-${Component}-${Token}-alignSelf)` | `var(--component-${Component}-${Token}-alignTracks)` | `var(--component-${Component}-${Token}-animationComposition)` | `var(--component-${Component}-${Token}-animationDelay)` | `var(--component-${Component}-${Token}-animationDirection)` | `var(--component-${Component}-${Token}-animationDuration)` | `var(--component-${Component}-${Token}-animationFillMode)` | `var(--component-${Component}-${Token}-animationIterationCount)` | `var(--component-${Component}-${Token}-animationName)` | `var(--component-${Component}-${Token}-animationPlayState)` | `var(--component-${Component}-${Token}-animationTimeline)` | `var(--component-${Component}-${Token}-animationTimingFunction)` | `var(--component-${Component}-${Token}-appearance)` | `var(--component-${Component}-${Token}-aspectRatio)` | `var(--component-${Component}-${Token}-backdropFilter)` | `var(--component-${Component}-${Token}-backfaceVisibility)` | `var(--component-${Component}-${Token}-backgroundAttachment)` | `var(--component-${Component}-${Token}-backgroundBlendMode)` | `var(--component-${Component}-${Token}-backgroundClip)` | `var(--component-${Component}-${Token}-backgroundColor)` | `var(--component-${Component}-${Token}-backgroundImage)` | `var(--component-${Component}-${Token}-backgroundOrigin)` | `var(--component-${Component}-${Token}-backgroundPositionX)` | `var(--component-${Component}-${Token}-backgroundPositionY)` | `var(--component-${Component}-${Token}-backgroundRepeat)` | `var(--component-${Component}-${Token}-backgroundSize)` | `var(--component-${Component}-${Token}-blockOverflow)` | `var(--component-${Component}-${Token}-blockSize)` | `var(--component-${Component}-${Token}-borderBlockColor)` | `var(--component-${Component}-${Token}-borderBlockEndColor)` | `var(--component-${Component}-${Token}-borderBlockEndStyle)` | `var(--component-${Component}-${Token}-borderBlockEndWidth)` | `var(--component-${Component}-${Token}-borderBlockStartColor)` | `var(--component-${Component}-${Token}-borderBlockStartStyle)` | `var(--component-${Component}-${Token}-borderBlockStartWidth)` | `var(--component-${Component}-${Token}-borderBlockStyle)` | `var(--component-${Component}-${Token}-borderBlockWidth)` | `var(--component-${Component}-${Token}-borderBottomColor)` | `var(--component-${Component}-${Token}-borderBottomLeftRadius)` | `var(--component-${Component}-${Token}-borderBottomRightRadius)` | `var(--component-${Component}-${Token}-borderBottomStyle)` | `var(--component-${Component}-${Token}-borderBottomWidth)` | `var(--component-${Component}-${Token}-borderCollapse)` | `var(--component-${Component}-${Token}-borderEndEndRadius)` | `var(--component-${Component}-${Token}-borderEndStartRadius)` | `var(--component-${Component}-${Token}-borderImageOutset)` | `var(--component-${Component}-${Token}-borderImageRepeat)` | `var(--component-${Component}-${Token}-borderImageSlice)` | `var(--component-${Component}-${Token}-borderImageSource)` | `var(--component-${Component}-${Token}-borderImageWidth)` | `var(--component-${Component}-${Token}-borderInlineColor)` | `var(--component-${Component}-${Token}-borderInlineEndColor)` | `var(--component-${Component}-${Token}-borderInlineEndStyle)` | `var(--component-${Component}-${Token}-borderInlineEndWidth)` | `var(--component-${Component}-${Token}-borderInlineStartColor)` | `var(--component-${Component}-${Token}-borderInlineStartStyle)` | `var(--component-${Component}-${Token}-borderInlineStartWidth)` | `var(--component-${Component}-${Token}-borderInlineStyle)` | `var(--component-${Component}-${Token}-borderInlineWidth)` | `var(--component-${Component}-${Token}-borderLeftColor)` | `var(--component-${Component}-${Token}-borderLeftStyle)` | `var(--component-${Component}-${Token}-borderLeftWidth)` | `var(--component-${Component}-${Token}-borderRightColor)` | `var(--component-${Component}-${Token}-borderRightStyle)` | `var(--component-${Component}-${Token}-borderRightWidth)` | `var(--component-${Component}-${Token}-borderSpacing)` | `var(--component-${Component}-${Token}-borderStartEndRadius)` | `var(--component-${Component}-${Token}-borderStartStartRadius)` | `var(--component-${Component}-${Token}-borderTopColor)` | `var(--component-${Component}-${Token}-borderTopLeftRadius)` | `var(--component-${Component}-${Token}-borderTopRightRadius)` | `var(--component-${Component}-${Token}-borderTopStyle)` | `var(--component-${Component}-${Token}-borderTopWidth)` | `var(--component-${Component}-${Token}-bottom)` | `var(--component-${Component}-${Token}-boxDecorationBreak)` | `var(--component-${Component}-${Token}-boxShadow)` | `var(--component-${Component}-${Token}-boxSizing)` | `var(--component-${Component}-${Token}-breakAfter)` | `var(--component-${Component}-${Token}-breakBefore)` | `var(--component-${Component}-${Token}-breakInside)` | `var(--component-${Component}-${Token}-captionSide)` | `var(--component-${Component}-${Token}-caretColor)` | `var(--component-${Component}-${Token}-caretShape)` | `var(--component-${Component}-${Token}-clear)` | `var(--component-${Component}-${Token}-clipPath)` | `var(--component-${Component}-${Token}-color)` | `var(--component-${Component}-${Token}-colorAdjust)` | `var(--component-${Component}-${Token}-colorScheme)` | `var(--component-${Component}-${Token}-columnCount)` | `var(--component-${Component}-${Token}-columnFill)` | `var(--component-${Component}-${Token}-columnGap)` | `var(--component-${Component}-${Token}-columnRuleColor)` | `var(--component-${Component}-${Token}-columnRuleStyle)` | `var(--component-${Component}-${Token}-columnRuleWidth)` | `var(--component-${Component}-${Token}-columnSpan)` | `var(--component-${Component}-${Token}-columnWidth)` | `var(--component-${Component}-${Token}-contain)` | `var(--component-${Component}-${Token}-containIntrinsicBlockSize)` | `var(--component-${Component}-${Token}-containIntrinsicHeight)` | `var(--component-${Component}-${Token}-containIntrinsicInlineSize)` | `var(--component-${Component}-${Token}-containIntrinsicWidth)` | `var(--component-${Component}-${Token}-containerName)` | `var(--component-${Component}-${Token}-containerType)` | `var(--component-${Component}-${Token}-content)` | `var(--component-${Component}-${Token}-contentVisibility)` | `var(--component-${Component}-${Token}-counterIncrement)` | `var(--component-${Component}-${Token}-counterReset)` | `var(--component-${Component}-${Token}-counterSet)` | `var(--component-${Component}-${Token}-cursor)` | `var(--component-${Component}-${Token}-direction)` | `var(--component-${Component}-${Token}-display)` | `var(--component-${Component}-${Token}-emptyCells)` | `var(--component-${Component}-${Token}-filter)` | `var(--component-${Component}-${Token}-flexBasis)` | `var(--component-${Component}-${Token}-flexDirection)` | `var(--component-${Component}-${Token}-flexGrow)` | `var(--component-${Component}-${Token}-flexShrink)` | `var(--component-${Component}-${Token}-flexWrap)` | `var(--component-${Component}-${Token}-float)` | `var(--component-${Component}-${Token}-fontFamily)` | `var(--component-${Component}-${Token}-fontFeatureSettings)` | `var(--component-${Component}-${Token}-fontKerning)` | `var(--component-${Component}-${Token}-fontLanguageOverride)` | `var(--component-${Component}-${Token}-fontOpticalSizing)` | `var(--component-${Component}-${Token}-fontPalette)` | `var(--component-${Component}-${Token}-fontSize)` | `var(--component-${Component}-${Token}-fontSizeAdjust)` | `var(--component-${Component}-${Token}-fontSmooth)` | `var(--component-${Component}-${Token}-fontStretch)` | `var(--component-${Component}-${Token}-fontStyle)` | `var(--component-${Component}-${Token}-fontSynthesis)` | `var(--component-${Component}-${Token}-fontVariant)` | `var(--component-${Component}-${Token}-fontVariantAlternates)` | `var(--component-${Component}-${Token}-fontVariantCaps)` | `var(--component-${Component}-${Token}-fontVariantEastAsian)` | `var(--component-${Component}-${Token}-fontVariantEmoji)` | `var(--component-${Component}-${Token}-fontVariantLigatures)` | `var(--component-${Component}-${Token}-fontVariantNumeric)` | `var(--component-${Component}-${Token}-fontVariantPosition)` | `var(--component-${Component}-${Token}-fontVariationSettings)` | `var(--component-${Component}-${Token}-fontWeight)` | `var(--component-${Component}-${Token}-forcedColorAdjust)` | `var(--component-${Component}-${Token}-gridAutoColumns)` | `var(--component-${Component}-${Token}-gridAutoFlow)` | `var(--component-${Component}-${Token}-gridAutoRows)` | `var(--component-${Component}-${Token}-gridColumnEnd)` | `var(--component-${Component}-${Token}-gridColumnStart)` | `var(--component-${Component}-${Token}-gridRowEnd)` | `var(--component-${Component}-${Token}-gridRowStart)` | `var(--component-${Component}-${Token}-gridTemplateAreas)` | `var(--component-${Component}-${Token}-gridTemplateColumns)` | `var(--component-${Component}-${Token}-gridTemplateRows)` | `var(--component-${Component}-${Token}-hangingPunctuation)` | `var(--component-${Component}-${Token}-hyphenateCharacter)` | `var(--component-${Component}-${Token}-hyphenateLimitChars)` | `var(--component-${Component}-${Token}-hyphens)` | `var(--component-${Component}-${Token}-imageOrientation)` | `var(--component-${Component}-${Token}-imageRendering)` | `var(--component-${Component}-${Token}-imageResolution)` | `var(--component-${Component}-${Token}-initialLetter)` | `var(--component-${Component}-${Token}-inlineSize)` | `var(--component-${Component}-${Token}-inputSecurity)` | `var(--component-${Component}-${Token}-insetBlockEnd)` | `var(--component-${Component}-${Token}-insetBlockStart)` | `var(--component-${Component}-${Token}-insetInlineEnd)` | `var(--component-${Component}-${Token}-insetInlineStart)` | `var(--component-${Component}-${Token}-isolation)` | `var(--component-${Component}-${Token}-justifyContent)` | `var(--component-${Component}-${Token}-justifyItems)` | `var(--component-${Component}-${Token}-justifySelf)` | `var(--component-${Component}-${Token}-justifyTracks)` | `var(--component-${Component}-${Token}-left)` | `var(--component-${Component}-${Token}-letterSpacing)` | `var(--component-${Component}-${Token}-lineBreak)` | `var(--component-${Component}-${Token}-lineHeight)` | `var(--component-${Component}-${Token}-lineHeightStep)` | `var(--component-${Component}-${Token}-listStyleImage)` | `var(--component-${Component}-${Token}-listStylePosition)` | `var(--component-${Component}-${Token}-listStyleType)` | `var(--component-${Component}-${Token}-marginBlockEnd)` | `var(--component-${Component}-${Token}-marginBlockStart)` | `var(--component-${Component}-${Token}-marginBottom)` | `var(--component-${Component}-${Token}-marginInlineEnd)` | `var(--component-${Component}-${Token}-marginInlineStart)` | `var(--component-${Component}-${Token}-marginLeft)` | `var(--component-${Component}-${Token}-marginRight)` | `var(--component-${Component}-${Token}-marginTop)` | `var(--component-${Component}-${Token}-marginTrim)` | `var(--component-${Component}-${Token}-maskBorderMode)` | `var(--component-${Component}-${Token}-maskBorderOutset)` | `var(--component-${Component}-${Token}-maskBorderRepeat)` | `var(--component-${Component}-${Token}-maskBorderSlice)` | `var(--component-${Component}-${Token}-maskBorderSource)` | `var(--component-${Component}-${Token}-maskBorderWidth)` | `var(--component-${Component}-${Token}-maskClip)` | `var(--component-${Component}-${Token}-maskComposite)` | `var(--component-${Component}-${Token}-maskImage)` | `var(--component-${Component}-${Token}-maskMode)` | `var(--component-${Component}-${Token}-maskOrigin)` | `var(--component-${Component}-${Token}-maskPosition)` | `var(--component-${Component}-${Token}-maskRepeat)` | `var(--component-${Component}-${Token}-maskSize)` | `var(--component-${Component}-${Token}-maskType)` | `var(--component-${Component}-${Token}-mathDepth)` | `var(--component-${Component}-${Token}-mathShift)` | `var(--component-${Component}-${Token}-mathStyle)` | `var(--component-${Component}-${Token}-maxBlockSize)` | `var(--component-${Component}-${Token}-maxHeight)` | `var(--component-${Component}-${Token}-maxInlineSize)` | `var(--component-${Component}-${Token}-maxLines)` | `var(--component-${Component}-${Token}-maxWidth)` | `var(--component-${Component}-${Token}-minBlockSize)` | `var(--component-${Component}-${Token}-minHeight)` | `var(--component-${Component}-${Token}-minInlineSize)` | `var(--component-${Component}-${Token}-minWidth)` | `var(--component-${Component}-${Token}-mixBlendMode)` | `var(--component-${Component}-${Token}-motionDistance)` | `var(--component-${Component}-${Token}-motionPath)` | `var(--component-${Component}-${Token}-motionRotation)` | `var(--component-${Component}-${Token}-objectFit)` | `var(--component-${Component}-${Token}-objectPosition)` | `var(--component-${Component}-${Token}-offsetAnchor)` | `var(--component-${Component}-${Token}-offsetDistance)` | `var(--component-${Component}-${Token}-offsetPath)` | `var(--component-${Component}-${Token}-offsetPosition)` | `var(--component-${Component}-${Token}-offsetRotate)` | `var(--component-${Component}-${Token}-offsetRotation)` | `var(--component-${Component}-${Token}-opacity)` | `var(--component-${Component}-${Token}-order)` | `var(--component-${Component}-${Token}-orphans)` | `var(--component-${Component}-${Token}-outlineColor)` | `var(--component-${Component}-${Token}-outlineOffset)` | `var(--component-${Component}-${Token}-outlineStyle)` | `var(--component-${Component}-${Token}-outlineWidth)` | `var(--component-${Component}-${Token}-overflowAnchor)` | `var(--component-${Component}-${Token}-overflowBlock)` | `var(--component-${Component}-${Token}-overflowClipBox)` | `var(--component-${Component}-${Token}-overflowClipMargin)` | `var(--component-${Component}-${Token}-overflowInline)` | `var(--component-${Component}-${Token}-overflowWrap)` | `var(--component-${Component}-${Token}-overflowX)` | `var(--component-${Component}-${Token}-overflowY)` | `var(--component-${Component}-${Token}-overscrollBehaviorBlock)` | `var(--component-${Component}-${Token}-overscrollBehaviorInline)` | `var(--component-${Component}-${Token}-overscrollBehaviorX)` | `var(--component-${Component}-${Token}-overscrollBehaviorY)` | `var(--component-${Component}-${Token}-paddingBlockEnd)` | `var(--component-${Component}-${Token}-paddingBlockStart)` | `var(--component-${Component}-${Token}-paddingBottom)` | `var(--component-${Component}-${Token}-paddingInlineEnd)` | `var(--component-${Component}-${Token}-paddingInlineStart)` | `var(--component-${Component}-${Token}-paddingLeft)` | `var(--component-${Component}-${Token}-paddingRight)` | `var(--component-${Component}-${Token}-paddingTop)` | `var(--component-${Component}-${Token}-page)` | `var(--component-${Component}-${Token}-pageBreakAfter)` | `var(--component-${Component}-${Token}-pageBreakBefore)` | `var(--component-${Component}-${Token}-pageBreakInside)` | `var(--component-${Component}-${Token}-paintOrder)` | `var(--component-${Component}-${Token}-perspective)` | `var(--component-${Component}-${Token}-perspectiveOrigin)` | `var(--component-${Component}-${Token}-pointerEvents)` | `var(--component-${Component}-${Token}-position)` | `var(--component-${Component}-${Token}-printColorAdjust)` | `var(--component-${Component}-${Token}-quotes)` | `var(--component-${Component}-${Token}-resize)` | `var(--component-${Component}-${Token}-right)` | `var(--component-${Component}-${Token}-rotate)` | `var(--component-${Component}-${Token}-rowGap)` | `var(--component-${Component}-${Token}-rubyAlign)` | `var(--component-${Component}-${Token}-rubyMerge)` | `var(--component-${Component}-${Token}-rubyPosition)` | `var(--component-${Component}-${Token}-scale)` | `var(--component-${Component}-${Token}-scrollBehavior)` | `var(--component-${Component}-${Token}-scrollMarginBlockEnd)` | `var(--component-${Component}-${Token}-scrollMarginBlockStart)` | `var(--component-${Component}-${Token}-scrollMarginBottom)` | `var(--component-${Component}-${Token}-scrollMarginInlineEnd)` | `var(--component-${Component}-${Token}-scrollMarginInlineStart)` | `var(--component-${Component}-${Token}-scrollMarginLeft)` | `var(--component-${Component}-${Token}-scrollMarginRight)` | `var(--component-${Component}-${Token}-scrollMarginTop)` | `var(--component-${Component}-${Token}-scrollPaddingBlockEnd)` | `var(--component-${Component}-${Token}-scrollPaddingBlockStart)` | `var(--component-${Component}-${Token}-scrollPaddingBottom)` | `var(--component-${Component}-${Token}-scrollPaddingInlineEnd)` | `var(--component-${Component}-${Token}-scrollPaddingInlineStart)` | `var(--component-${Component}-${Token}-scrollPaddingLeft)` | `var(--component-${Component}-${Token}-scrollPaddingRight)` | `var(--component-${Component}-${Token}-scrollPaddingTop)` | `var(--component-${Component}-${Token}-scrollSnapAlign)` | `var(--component-${Component}-${Token}-scrollSnapMarginBottom)` | `var(--component-${Component}-${Token}-scrollSnapMarginLeft)` | `var(--component-${Component}-${Token}-scrollSnapMarginRight)` | `var(--component-${Component}-${Token}-scrollSnapMarginTop)` | `var(--component-${Component}-${Token}-scrollSnapStop)` | `var(--component-${Component}-${Token}-scrollSnapType)` | `var(--component-${Component}-${Token}-scrollTimelineAxis)` | `var(--component-${Component}-${Token}-scrollTimelineName)` | `var(--component-${Component}-${Token}-scrollbarColor)` | `var(--component-${Component}-${Token}-scrollbarGutter)` | `var(--component-${Component}-${Token}-scrollbarWidth)` | `var(--component-${Component}-${Token}-shapeImageThreshold)` | `var(--component-${Component}-${Token}-shapeMargin)` | `var(--component-${Component}-${Token}-shapeOutside)` | `var(--component-${Component}-${Token}-tabSize)` | `var(--component-${Component}-${Token}-tableLayout)` | `var(--component-${Component}-${Token}-textAlign)` | `var(--component-${Component}-${Token}-textAlignLast)` | `var(--component-${Component}-${Token}-textCombineUpright)` | `var(--component-${Component}-${Token}-textDecorationColor)` | `var(--component-${Component}-${Token}-textDecorationLine)` | `var(--component-${Component}-${Token}-textDecorationSkip)` | `var(--component-${Component}-${Token}-textDecorationSkipInk)` | `var(--component-${Component}-${Token}-textDecorationStyle)` | `var(--component-${Component}-${Token}-textDecorationThickness)` | `var(--component-${Component}-${Token}-textEmphasisColor)` | `var(--component-${Component}-${Token}-textEmphasisPosition)` | `var(--component-${Component}-${Token}-textEmphasisStyle)` | `var(--component-${Component}-${Token}-textIndent)` | `var(--component-${Component}-${Token}-textJustify)` | `var(--component-${Component}-${Token}-textOrientation)` | `var(--component-${Component}-${Token}-textOverflow)` | `var(--component-${Component}-${Token}-textRendering)` | `var(--component-${Component}-${Token}-textShadow)` | `var(--component-${Component}-${Token}-textSizeAdjust)` | `var(--component-${Component}-${Token}-textTransform)` | `var(--component-${Component}-${Token}-textUnderlineOffset)` | `var(--component-${Component}-${Token}-textUnderlinePosition)` | `var(--component-${Component}-${Token}-top)` | `var(--component-${Component}-${Token}-touchAction)` | `var(--component-${Component}-${Token}-transform)` | `var(--component-${Component}-${Token}-transformBox)` | `var(--component-${Component}-${Token}-transformOrigin)` | `var(--component-${Component}-${Token}-transformStyle)` | `var(--component-${Component}-${Token}-transitionDelay)` | `var(--component-${Component}-${Token}-transitionDuration)` | `var(--component-${Component}-${Token}-transitionProperty)` | `var(--component-${Component}-${Token}-transitionTimingFunction)` | `var(--component-${Component}-${Token}-translate)` | `var(--component-${Component}-${Token}-unicodeBidi)` | `var(--component-${Component}-${Token}-userSelect)` | `var(--component-${Component}-${Token}-verticalAlign)` | `var(--component-${Component}-${Token}-viewTransitionName)` | `var(--component-${Component}-${Token}-visibility)` | `var(--component-${Component}-${Token}-whiteSpace)` | `var(--component-${Component}-${Token}-widows)` | `var(--component-${Component}-${Token}-willChange)` | `var(--component-${Component}-${Token}-wordBreak)` | `var(--component-${Component}-${Token}-wordSpacing)` | `var(--component-${Component}-${Token}-wordWrap)` | `var(--component-${Component}-${Token}-writingMode)` | `var(--component-${Component}-${Token}-zIndex)` | `var(--component-${Component}-${Token}-zoom)` | `var(--component-${Component}-${Token}-all)` | `var(--component-${Component}-${Token}-animation)` | `var(--component-${Component}-${Token}-backgroundPosition)` | `var(--component-${Component}-${Token}-borderBlock)` | `var(--component-${Component}-${Token}-borderBlockEnd)` | `var(--component-${Component}-${Token}-borderBlockStart)` | `var(--component-${Component}-${Token}-borderBottom)` | `var(--component-${Component}-${Token}-borderColor)` | `var(--component-${Component}-${Token}-borderImage)` | `var(--component-${Component}-${Token}-borderInline)` | `var(--component-${Component}-${Token}-borderInlineEnd)` | `var(--component-${Component}-${Token}-borderInlineStart)` | `var(--component-${Component}-${Token}-borderLeft)` | `var(--component-${Component}-${Token}-borderRadius)` | `var(--component-${Component}-${Token}-borderRight)` | `var(--component-${Component}-${Token}-borderStyle)` | `var(--component-${Component}-${Token}-borderTop)` | `var(--component-${Component}-${Token}-borderWidth)` | `var(--component-${Component}-${Token}-caret)` | `var(--component-${Component}-${Token}-columnRule)` | `var(--component-${Component}-${Token}-columns)` | `var(--component-${Component}-${Token}-containIntrinsicSize)` | `var(--component-${Component}-${Token}-container)` | `var(--component-${Component}-${Token}-flexFlow)` | `var(--component-${Component}-${Token}-gridArea)` | `var(--component-${Component}-${Token}-gridColumn)` | `var(--component-${Component}-${Token}-gridRow)` | `var(--component-${Component}-${Token}-gridTemplate)` | `var(--component-${Component}-${Token}-insetBlock)` | `var(--component-${Component}-${Token}-insetInline)` | `var(--component-${Component}-${Token}-lineClamp)` | `var(--component-${Component}-${Token}-listStyle)` | `var(--component-${Component}-${Token}-margin)` | `var(--component-${Component}-${Token}-marginBlock)` | `var(--component-${Component}-${Token}-marginInline)` | `var(--component-${Component}-${Token}-mask)` | `var(--component-${Component}-${Token}-maskBorder)` | `var(--component-${Component}-${Token}-motion)` | `var(--component-${Component}-${Token}-offset)` | `var(--component-${Component}-${Token}-outline)` | `var(--component-${Component}-${Token}-overflow)` | `var(--component-${Component}-${Token}-overscrollBehavior)` | `var(--component-${Component}-${Token}-paddingBlock)` | `var(--component-${Component}-${Token}-paddingInline)` | `var(--component-${Component}-${Token}-placeContent)` | `var(--component-${Component}-${Token}-placeItems)` | `var(--component-${Component}-${Token}-placeSelf)` | `var(--component-${Component}-${Token}-scrollMargin)` | `var(--component-${Component}-${Token}-scrollMarginBlock)` | `var(--component-${Component}-${Token}-scrollMarginInline)` | `var(--component-${Component}-${Token}-scrollPadding)` | `var(--component-${Component}-${Token}-scrollPaddingBlock)` | `var(--component-${Component}-${Token}-scrollPaddingInline)` | `var(--component-${Component}-${Token}-scrollSnapMargin)` | `var(--component-${Component}-${Token}-scrollTimeline)` | `var(--component-${Component}-${Token}-textDecoration)` | `var(--component-${Component}-${Token}-textEmphasis)` | `var(--component-${Component}-${Token}-transition)` | `var(--component-${Component}-${Token}-MozAnimationDelay)` | `var(--component-${Component}-${Token}-MozAnimationDirection)` | `var(--component-${Component}-${Token}-MozAnimationDuration)` | `var(--component-${Component}-${Token}-MozAnimationFillMode)` | `var(--component-${Component}-${Token}-MozAnimationIterationCount)` | `var(--component-${Component}-${Token}-MozAnimationName)` | `var(--component-${Component}-${Token}-MozAnimationPlayState)` | `var(--component-${Component}-${Token}-MozAnimationTimingFunction)` | `var(--component-${Component}-${Token}-MozAppearance)` | `var(--component-${Component}-${Token}-MozBackfaceVisibility)` | `var(--component-${Component}-${Token}-MozBinding)` | `var(--component-${Component}-${Token}-MozBorderBottomColors)` | `var(--component-${Component}-${Token}-MozBorderEndColor)` | `var(--component-${Component}-${Token}-MozBorderEndStyle)` | `var(--component-${Component}-${Token}-MozBorderEndWidth)` | `var(--component-${Component}-${Token}-MozBorderLeftColors)` | `var(--component-${Component}-${Token}-MozBorderRightColors)` | `var(--component-${Component}-${Token}-MozBorderStartColor)` | `var(--component-${Component}-${Token}-MozBorderStartStyle)` | `var(--component-${Component}-${Token}-MozBorderTopColors)` | `var(--component-${Component}-${Token}-MozBoxSizing)` | `var(--component-${Component}-${Token}-MozColumnCount)` | `var(--component-${Component}-${Token}-MozColumnFill)` | `var(--component-${Component}-${Token}-MozColumnRuleColor)` | `var(--component-${Component}-${Token}-MozColumnRuleStyle)` | `var(--component-${Component}-${Token}-MozColumnRuleWidth)` | `var(--component-${Component}-${Token}-MozColumnWidth)` | `var(--component-${Component}-${Token}-MozContextProperties)` | `var(--component-${Component}-${Token}-MozFontFeatureSettings)` | `var(--component-${Component}-${Token}-MozFontLanguageOverride)` | `var(--component-${Component}-${Token}-MozHyphens)` | `var(--component-${Component}-${Token}-MozImageRegion)` | `var(--component-${Component}-${Token}-MozMarginEnd)` | `var(--component-${Component}-${Token}-MozMarginStart)` | `var(--component-${Component}-${Token}-MozOrient)` | `var(--component-${Component}-${Token}-MozOsxFontSmoothing)` | `var(--component-${Component}-${Token}-MozPaddingEnd)` | `var(--component-${Component}-${Token}-MozPaddingStart)` | `var(--component-${Component}-${Token}-MozPerspective)` | `var(--component-${Component}-${Token}-MozPerspectiveOrigin)` | `var(--component-${Component}-${Token}-MozStackSizing)` | `var(--component-${Component}-${Token}-MozTabSize)` | `var(--component-${Component}-${Token}-MozTextBlink)` | `var(--component-${Component}-${Token}-MozTextSizeAdjust)` | `var(--component-${Component}-${Token}-MozTransformOrigin)` | `var(--component-${Component}-${Token}-MozTransformStyle)` | `var(--component-${Component}-${Token}-MozTransitionDelay)` | `var(--component-${Component}-${Token}-MozTransitionDuration)` | `var(--component-${Component}-${Token}-MozTransitionProperty)` | `var(--component-${Component}-${Token}-MozTransitionTimingFunction)` | `var(--component-${Component}-${Token}-MozUserFocus)` | `var(--component-${Component}-${Token}-MozUserModify)` | `var(--component-${Component}-${Token}-MozUserSelect)` | `var(--component-${Component}-${Token}-MozWindowDragging)` | `var(--component-${Component}-${Token}-MozWindowShadow)` | `var(--component-${Component}-${Token}-msAccelerator)` | `var(--component-${Component}-${Token}-msBlockProgression)` | `var(--component-${Component}-${Token}-msContentZoomChaining)` | `var(--component-${Component}-${Token}-msContentZoomLimitMax)` | `var(--component-${Component}-${Token}-msContentZoomLimitMin)` | `var(--component-${Component}-${Token}-msContentZoomSnapPoints)` | `var(--component-${Component}-${Token}-msContentZoomSnapType)` | `var(--component-${Component}-${Token}-msContentZooming)` | `var(--component-${Component}-${Token}-msFilter)` | `var(--component-${Component}-${Token}-msFlexDirection)` | `var(--component-${Component}-${Token}-msFlexPositive)` | `var(--component-${Component}-${Token}-msFlowFrom)` | `var(--component-${Component}-${Token}-msFlowInto)` | `var(--component-${Component}-${Token}-msGridColumns)` | `var(--component-${Component}-${Token}-msGridRows)` | `var(--component-${Component}-${Token}-msHighContrastAdjust)` | `var(--component-${Component}-${Token}-msHyphenateLimitChars)` | `var(--component-${Component}-${Token}-msHyphenateLimitLines)` | `var(--component-${Component}-${Token}-msHyphenateLimitZone)` | `var(--component-${Component}-${Token}-msHyphens)` | `var(--component-${Component}-${Token}-msImeAlign)` | `var(--component-${Component}-${Token}-msLineBreak)` | `var(--component-${Component}-${Token}-msOrder)` | `var(--component-${Component}-${Token}-msOverflowStyle)` | `var(--component-${Component}-${Token}-msOverflowX)` | `var(--component-${Component}-${Token}-msOverflowY)` | `var(--component-${Component}-${Token}-msScrollChaining)` | `var(--component-${Component}-${Token}-msScrollLimitXMax)` | `var(--component-${Component}-${Token}-msScrollLimitXMin)` | `var(--component-${Component}-${Token}-msScrollLimitYMax)` | `var(--component-${Component}-${Token}-msScrollLimitYMin)` | `var(--component-${Component}-${Token}-msScrollRails)` | `var(--component-${Component}-${Token}-msScrollSnapPointsX)` | `var(--component-${Component}-${Token}-msScrollSnapPointsY)` | `var(--component-${Component}-${Token}-msScrollSnapType)` | `var(--component-${Component}-${Token}-msScrollTranslation)` | `var(--component-${Component}-${Token}-msScrollbar3dlightColor)` | `var(--component-${Component}-${Token}-msScrollbarArrowColor)` | `var(--component-${Component}-${Token}-msScrollbarBaseColor)` | `var(--component-${Component}-${Token}-msScrollbarDarkshadowColor)` | `var(--component-${Component}-${Token}-msScrollbarFaceColor)` | `var(--component-${Component}-${Token}-msScrollbarHighlightColor)` | `var(--component-${Component}-${Token}-msScrollbarShadowColor)` | `var(--component-${Component}-${Token}-msScrollbarTrackColor)` | `var(--component-${Component}-${Token}-msTextAutospace)` | `var(--component-${Component}-${Token}-msTextCombineHorizontal)` | `var(--component-${Component}-${Token}-msTextOverflow)` | `var(--component-${Component}-${Token}-msTouchAction)` | `var(--component-${Component}-${Token}-msTouchSelect)` | `var(--component-${Component}-${Token}-msTransform)` | `var(--component-${Component}-${Token}-msTransformOrigin)` | `var(--component-${Component}-${Token}-msTransitionDelay)` | `var(--component-${Component}-${Token}-msTransitionDuration)` | `var(--component-${Component}-${Token}-msTransitionProperty)` | `var(--component-${Component}-${Token}-msTransitionTimingFunction)` | `var(--component-${Component}-${Token}-msUserSelect)` | `var(--component-${Component}-${Token}-msWordBreak)` | `var(--component-${Component}-${Token}-msWrapFlow)` | `var(--component-${Component}-${Token}-msWrapMargin)` | `var(--component-${Component}-${Token}-msWrapThrough)` | `var(--component-${Component}-${Token}-msWritingMode)` | `var(--component-${Component}-${Token}-WebkitAlignContent)` | `var(--component-${Component}-${Token}-WebkitAlignItems)` | `var(--component-${Component}-${Token}-WebkitAlignSelf)` | `var(--component-${Component}-${Token}-WebkitAnimationDelay)` | `var(--component-${Component}-${Token}-WebkitAnimationDirection)` | `var(--component-${Component}-${Token}-WebkitAnimationDuration)` | `var(--component-${Component}-${Token}-WebkitAnimationFillMode)` | `var(--component-${Component}-${Token}-WebkitAnimationIterationCount)` | `var(--component-${Component}-${Token}-WebkitAnimationName)` | `var(--component-${Component}-${Token}-WebkitAnimationPlayState)` | `var(--component-${Component}-${Token}-WebkitAnimationTimingFunction)` | `var(--component-${Component}-${Token}-WebkitAppearance)` | `var(--component-${Component}-${Token}-WebkitBackdropFilter)` | `var(--component-${Component}-${Token}-WebkitBackfaceVisibility)` | `var(--component-${Component}-${Token}-WebkitBackgroundClip)` | `var(--component-${Component}-${Token}-WebkitBackgroundOrigin)` | `var(--component-${Component}-${Token}-WebkitBackgroundSize)` | `var(--component-${Component}-${Token}-WebkitBorderBeforeColor)` | `var(--component-${Component}-${Token}-WebkitBorderBeforeStyle)` | `var(--component-${Component}-${Token}-WebkitBorderBeforeWidth)` | `var(--component-${Component}-${Token}-WebkitBorderBottomLeftRadius)` | `var(--component-${Component}-${Token}-WebkitBorderBottomRightRadius)` | `var(--component-${Component}-${Token}-WebkitBorderImageSlice)` | `var(--component-${Component}-${Token}-WebkitBorderTopLeftRadius)` | `var(--component-${Component}-${Token}-WebkitBorderTopRightRadius)` | `var(--component-${Component}-${Token}-WebkitBoxDecorationBreak)` | `var(--component-${Component}-${Token}-WebkitBoxReflect)` | `var(--component-${Component}-${Token}-WebkitBoxShadow)` | `var(--component-${Component}-${Token}-WebkitBoxSizing)` | `var(--component-${Component}-${Token}-WebkitClipPath)` | `var(--component-${Component}-${Token}-WebkitColumnCount)` | `var(--component-${Component}-${Token}-WebkitColumnFill)` | `var(--component-${Component}-${Token}-WebkitColumnRuleColor)` | `var(--component-${Component}-${Token}-WebkitColumnRuleStyle)` | `var(--component-${Component}-${Token}-WebkitColumnRuleWidth)` | `var(--component-${Component}-${Token}-WebkitColumnSpan)` | `var(--component-${Component}-${Token}-WebkitColumnWidth)` | `var(--component-${Component}-${Token}-WebkitFilter)` | `var(--component-${Component}-${Token}-WebkitFlexBasis)` | `var(--component-${Component}-${Token}-WebkitFlexDirection)` | `var(--component-${Component}-${Token}-WebkitFlexGrow)` | `var(--component-${Component}-${Token}-WebkitFlexShrink)` | `var(--component-${Component}-${Token}-WebkitFlexWrap)` | `var(--component-${Component}-${Token}-WebkitFontFeatureSettings)` | `var(--component-${Component}-${Token}-WebkitFontKerning)` | `var(--component-${Component}-${Token}-WebkitFontSmoothing)` | `var(--component-${Component}-${Token}-WebkitFontVariantLigatures)` | `var(--component-${Component}-${Token}-WebkitHyphenateCharacter)` | `var(--component-${Component}-${Token}-WebkitHyphens)` | `var(--component-${Component}-${Token}-WebkitInitialLetter)` | `var(--component-${Component}-${Token}-WebkitJustifyContent)` | `var(--component-${Component}-${Token}-WebkitLineBreak)` | `var(--component-${Component}-${Token}-WebkitLineClamp)` | `var(--component-${Component}-${Token}-WebkitMarginEnd)` | `var(--component-${Component}-${Token}-WebkitMarginStart)` | `var(--component-${Component}-${Token}-WebkitMaskAttachment)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImageOutset)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImageRepeat)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImageSlice)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImageSource)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImageWidth)` | `var(--component-${Component}-${Token}-WebkitMaskClip)` | `var(--component-${Component}-${Token}-WebkitMaskComposite)` | `var(--component-${Component}-${Token}-WebkitMaskImage)` | `var(--component-${Component}-${Token}-WebkitMaskOrigin)` | `var(--component-${Component}-${Token}-WebkitMaskPosition)` | `var(--component-${Component}-${Token}-WebkitMaskPositionX)` | `var(--component-${Component}-${Token}-WebkitMaskPositionY)` | `var(--component-${Component}-${Token}-WebkitMaskRepeat)` | `var(--component-${Component}-${Token}-WebkitMaskRepeatX)` | `var(--component-${Component}-${Token}-WebkitMaskRepeatY)` | `var(--component-${Component}-${Token}-WebkitMaskSize)` | `var(--component-${Component}-${Token}-WebkitMaxInlineSize)` | `var(--component-${Component}-${Token}-WebkitOrder)` | `var(--component-${Component}-${Token}-WebkitOverflowScrolling)` | `var(--component-${Component}-${Token}-WebkitPaddingEnd)` | `var(--component-${Component}-${Token}-WebkitPaddingStart)` | `var(--component-${Component}-${Token}-WebkitPerspective)` | `var(--component-${Component}-${Token}-WebkitPerspectiveOrigin)` | `var(--component-${Component}-${Token}-WebkitPrintColorAdjust)` | `var(--component-${Component}-${Token}-WebkitRubyPosition)` | `var(--component-${Component}-${Token}-WebkitScrollSnapType)` | `var(--component-${Component}-${Token}-WebkitShapeMargin)` | `var(--component-${Component}-${Token}-WebkitTapHighlightColor)` | `var(--component-${Component}-${Token}-WebkitTextCombine)` | `var(--component-${Component}-${Token}-WebkitTextDecorationColor)` | `var(--component-${Component}-${Token}-WebkitTextDecorationLine)` | `var(--component-${Component}-${Token}-WebkitTextDecorationSkip)` | `var(--component-${Component}-${Token}-WebkitTextDecorationStyle)` | `var(--component-${Component}-${Token}-WebkitTextEmphasisColor)` | `var(--component-${Component}-${Token}-WebkitTextEmphasisPosition)` | `var(--component-${Component}-${Token}-WebkitTextEmphasisStyle)` | `var(--component-${Component}-${Token}-WebkitTextFillColor)` | `var(--component-${Component}-${Token}-WebkitTextOrientation)` | `var(--component-${Component}-${Token}-WebkitTextSizeAdjust)` | `var(--component-${Component}-${Token}-WebkitTextStrokeColor)` | `var(--component-${Component}-${Token}-WebkitTextStrokeWidth)` | `var(--component-${Component}-${Token}-WebkitTextUnderlinePosition)` | `var(--component-${Component}-${Token}-WebkitTouchCallout)` | `var(--component-${Component}-${Token}-WebkitTransform)` | `var(--component-${Component}-${Token}-WebkitTransformOrigin)` | `var(--component-${Component}-${Token}-WebkitTransformStyle)` | `var(--component-${Component}-${Token}-WebkitTransitionDelay)` | `var(--component-${Component}-${Token}-WebkitTransitionDuration)` | `var(--component-${Component}-${Token}-WebkitTransitionProperty)` | `var(--component-${Component}-${Token}-WebkitTransitionTimingFunction)` | `var(--component-${Component}-${Token}-WebkitUserModify)` | `var(--component-${Component}-${Token}-WebkitUserSelect)` | `var(--component-${Component}-${Token}-WebkitWritingMode)` | `var(--component-${Component}-${Token}-MozAnimation)` | `var(--component-${Component}-${Token}-MozBorderImage)` | `var(--component-${Component}-${Token}-MozColumnRule)` | `var(--component-${Component}-${Token}-MozColumns)` | `var(--component-${Component}-${Token}-MozTransition)` | `var(--component-${Component}-${Token}-msContentZoomLimit)` | `var(--component-${Component}-${Token}-msContentZoomSnap)` | `var(--component-${Component}-${Token}-msFlex)` | `var(--component-${Component}-${Token}-msScrollLimit)` | `var(--component-${Component}-${Token}-msScrollSnapX)` | `var(--component-${Component}-${Token}-msScrollSnapY)` | `var(--component-${Component}-${Token}-msTransition)` | `var(--component-${Component}-${Token}-WebkitAnimation)` | `var(--component-${Component}-${Token}-WebkitBorderBefore)` | `var(--component-${Component}-${Token}-WebkitBorderImage)` | `var(--component-${Component}-${Token}-WebkitBorderRadius)` | `var(--component-${Component}-${Token}-WebkitColumnRule)` | `var(--component-${Component}-${Token}-WebkitColumns)` | `var(--component-${Component}-${Token}-WebkitFlex)` | `var(--component-${Component}-${Token}-WebkitFlexFlow)` | `var(--component-${Component}-${Token}-WebkitMask)` | `var(--component-${Component}-${Token}-WebkitMaskBoxImage)` | `var(--component-${Component}-${Token}-WebkitTextEmphasis)` | `var(--component-${Component}-${Token}-WebkitTextStroke)` | `var(--component-${Component}-${Token}-WebkitTransition)` | `var(--component-${Component}-${Token}-azimuth)` | `var(--component-${Component}-${Token}-boxAlign)` | `var(--component-${Component}-${Token}-boxDirection)` | `var(--component-${Component}-${Token}-boxFlex)` | `var(--component-${Component}-${Token}-boxFlexGroup)` | `var(--component-${Component}-${Token}-boxLines)` | `var(--component-${Component}-${Token}-boxOrdinalGroup)` | `var(--component-${Component}-${Token}-boxOrient)` | `var(--component-${Component}-${Token}-boxPack)` | `var(--component-${Component}-${Token}-clip)` | `var(--component-${Component}-${Token}-gridColumnGap)` | `var(--component-${Component}-${Token}-gridGap)` | `var(--component-${Component}-${Token}-gridRowGap)` | `var(--component-${Component}-${Token}-imeMode)` | `var(--component-${Component}-${Token}-offsetBlock)` | `var(--component-${Component}-${Token}-offsetBlockEnd)` | `var(--component-${Component}-${Token}-offsetBlockStart)` | `var(--component-${Component}-${Token}-offsetInline)` | `var(--component-${Component}-${Token}-offsetInlineEnd)` | `var(--component-${Component}-${Token}-offsetInlineStart)` | `var(--component-${Component}-${Token}-scrollSnapCoordinate)` | `var(--component-${Component}-${Token}-scrollSnapDestination)` | `var(--component-${Component}-${Token}-scrollSnapPointsX)` | `var(--component-${Component}-${Token}-scrollSnapPointsY)` | `var(--component-${Component}-${Token}-scrollSnapTypeX)` | `var(--component-${Component}-${Token}-scrollSnapTypeY)` | `var(--component-${Component}-${Token}-KhtmlBoxAlign)` | `var(--component-${Component}-${Token}-KhtmlBoxDirection)` | `var(--component-${Component}-${Token}-KhtmlBoxFlex)` | `var(--component-${Component}-${Token}-KhtmlBoxFlexGroup)` | `var(--component-${Component}-${Token}-KhtmlBoxLines)` | `var(--component-${Component}-${Token}-KhtmlBoxOrdinalGroup)` | `var(--component-${Component}-${Token}-KhtmlBoxOrient)` | `var(--component-${Component}-${Token}-KhtmlBoxPack)` | `var(--component-${Component}-${Token}-KhtmlLineBreak)` | `var(--component-${Component}-${Token}-KhtmlOpacity)` | `var(--component-${Component}-${Token}-KhtmlUserSelect)` | `var(--component-${Component}-${Token}-MozBackgroundClip)` | `var(--component-${Component}-${Token}-MozBackgroundInlinePolicy)` | `var(--component-${Component}-${Token}-MozBackgroundOrigin)` | `var(--component-${Component}-${Token}-MozBackgroundSize)` | `var(--component-${Component}-${Token}-MozBorderRadius)` | `var(--component-${Component}-${Token}-MozBorderRadiusBottomleft)` | `var(--component-${Component}-${Token}-MozBorderRadiusBottomright)` | `var(--component-${Component}-${Token}-MozBorderRadiusTopleft)` | `var(--component-${Component}-${Token}-MozBorderRadiusTopright)` | `var(--component-${Component}-${Token}-MozBoxAlign)` | `var(--component-${Component}-${Token}-MozBoxDirection)` | `var(--component-${Component}-${Token}-MozBoxFlex)` | `var(--component-${Component}-${Token}-MozBoxOrdinalGroup)` | `var(--component-${Component}-${Token}-MozBoxOrient)` | `var(--component-${Component}-${Token}-MozBoxPack)` | `var(--component-${Component}-${Token}-MozBoxShadow)` | `var(--component-${Component}-${Token}-MozFloatEdge)` | `var(--component-${Component}-${Token}-MozForceBrokenImageIcon)` | `var(--component-${Component}-${Token}-MozOpacity)` | `var(--component-${Component}-${Token}-MozOutline)` | `var(--component-${Component}-${Token}-MozOutlineColor)` | `var(--component-${Component}-${Token}-MozOutlineRadius)` | `var(--component-${Component}-${Token}-MozOutlineRadiusBottomleft)` | `var(--component-${Component}-${Token}-MozOutlineRadiusBottomright)` | `var(--component-${Component}-${Token}-MozOutlineRadiusTopleft)` | `var(--component-${Component}-${Token}-MozOutlineRadiusTopright)` | `var(--component-${Component}-${Token}-MozOutlineStyle)` | `var(--component-${Component}-${Token}-MozOutlineWidth)` | `var(--component-${Component}-${Token}-MozTextAlignLast)` | `var(--component-${Component}-${Token}-MozTextDecorationColor)` | `var(--component-${Component}-${Token}-MozTextDecorationLine)` | `var(--component-${Component}-${Token}-MozTextDecorationStyle)` | `var(--component-${Component}-${Token}-MozUserInput)` | `var(--component-${Component}-${Token}-msImeMode)` | `var(--component-${Component}-${Token}-OAnimation)` | `var(--component-${Component}-${Token}-OAnimationDelay)` | `var(--component-${Component}-${Token}-OAnimationDirection)` | `var(--component-${Component}-${Token}-OAnimationDuration)` | `var(--component-${Component}-${Token}-OAnimationFillMode)` | `var(--component-${Component}-${Token}-OAnimationIterationCount)` | `var(--component-${Component}-${Token}-OAnimationName)` | `var(--component-${Component}-${Token}-OAnimationPlayState)` | `var(--component-${Component}-${Token}-OAnimationTimingFunction)` | `var(--component-${Component}-${Token}-OBackgroundSize)` | `var(--component-${Component}-${Token}-OBorderImage)` | `var(--component-${Component}-${Token}-OObjectFit)` | `var(--component-${Component}-${Token}-OObjectPosition)` | `var(--component-${Component}-${Token}-OTabSize)` | `var(--component-${Component}-${Token}-OTextOverflow)` | `var(--component-${Component}-${Token}-OTransform)` | `var(--component-${Component}-${Token}-OTransformOrigin)` | `var(--component-${Component}-${Token}-OTransition)` | `var(--component-${Component}-${Token}-OTransitionDelay)` | `var(--component-${Component}-${Token}-OTransitionDuration)` | `var(--component-${Component}-${Token}-OTransitionProperty)` | `var(--component-${Component}-${Token}-OTransitionTimingFunction)` | `var(--component-${Component}-${Token}-WebkitBoxAlign)` | `var(--component-${Component}-${Token}-WebkitBoxDirection)` | `var(--component-${Component}-${Token}-WebkitBoxFlex)` | `var(--component-${Component}-${Token}-WebkitBoxFlexGroup)` | `var(--component-${Component}-${Token}-WebkitBoxLines)` | `var(--component-${Component}-${Token}-WebkitBoxOrdinalGroup)` | `var(--component-${Component}-${Token}-WebkitBoxOrient)` | `var(--component-${Component}-${Token}-WebkitBoxPack)` | `var(--component-${Component}-${Token}-WebkitScrollSnapPointsX)` | `var(--component-${Component}-${Token}-WebkitScrollSnapPointsY)` | `var(--component-${Component}-${Token}-alignmentBaseline)` | `var(--component-${Component}-${Token}-baselineShift)` | `var(--component-${Component}-${Token}-clipRule)` | `var(--component-${Component}-${Token}-colorInterpolation)` | `var(--component-${Component}-${Token}-colorRendering)` | `var(--component-${Component}-${Token}-dominantBaseline)` | `var(--component-${Component}-${Token}-fill)` | `var(--component-${Component}-${Token}-fillOpacity)` | `var(--component-${Component}-${Token}-fillRule)` | `var(--component-${Component}-${Token}-floodColor)` | `var(--component-${Component}-${Token}-floodOpacity)` | `var(--component-${Component}-${Token}-glyphOrientationVertical)` | `var(--component-${Component}-${Token}-lightingColor)` | `var(--component-${Component}-${Token}-marker)` | `var(--component-${Component}-${Token}-markerEnd)` | `var(--component-${Component}-${Token}-markerMid)` | `var(--component-${Component}-${Token}-markerStart)` | `var(--component-${Component}-${Token}-shapeRendering)` | `var(--component-${Component}-${Token}-stopColor)` | `var(--component-${Component}-${Token}-stopOpacity)` | `var(--component-${Component}-${Token}-stroke)` | `var(--component-${Component}-${Token}-strokeDasharray)` | `var(--component-${Component}-${Token}-strokeDashoffset)` | `var(--component-${Component}-${Token}-strokeLinecap)` | `var(--component-${Component}-${Token}-strokeLinejoin)` | `var(--component-${Component}-${Token}-strokeMiterlimit)` | `var(--component-${Component}-${Token}-strokeOpacity)` | `var(--component-${Component}-${Token}-strokeWidth)` | `var(--component-${Component}-${Token}-textAnchor)` | `var(--component-${Component}-${Token}-vectorEffect)`;
+export declare const componentTokenAsCssVariableString: <TComponent extends ComponentNames, TToken extends ComponentTokenNames<TComponent>>(component: TComponent, token: TToken, cssProperty: keyof CSSProperties) => `var(--component-${TComponent}-${TToken}-border)` | `var(--component-${TComponent}-${TToken}-height)` | `var(--component-${TComponent}-${TToken}-padding)` | `var(--component-${TComponent}-${TToken}-width)` | `var(--component-${TComponent}-${TToken}-background)` | `var(--component-${TComponent}-${TToken}-inset)` | `var(--component-${TComponent}-${TToken}-gap)` | `var(--component-${TComponent}-${TToken}-flex)` | `var(--component-${TComponent}-${TToken}-grid)` | `var(--component-${TComponent}-${TToken}-font)` | `var(--component-${TComponent}-${TToken}-accentColor)` | `var(--component-${TComponent}-${TToken}-alignContent)` | `var(--component-${TComponent}-${TToken}-alignItems)` | `var(--component-${TComponent}-${TToken}-alignSelf)` | `var(--component-${TComponent}-${TToken}-alignTracks)` | `var(--component-${TComponent}-${TToken}-animationComposition)` | `var(--component-${TComponent}-${TToken}-animationDelay)` | `var(--component-${TComponent}-${TToken}-animationDirection)` | `var(--component-${TComponent}-${TToken}-animationDuration)` | `var(--component-${TComponent}-${TToken}-animationFillMode)` | `var(--component-${TComponent}-${TToken}-animationIterationCount)` | `var(--component-${TComponent}-${TToken}-animationName)` | `var(--component-${TComponent}-${TToken}-animationPlayState)` | `var(--component-${TComponent}-${TToken}-animationTimeline)` | `var(--component-${TComponent}-${TToken}-animationTimingFunction)` | `var(--component-${TComponent}-${TToken}-appearance)` | `var(--component-${TComponent}-${TToken}-aspectRatio)` | `var(--component-${TComponent}-${TToken}-backdropFilter)` | `var(--component-${TComponent}-${TToken}-backfaceVisibility)` | `var(--component-${TComponent}-${TToken}-backgroundAttachment)` | `var(--component-${TComponent}-${TToken}-backgroundBlendMode)` | `var(--component-${TComponent}-${TToken}-backgroundClip)` | `var(--component-${TComponent}-${TToken}-backgroundColor)` | `var(--component-${TComponent}-${TToken}-backgroundImage)` | `var(--component-${TComponent}-${TToken}-backgroundOrigin)` | `var(--component-${TComponent}-${TToken}-backgroundPositionX)` | `var(--component-${TComponent}-${TToken}-backgroundPositionY)` | `var(--component-${TComponent}-${TToken}-backgroundRepeat)` | `var(--component-${TComponent}-${TToken}-backgroundSize)` | `var(--component-${TComponent}-${TToken}-blockOverflow)` | `var(--component-${TComponent}-${TToken}-blockSize)` | `var(--component-${TComponent}-${TToken}-borderBlockColor)` | `var(--component-${TComponent}-${TToken}-borderBlockEndColor)` | `var(--component-${TComponent}-${TToken}-borderBlockEndStyle)` | `var(--component-${TComponent}-${TToken}-borderBlockEndWidth)` | `var(--component-${TComponent}-${TToken}-borderBlockStartColor)` | `var(--component-${TComponent}-${TToken}-borderBlockStartStyle)` | `var(--component-${TComponent}-${TToken}-borderBlockStartWidth)` | `var(--component-${TComponent}-${TToken}-borderBlockStyle)` | `var(--component-${TComponent}-${TToken}-borderBlockWidth)` | `var(--component-${TComponent}-${TToken}-borderBottomColor)` | `var(--component-${TComponent}-${TToken}-borderBottomLeftRadius)` | `var(--component-${TComponent}-${TToken}-borderBottomRightRadius)` | `var(--component-${TComponent}-${TToken}-borderBottomStyle)` | `var(--component-${TComponent}-${TToken}-borderBottomWidth)` | `var(--component-${TComponent}-${TToken}-borderCollapse)` | `var(--component-${TComponent}-${TToken}-borderEndEndRadius)` | `var(--component-${TComponent}-${TToken}-borderEndStartRadius)` | `var(--component-${TComponent}-${TToken}-borderImageOutset)` | `var(--component-${TComponent}-${TToken}-borderImageRepeat)` | `var(--component-${TComponent}-${TToken}-borderImageSlice)` | `var(--component-${TComponent}-${TToken}-borderImageSource)` | `var(--component-${TComponent}-${TToken}-borderImageWidth)` | `var(--component-${TComponent}-${TToken}-borderInlineColor)` | `var(--component-${TComponent}-${TToken}-borderInlineEndColor)` | `var(--component-${TComponent}-${TToken}-borderInlineEndStyle)` | `var(--component-${TComponent}-${TToken}-borderInlineEndWidth)` | `var(--component-${TComponent}-${TToken}-borderInlineStartColor)` | `var(--component-${TComponent}-${TToken}-borderInlineStartStyle)` | `var(--component-${TComponent}-${TToken}-borderInlineStartWidth)` | `var(--component-${TComponent}-${TToken}-borderInlineStyle)` | `var(--component-${TComponent}-${TToken}-borderInlineWidth)` | `var(--component-${TComponent}-${TToken}-borderLeftColor)` | `var(--component-${TComponent}-${TToken}-borderLeftStyle)` | `var(--component-${TComponent}-${TToken}-borderLeftWidth)` | `var(--component-${TComponent}-${TToken}-borderRightColor)` | `var(--component-${TComponent}-${TToken}-borderRightStyle)` | `var(--component-${TComponent}-${TToken}-borderRightWidth)` | `var(--component-${TComponent}-${TToken}-borderSpacing)` | `var(--component-${TComponent}-${TToken}-borderStartEndRadius)` | `var(--component-${TComponent}-${TToken}-borderStartStartRadius)` | `var(--component-${TComponent}-${TToken}-borderTopColor)` | `var(--component-${TComponent}-${TToken}-borderTopLeftRadius)` | `var(--component-${TComponent}-${TToken}-borderTopRightRadius)` | `var(--component-${TComponent}-${TToken}-borderTopStyle)` | `var(--component-${TComponent}-${TToken}-borderTopWidth)` | `var(--component-${TComponent}-${TToken}-bottom)` | `var(--component-${TComponent}-${TToken}-boxDecorationBreak)` | `var(--component-${TComponent}-${TToken}-boxShadow)` | `var(--component-${TComponent}-${TToken}-boxSizing)` | `var(--component-${TComponent}-${TToken}-breakAfter)` | `var(--component-${TComponent}-${TToken}-breakBefore)` | `var(--component-${TComponent}-${TToken}-breakInside)` | `var(--component-${TComponent}-${TToken}-captionSide)` | `var(--component-${TComponent}-${TToken}-caretColor)` | `var(--component-${TComponent}-${TToken}-caretShape)` | `var(--component-${TComponent}-${TToken}-clear)` | `var(--component-${TComponent}-${TToken}-clipPath)` | `var(--component-${TComponent}-${TToken}-color)` | `var(--component-${TComponent}-${TToken}-colorAdjust)` | `var(--component-${TComponent}-${TToken}-colorScheme)` | `var(--component-${TComponent}-${TToken}-columnCount)` | `var(--component-${TComponent}-${TToken}-columnFill)` | `var(--component-${TComponent}-${TToken}-columnGap)` | `var(--component-${TComponent}-${TToken}-columnRuleColor)` | `var(--component-${TComponent}-${TToken}-columnRuleStyle)` | `var(--component-${TComponent}-${TToken}-columnRuleWidth)` | `var(--component-${TComponent}-${TToken}-columnSpan)` | `var(--component-${TComponent}-${TToken}-columnWidth)` | `var(--component-${TComponent}-${TToken}-contain)` | `var(--component-${TComponent}-${TToken}-containIntrinsicBlockSize)` | `var(--component-${TComponent}-${TToken}-containIntrinsicHeight)` | `var(--component-${TComponent}-${TToken}-containIntrinsicInlineSize)` | `var(--component-${TComponent}-${TToken}-containIntrinsicWidth)` | `var(--component-${TComponent}-${TToken}-containerName)` | `var(--component-${TComponent}-${TToken}-containerType)` | `var(--component-${TComponent}-${TToken}-content)` | `var(--component-${TComponent}-${TToken}-contentVisibility)` | `var(--component-${TComponent}-${TToken}-counterIncrement)` | `var(--component-${TComponent}-${TToken}-counterReset)` | `var(--component-${TComponent}-${TToken}-counterSet)` | `var(--component-${TComponent}-${TToken}-cursor)` | `var(--component-${TComponent}-${TToken}-direction)` | `var(--component-${TComponent}-${TToken}-display)` | `var(--component-${TComponent}-${TToken}-emptyCells)` | `var(--component-${TComponent}-${TToken}-filter)` | `var(--component-${TComponent}-${TToken}-flexBasis)` | `var(--component-${TComponent}-${TToken}-flexDirection)` | `var(--component-${TComponent}-${TToken}-flexGrow)` | `var(--component-${TComponent}-${TToken}-flexShrink)` | `var(--component-${TComponent}-${TToken}-flexWrap)` | `var(--component-${TComponent}-${TToken}-float)` | `var(--component-${TComponent}-${TToken}-fontFamily)` | `var(--component-${TComponent}-${TToken}-fontFeatureSettings)` | `var(--component-${TComponent}-${TToken}-fontKerning)` | `var(--component-${TComponent}-${TToken}-fontLanguageOverride)` | `var(--component-${TComponent}-${TToken}-fontOpticalSizing)` | `var(--component-${TComponent}-${TToken}-fontPalette)` | `var(--component-${TComponent}-${TToken}-fontSize)` | `var(--component-${TComponent}-${TToken}-fontSizeAdjust)` | `var(--component-${TComponent}-${TToken}-fontSmooth)` | `var(--component-${TComponent}-${TToken}-fontStretch)` | `var(--component-${TComponent}-${TToken}-fontStyle)` | `var(--component-${TComponent}-${TToken}-fontSynthesis)` | `var(--component-${TComponent}-${TToken}-fontVariant)` | `var(--component-${TComponent}-${TToken}-fontVariantAlternates)` | `var(--component-${TComponent}-${TToken}-fontVariantCaps)` | `var(--component-${TComponent}-${TToken}-fontVariantEastAsian)` | `var(--component-${TComponent}-${TToken}-fontVariantEmoji)` | `var(--component-${TComponent}-${TToken}-fontVariantLigatures)` | `var(--component-${TComponent}-${TToken}-fontVariantNumeric)` | `var(--component-${TComponent}-${TToken}-fontVariantPosition)` | `var(--component-${TComponent}-${TToken}-fontVariationSettings)` | `var(--component-${TComponent}-${TToken}-fontWeight)` | `var(--component-${TComponent}-${TToken}-forcedColorAdjust)` | `var(--component-${TComponent}-${TToken}-gridAutoColumns)` | `var(--component-${TComponent}-${TToken}-gridAutoFlow)` | `var(--component-${TComponent}-${TToken}-gridAutoRows)` | `var(--component-${TComponent}-${TToken}-gridColumnEnd)` | `var(--component-${TComponent}-${TToken}-gridColumnStart)` | `var(--component-${TComponent}-${TToken}-gridRowEnd)` | `var(--component-${TComponent}-${TToken}-gridRowStart)` | `var(--component-${TComponent}-${TToken}-gridTemplateAreas)` | `var(--component-${TComponent}-${TToken}-gridTemplateColumns)` | `var(--component-${TComponent}-${TToken}-gridTemplateRows)` | `var(--component-${TComponent}-${TToken}-hangingPunctuation)` | `var(--component-${TComponent}-${TToken}-hyphenateCharacter)` | `var(--component-${TComponent}-${TToken}-hyphenateLimitChars)` | `var(--component-${TComponent}-${TToken}-hyphens)` | `var(--component-${TComponent}-${TToken}-imageOrientation)` | `var(--component-${TComponent}-${TToken}-imageRendering)` | `var(--component-${TComponent}-${TToken}-imageResolution)` | `var(--component-${TComponent}-${TToken}-initialLetter)` | `var(--component-${TComponent}-${TToken}-inlineSize)` | `var(--component-${TComponent}-${TToken}-inputSecurity)` | `var(--component-${TComponent}-${TToken}-insetBlockEnd)` | `var(--component-${TComponent}-${TToken}-insetBlockStart)` | `var(--component-${TComponent}-${TToken}-insetInlineEnd)` | `var(--component-${TComponent}-${TToken}-insetInlineStart)` | `var(--component-${TComponent}-${TToken}-isolation)` | `var(--component-${TComponent}-${TToken}-justifyContent)` | `var(--component-${TComponent}-${TToken}-justifyItems)` | `var(--component-${TComponent}-${TToken}-justifySelf)` | `var(--component-${TComponent}-${TToken}-justifyTracks)` | `var(--component-${TComponent}-${TToken}-left)` | `var(--component-${TComponent}-${TToken}-letterSpacing)` | `var(--component-${TComponent}-${TToken}-lineBreak)` | `var(--component-${TComponent}-${TToken}-lineHeight)` | `var(--component-${TComponent}-${TToken}-lineHeightStep)` | `var(--component-${TComponent}-${TToken}-listStyleImage)` | `var(--component-${TComponent}-${TToken}-listStylePosition)` | `var(--component-${TComponent}-${TToken}-listStyleType)` | `var(--component-${TComponent}-${TToken}-marginBlockEnd)` | `var(--component-${TComponent}-${TToken}-marginBlockStart)` | `var(--component-${TComponent}-${TToken}-marginBottom)` | `var(--component-${TComponent}-${TToken}-marginInlineEnd)` | `var(--component-${TComponent}-${TToken}-marginInlineStart)` | `var(--component-${TComponent}-${TToken}-marginLeft)` | `var(--component-${TComponent}-${TToken}-marginRight)` | `var(--component-${TComponent}-${TToken}-marginTop)` | `var(--component-${TComponent}-${TToken}-marginTrim)` | `var(--component-${TComponent}-${TToken}-maskBorderMode)` | `var(--component-${TComponent}-${TToken}-maskBorderOutset)` | `var(--component-${TComponent}-${TToken}-maskBorderRepeat)` | `var(--component-${TComponent}-${TToken}-maskBorderSlice)` | `var(--component-${TComponent}-${TToken}-maskBorderSource)` | `var(--component-${TComponent}-${TToken}-maskBorderWidth)` | `var(--component-${TComponent}-${TToken}-maskClip)` | `var(--component-${TComponent}-${TToken}-maskComposite)` | `var(--component-${TComponent}-${TToken}-maskImage)` | `var(--component-${TComponent}-${TToken}-maskMode)` | `var(--component-${TComponent}-${TToken}-maskOrigin)` | `var(--component-${TComponent}-${TToken}-maskPosition)` | `var(--component-${TComponent}-${TToken}-maskRepeat)` | `var(--component-${TComponent}-${TToken}-maskSize)` | `var(--component-${TComponent}-${TToken}-maskType)` | `var(--component-${TComponent}-${TToken}-mathDepth)` | `var(--component-${TComponent}-${TToken}-mathShift)` | `var(--component-${TComponent}-${TToken}-mathStyle)` | `var(--component-${TComponent}-${TToken}-maxBlockSize)` | `var(--component-${TComponent}-${TToken}-maxHeight)` | `var(--component-${TComponent}-${TToken}-maxInlineSize)` | `var(--component-${TComponent}-${TToken}-maxLines)` | `var(--component-${TComponent}-${TToken}-maxWidth)` | `var(--component-${TComponent}-${TToken}-minBlockSize)` | `var(--component-${TComponent}-${TToken}-minHeight)` | `var(--component-${TComponent}-${TToken}-minInlineSize)` | `var(--component-${TComponent}-${TToken}-minWidth)` | `var(--component-${TComponent}-${TToken}-mixBlendMode)` | `var(--component-${TComponent}-${TToken}-motionDistance)` | `var(--component-${TComponent}-${TToken}-motionPath)` | `var(--component-${TComponent}-${TToken}-motionRotation)` | `var(--component-${TComponent}-${TToken}-objectFit)` | `var(--component-${TComponent}-${TToken}-objectPosition)` | `var(--component-${TComponent}-${TToken}-offsetAnchor)` | `var(--component-${TComponent}-${TToken}-offsetDistance)` | `var(--component-${TComponent}-${TToken}-offsetPath)` | `var(--component-${TComponent}-${TToken}-offsetPosition)` | `var(--component-${TComponent}-${TToken}-offsetRotate)` | `var(--component-${TComponent}-${TToken}-offsetRotation)` | `var(--component-${TComponent}-${TToken}-opacity)` | `var(--component-${TComponent}-${TToken}-order)` | `var(--component-${TComponent}-${TToken}-orphans)` | `var(--component-${TComponent}-${TToken}-outlineColor)` | `var(--component-${TComponent}-${TToken}-outlineOffset)` | `var(--component-${TComponent}-${TToken}-outlineStyle)` | `var(--component-${TComponent}-${TToken}-outlineWidth)` | `var(--component-${TComponent}-${TToken}-overflowAnchor)` | `var(--component-${TComponent}-${TToken}-overflowBlock)` | `var(--component-${TComponent}-${TToken}-overflowClipBox)` | `var(--component-${TComponent}-${TToken}-overflowClipMargin)` | `var(--component-${TComponent}-${TToken}-overflowInline)` | `var(--component-${TComponent}-${TToken}-overflowWrap)` | `var(--component-${TComponent}-${TToken}-overflowX)` | `var(--component-${TComponent}-${TToken}-overflowY)` | `var(--component-${TComponent}-${TToken}-overscrollBehaviorBlock)` | `var(--component-${TComponent}-${TToken}-overscrollBehaviorInline)` | `var(--component-${TComponent}-${TToken}-overscrollBehaviorX)` | `var(--component-${TComponent}-${TToken}-overscrollBehaviorY)` | `var(--component-${TComponent}-${TToken}-paddingBlockEnd)` | `var(--component-${TComponent}-${TToken}-paddingBlockStart)` | `var(--component-${TComponent}-${TToken}-paddingBottom)` | `var(--component-${TComponent}-${TToken}-paddingInlineEnd)` | `var(--component-${TComponent}-${TToken}-paddingInlineStart)` | `var(--component-${TComponent}-${TToken}-paddingLeft)` | `var(--component-${TComponent}-${TToken}-paddingRight)` | `var(--component-${TComponent}-${TToken}-paddingTop)` | `var(--component-${TComponent}-${TToken}-page)` | `var(--component-${TComponent}-${TToken}-pageBreakAfter)` | `var(--component-${TComponent}-${TToken}-pageBreakBefore)` | `var(--component-${TComponent}-${TToken}-pageBreakInside)` | `var(--component-${TComponent}-${TToken}-paintOrder)` | `var(--component-${TComponent}-${TToken}-perspective)` | `var(--component-${TComponent}-${TToken}-perspectiveOrigin)` | `var(--component-${TComponent}-${TToken}-pointerEvents)` | `var(--component-${TComponent}-${TToken}-position)` | `var(--component-${TComponent}-${TToken}-printColorAdjust)` | `var(--component-${TComponent}-${TToken}-quotes)` | `var(--component-${TComponent}-${TToken}-resize)` | `var(--component-${TComponent}-${TToken}-right)` | `var(--component-${TComponent}-${TToken}-rotate)` | `var(--component-${TComponent}-${TToken}-rowGap)` | `var(--component-${TComponent}-${TToken}-rubyAlign)` | `var(--component-${TComponent}-${TToken}-rubyMerge)` | `var(--component-${TComponent}-${TToken}-rubyPosition)` | `var(--component-${TComponent}-${TToken}-scale)` | `var(--component-${TComponent}-${TToken}-scrollBehavior)` | `var(--component-${TComponent}-${TToken}-scrollMarginBlockEnd)` | `var(--component-${TComponent}-${TToken}-scrollMarginBlockStart)` | `var(--component-${TComponent}-${TToken}-scrollMarginBottom)` | `var(--component-${TComponent}-${TToken}-scrollMarginInlineEnd)` | `var(--component-${TComponent}-${TToken}-scrollMarginInlineStart)` | `var(--component-${TComponent}-${TToken}-scrollMarginLeft)` | `var(--component-${TComponent}-${TToken}-scrollMarginRight)` | `var(--component-${TComponent}-${TToken}-scrollMarginTop)` | `var(--component-${TComponent}-${TToken}-scrollPaddingBlockEnd)` | `var(--component-${TComponent}-${TToken}-scrollPaddingBlockStart)` | `var(--component-${TComponent}-${TToken}-scrollPaddingBottom)` | `var(--component-${TComponent}-${TToken}-scrollPaddingInlineEnd)` | `var(--component-${TComponent}-${TToken}-scrollPaddingInlineStart)` | `var(--component-${TComponent}-${TToken}-scrollPaddingLeft)` | `var(--component-${TComponent}-${TToken}-scrollPaddingRight)` | `var(--component-${TComponent}-${TToken}-scrollPaddingTop)` | `var(--component-${TComponent}-${TToken}-scrollSnapAlign)` | `var(--component-${TComponent}-${TToken}-scrollSnapMarginBottom)` | `var(--component-${TComponent}-${TToken}-scrollSnapMarginLeft)` | `var(--component-${TComponent}-${TToken}-scrollSnapMarginRight)` | `var(--component-${TComponent}-${TToken}-scrollSnapMarginTop)` | `var(--component-${TComponent}-${TToken}-scrollSnapStop)` | `var(--component-${TComponent}-${TToken}-scrollSnapType)` | `var(--component-${TComponent}-${TToken}-scrollTimelineAxis)` | `var(--component-${TComponent}-${TToken}-scrollTimelineName)` | `var(--component-${TComponent}-${TToken}-scrollbarColor)` | `var(--component-${TComponent}-${TToken}-scrollbarGutter)` | `var(--component-${TComponent}-${TToken}-scrollbarWidth)` | `var(--component-${TComponent}-${TToken}-shapeImageThreshold)` | `var(--component-${TComponent}-${TToken}-shapeMargin)` | `var(--component-${TComponent}-${TToken}-shapeOutside)` | `var(--component-${TComponent}-${TToken}-tabSize)` | `var(--component-${TComponent}-${TToken}-tableLayout)` | `var(--component-${TComponent}-${TToken}-textAlign)` | `var(--component-${TComponent}-${TToken}-textAlignLast)` | `var(--component-${TComponent}-${TToken}-textCombineUpright)` | `var(--component-${TComponent}-${TToken}-textDecorationColor)` | `var(--component-${TComponent}-${TToken}-textDecorationLine)` | `var(--component-${TComponent}-${TToken}-textDecorationSkip)` | `var(--component-${TComponent}-${TToken}-textDecorationSkipInk)` | `var(--component-${TComponent}-${TToken}-textDecorationStyle)` | `var(--component-${TComponent}-${TToken}-textDecorationThickness)` | `var(--component-${TComponent}-${TToken}-textEmphasisColor)` | `var(--component-${TComponent}-${TToken}-textEmphasisPosition)` | `var(--component-${TComponent}-${TToken}-textEmphasisStyle)` | `var(--component-${TComponent}-${TToken}-textIndent)` | `var(--component-${TComponent}-${TToken}-textJustify)` | `var(--component-${TComponent}-${TToken}-textOrientation)` | `var(--component-${TComponent}-${TToken}-textOverflow)` | `var(--component-${TComponent}-${TToken}-textRendering)` | `var(--component-${TComponent}-${TToken}-textShadow)` | `var(--component-${TComponent}-${TToken}-textSizeAdjust)` | `var(--component-${TComponent}-${TToken}-textTransform)` | `var(--component-${TComponent}-${TToken}-textUnderlineOffset)` | `var(--component-${TComponent}-${TToken}-textUnderlinePosition)` | `var(--component-${TComponent}-${TToken}-top)` | `var(--component-${TComponent}-${TToken}-touchAction)` | `var(--component-${TComponent}-${TToken}-transform)` | `var(--component-${TComponent}-${TToken}-transformBox)` | `var(--component-${TComponent}-${TToken}-transformOrigin)` | `var(--component-${TComponent}-${TToken}-transformStyle)` | `var(--component-${TComponent}-${TToken}-transitionDelay)` | `var(--component-${TComponent}-${TToken}-transitionDuration)` | `var(--component-${TComponent}-${TToken}-transitionProperty)` | `var(--component-${TComponent}-${TToken}-transitionTimingFunction)` | `var(--component-${TComponent}-${TToken}-translate)` | `var(--component-${TComponent}-${TToken}-unicodeBidi)` | `var(--component-${TComponent}-${TToken}-userSelect)` | `var(--component-${TComponent}-${TToken}-verticalAlign)` | `var(--component-${TComponent}-${TToken}-viewTransitionName)` | `var(--component-${TComponent}-${TToken}-visibility)` | `var(--component-${TComponent}-${TToken}-whiteSpace)` | `var(--component-${TComponent}-${TToken}-widows)` | `var(--component-${TComponent}-${TToken}-willChange)` | `var(--component-${TComponent}-${TToken}-wordBreak)` | `var(--component-${TComponent}-${TToken}-wordSpacing)` | `var(--component-${TComponent}-${TToken}-wordWrap)` | `var(--component-${TComponent}-${TToken}-writingMode)` | `var(--component-${TComponent}-${TToken}-zIndex)` | `var(--component-${TComponent}-${TToken}-zoom)` | `var(--component-${TComponent}-${TToken}-all)` | `var(--component-${TComponent}-${TToken}-animation)` | `var(--component-${TComponent}-${TToken}-backgroundPosition)` | `var(--component-${TComponent}-${TToken}-borderBlock)` | `var(--component-${TComponent}-${TToken}-borderBlockEnd)` | `var(--component-${TComponent}-${TToken}-borderBlockStart)` | `var(--component-${TComponent}-${TToken}-borderBottom)` | `var(--component-${TComponent}-${TToken}-borderColor)` | `var(--component-${TComponent}-${TToken}-borderImage)` | `var(--component-${TComponent}-${TToken}-borderInline)` | `var(--component-${TComponent}-${TToken}-borderInlineEnd)` | `var(--component-${TComponent}-${TToken}-borderInlineStart)` | `var(--component-${TComponent}-${TToken}-borderLeft)` | `var(--component-${TComponent}-${TToken}-borderRadius)` | `var(--component-${TComponent}-${TToken}-borderRight)` | `var(--component-${TComponent}-${TToken}-borderStyle)` | `var(--component-${TComponent}-${TToken}-borderTop)` | `var(--component-${TComponent}-${TToken}-borderWidth)` | `var(--component-${TComponent}-${TToken}-caret)` | `var(--component-${TComponent}-${TToken}-columnRule)` | `var(--component-${TComponent}-${TToken}-columns)` | `var(--component-${TComponent}-${TToken}-containIntrinsicSize)` | `var(--component-${TComponent}-${TToken}-container)` | `var(--component-${TComponent}-${TToken}-flexFlow)` | `var(--component-${TComponent}-${TToken}-gridArea)` | `var(--component-${TComponent}-${TToken}-gridColumn)` | `var(--component-${TComponent}-${TToken}-gridRow)` | `var(--component-${TComponent}-${TToken}-gridTemplate)` | `var(--component-${TComponent}-${TToken}-insetBlock)` | `var(--component-${TComponent}-${TToken}-insetInline)` | `var(--component-${TComponent}-${TToken}-lineClamp)` | `var(--component-${TComponent}-${TToken}-listStyle)` | `var(--component-${TComponent}-${TToken}-margin)` | `var(--component-${TComponent}-${TToken}-marginBlock)` | `var(--component-${TComponent}-${TToken}-marginInline)` | `var(--component-${TComponent}-${TToken}-mask)` | `var(--component-${TComponent}-${TToken}-maskBorder)` | `var(--component-${TComponent}-${TToken}-motion)` | `var(--component-${TComponent}-${TToken}-offset)` | `var(--component-${TComponent}-${TToken}-outline)` | `var(--component-${TComponent}-${TToken}-overflow)` | `var(--component-${TComponent}-${TToken}-overscrollBehavior)` | `var(--component-${TComponent}-${TToken}-paddingBlock)` | `var(--component-${TComponent}-${TToken}-paddingInline)` | `var(--component-${TComponent}-${TToken}-placeContent)` | `var(--component-${TComponent}-${TToken}-placeItems)` | `var(--component-${TComponent}-${TToken}-placeSelf)` | `var(--component-${TComponent}-${TToken}-scrollMargin)` | `var(--component-${TComponent}-${TToken}-scrollMarginBlock)` | `var(--component-${TComponent}-${TToken}-scrollMarginInline)` | `var(--component-${TComponent}-${TToken}-scrollPadding)` | `var(--component-${TComponent}-${TToken}-scrollPaddingBlock)` | `var(--component-${TComponent}-${TToken}-scrollPaddingInline)` | `var(--component-${TComponent}-${TToken}-scrollSnapMargin)` | `var(--component-${TComponent}-${TToken}-scrollTimeline)` | `var(--component-${TComponent}-${TToken}-textDecoration)` | `var(--component-${TComponent}-${TToken}-textEmphasis)` | `var(--component-${TComponent}-${TToken}-transition)` | `var(--component-${TComponent}-${TToken}-MozAnimationDelay)` | `var(--component-${TComponent}-${TToken}-MozAnimationDirection)` | `var(--component-${TComponent}-${TToken}-MozAnimationDuration)` | `var(--component-${TComponent}-${TToken}-MozAnimationFillMode)` | `var(--component-${TComponent}-${TToken}-MozAnimationIterationCount)` | `var(--component-${TComponent}-${TToken}-MozAnimationName)` | `var(--component-${TComponent}-${TToken}-MozAnimationPlayState)` | `var(--component-${TComponent}-${TToken}-MozAnimationTimingFunction)` | `var(--component-${TComponent}-${TToken}-MozAppearance)` | `var(--component-${TComponent}-${TToken}-MozBackfaceVisibility)` | `var(--component-${TComponent}-${TToken}-MozBinding)` | `var(--component-${TComponent}-${TToken}-MozBorderBottomColors)` | `var(--component-${TComponent}-${TToken}-MozBorderEndColor)` | `var(--component-${TComponent}-${TToken}-MozBorderEndStyle)` | `var(--component-${TComponent}-${TToken}-MozBorderEndWidth)` | `var(--component-${TComponent}-${TToken}-MozBorderLeftColors)` | `var(--component-${TComponent}-${TToken}-MozBorderRightColors)` | `var(--component-${TComponent}-${TToken}-MozBorderStartColor)` | `var(--component-${TComponent}-${TToken}-MozBorderStartStyle)` | `var(--component-${TComponent}-${TToken}-MozBorderTopColors)` | `var(--component-${TComponent}-${TToken}-MozBoxSizing)` | `var(--component-${TComponent}-${TToken}-MozColumnCount)` | `var(--component-${TComponent}-${TToken}-MozColumnFill)` | `var(--component-${TComponent}-${TToken}-MozColumnRuleColor)` | `var(--component-${TComponent}-${TToken}-MozColumnRuleStyle)` | `var(--component-${TComponent}-${TToken}-MozColumnRuleWidth)` | `var(--component-${TComponent}-${TToken}-MozColumnWidth)` | `var(--component-${TComponent}-${TToken}-MozContextProperties)` | `var(--component-${TComponent}-${TToken}-MozFontFeatureSettings)` | `var(--component-${TComponent}-${TToken}-MozFontLanguageOverride)` | `var(--component-${TComponent}-${TToken}-MozHyphens)` | `var(--component-${TComponent}-${TToken}-MozImageRegion)` | `var(--component-${TComponent}-${TToken}-MozMarginEnd)` | `var(--component-${TComponent}-${TToken}-MozMarginStart)` | `var(--component-${TComponent}-${TToken}-MozOrient)` | `var(--component-${TComponent}-${TToken}-MozOsxFontSmoothing)` | `var(--component-${TComponent}-${TToken}-MozPaddingEnd)` | `var(--component-${TComponent}-${TToken}-MozPaddingStart)` | `var(--component-${TComponent}-${TToken}-MozPerspective)` | `var(--component-${TComponent}-${TToken}-MozPerspectiveOrigin)` | `var(--component-${TComponent}-${TToken}-MozStackSizing)` | `var(--component-${TComponent}-${TToken}-MozTabSize)` | `var(--component-${TComponent}-${TToken}-MozTextBlink)` | `var(--component-${TComponent}-${TToken}-MozTextSizeAdjust)` | `var(--component-${TComponent}-${TToken}-MozTransformOrigin)` | `var(--component-${TComponent}-${TToken}-MozTransformStyle)` | `var(--component-${TComponent}-${TToken}-MozTransitionDelay)` | `var(--component-${TComponent}-${TToken}-MozTransitionDuration)` | `var(--component-${TComponent}-${TToken}-MozTransitionProperty)` | `var(--component-${TComponent}-${TToken}-MozTransitionTimingFunction)` | `var(--component-${TComponent}-${TToken}-MozUserFocus)` | `var(--component-${TComponent}-${TToken}-MozUserModify)` | `var(--component-${TComponent}-${TToken}-MozUserSelect)` | `var(--component-${TComponent}-${TToken}-MozWindowDragging)` | `var(--component-${TComponent}-${TToken}-MozWindowShadow)` | `var(--component-${TComponent}-${TToken}-msAccelerator)` | `var(--component-${TComponent}-${TToken}-msBlockProgression)` | `var(--component-${TComponent}-${TToken}-msContentZoomChaining)` | `var(--component-${TComponent}-${TToken}-msContentZoomLimitMax)` | `var(--component-${TComponent}-${TToken}-msContentZoomLimitMin)` | `var(--component-${TComponent}-${TToken}-msContentZoomSnapPoints)` | `var(--component-${TComponent}-${TToken}-msContentZoomSnapType)` | `var(--component-${TComponent}-${TToken}-msContentZooming)` | `var(--component-${TComponent}-${TToken}-msFilter)` | `var(--component-${TComponent}-${TToken}-msFlexDirection)` | `var(--component-${TComponent}-${TToken}-msFlexPositive)` | `var(--component-${TComponent}-${TToken}-msFlowFrom)` | `var(--component-${TComponent}-${TToken}-msFlowInto)` | `var(--component-${TComponent}-${TToken}-msGridColumns)` | `var(--component-${TComponent}-${TToken}-msGridRows)` | `var(--component-${TComponent}-${TToken}-msHighContrastAdjust)` | `var(--component-${TComponent}-${TToken}-msHyphenateLimitChars)` | `var(--component-${TComponent}-${TToken}-msHyphenateLimitLines)` | `var(--component-${TComponent}-${TToken}-msHyphenateLimitZone)` | `var(--component-${TComponent}-${TToken}-msHyphens)` | `var(--component-${TComponent}-${TToken}-msImeAlign)` | `var(--component-${TComponent}-${TToken}-msLineBreak)` | `var(--component-${TComponent}-${TToken}-msOrder)` | `var(--component-${TComponent}-${TToken}-msOverflowStyle)` | `var(--component-${TComponent}-${TToken}-msOverflowX)` | `var(--component-${TComponent}-${TToken}-msOverflowY)` | `var(--component-${TComponent}-${TToken}-msScrollChaining)` | `var(--component-${TComponent}-${TToken}-msScrollLimitXMax)` | `var(--component-${TComponent}-${TToken}-msScrollLimitXMin)` | `var(--component-${TComponent}-${TToken}-msScrollLimitYMax)` | `var(--component-${TComponent}-${TToken}-msScrollLimitYMin)` | `var(--component-${TComponent}-${TToken}-msScrollRails)` | `var(--component-${TComponent}-${TToken}-msScrollSnapPointsX)` | `var(--component-${TComponent}-${TToken}-msScrollSnapPointsY)` | `var(--component-${TComponent}-${TToken}-msScrollSnapType)` | `var(--component-${TComponent}-${TToken}-msScrollTranslation)` | `var(--component-${TComponent}-${TToken}-msScrollbar3dlightColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarArrowColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarBaseColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarDarkshadowColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarFaceColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarHighlightColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarShadowColor)` | `var(--component-${TComponent}-${TToken}-msScrollbarTrackColor)` | `var(--component-${TComponent}-${TToken}-msTextAutospace)` | `var(--component-${TComponent}-${TToken}-msTextCombineHorizontal)` | `var(--component-${TComponent}-${TToken}-msTextOverflow)` | `var(--component-${TComponent}-${TToken}-msTouchAction)` | `var(--component-${TComponent}-${TToken}-msTouchSelect)` | `var(--component-${TComponent}-${TToken}-msTransform)` | `var(--component-${TComponent}-${TToken}-msTransformOrigin)` | `var(--component-${TComponent}-${TToken}-msTransitionDelay)` | `var(--component-${TComponent}-${TToken}-msTransitionDuration)` | `var(--component-${TComponent}-${TToken}-msTransitionProperty)` | `var(--component-${TComponent}-${TToken}-msTransitionTimingFunction)` | `var(--component-${TComponent}-${TToken}-msUserSelect)` | `var(--component-${TComponent}-${TToken}-msWordBreak)` | `var(--component-${TComponent}-${TToken}-msWrapFlow)` | `var(--component-${TComponent}-${TToken}-msWrapMargin)` | `var(--component-${TComponent}-${TToken}-msWrapThrough)` | `var(--component-${TComponent}-${TToken}-msWritingMode)` | `var(--component-${TComponent}-${TToken}-WebkitAlignContent)` | `var(--component-${TComponent}-${TToken}-WebkitAlignItems)` | `var(--component-${TComponent}-${TToken}-WebkitAlignSelf)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationDelay)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationDirection)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationDuration)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationFillMode)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationIterationCount)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationName)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationPlayState)` | `var(--component-${TComponent}-${TToken}-WebkitAnimationTimingFunction)` | `var(--component-${TComponent}-${TToken}-WebkitAppearance)` | `var(--component-${TComponent}-${TToken}-WebkitBackdropFilter)` | `var(--component-${TComponent}-${TToken}-WebkitBackfaceVisibility)` | `var(--component-${TComponent}-${TToken}-WebkitBackgroundClip)` | `var(--component-${TComponent}-${TToken}-WebkitBackgroundOrigin)` | `var(--component-${TComponent}-${TToken}-WebkitBackgroundSize)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBeforeColor)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBeforeStyle)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBeforeWidth)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBottomLeftRadius)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBottomRightRadius)` | `var(--component-${TComponent}-${TToken}-WebkitBorderImageSlice)` | `var(--component-${TComponent}-${TToken}-WebkitBorderTopLeftRadius)` | `var(--component-${TComponent}-${TToken}-WebkitBorderTopRightRadius)` | `var(--component-${TComponent}-${TToken}-WebkitBoxDecorationBreak)` | `var(--component-${TComponent}-${TToken}-WebkitBoxReflect)` | `var(--component-${TComponent}-${TToken}-WebkitBoxShadow)` | `var(--component-${TComponent}-${TToken}-WebkitBoxSizing)` | `var(--component-${TComponent}-${TToken}-WebkitClipPath)` | `var(--component-${TComponent}-${TToken}-WebkitColumnCount)` | `var(--component-${TComponent}-${TToken}-WebkitColumnFill)` | `var(--component-${TComponent}-${TToken}-WebkitColumnRuleColor)` | `var(--component-${TComponent}-${TToken}-WebkitColumnRuleStyle)` | `var(--component-${TComponent}-${TToken}-WebkitColumnRuleWidth)` | `var(--component-${TComponent}-${TToken}-WebkitColumnSpan)` | `var(--component-${TComponent}-${TToken}-WebkitColumnWidth)` | `var(--component-${TComponent}-${TToken}-WebkitFilter)` | `var(--component-${TComponent}-${TToken}-WebkitFlexBasis)` | `var(--component-${TComponent}-${TToken}-WebkitFlexDirection)` | `var(--component-${TComponent}-${TToken}-WebkitFlexGrow)` | `var(--component-${TComponent}-${TToken}-WebkitFlexShrink)` | `var(--component-${TComponent}-${TToken}-WebkitFlexWrap)` | `var(--component-${TComponent}-${TToken}-WebkitFontFeatureSettings)` | `var(--component-${TComponent}-${TToken}-WebkitFontKerning)` | `var(--component-${TComponent}-${TToken}-WebkitFontSmoothing)` | `var(--component-${TComponent}-${TToken}-WebkitFontVariantLigatures)` | `var(--component-${TComponent}-${TToken}-WebkitHyphenateCharacter)` | `var(--component-${TComponent}-${TToken}-WebkitHyphens)` | `var(--component-${TComponent}-${TToken}-WebkitInitialLetter)` | `var(--component-${TComponent}-${TToken}-WebkitJustifyContent)` | `var(--component-${TComponent}-${TToken}-WebkitLineBreak)` | `var(--component-${TComponent}-${TToken}-WebkitLineClamp)` | `var(--component-${TComponent}-${TToken}-WebkitMarginEnd)` | `var(--component-${TComponent}-${TToken}-WebkitMarginStart)` | `var(--component-${TComponent}-${TToken}-WebkitMaskAttachment)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImageOutset)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImageRepeat)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImageSlice)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImageSource)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImageWidth)` | `var(--component-${TComponent}-${TToken}-WebkitMaskClip)` | `var(--component-${TComponent}-${TToken}-WebkitMaskComposite)` | `var(--component-${TComponent}-${TToken}-WebkitMaskImage)` | `var(--component-${TComponent}-${TToken}-WebkitMaskOrigin)` | `var(--component-${TComponent}-${TToken}-WebkitMaskPosition)` | `var(--component-${TComponent}-${TToken}-WebkitMaskPositionX)` | `var(--component-${TComponent}-${TToken}-WebkitMaskPositionY)` | `var(--component-${TComponent}-${TToken}-WebkitMaskRepeat)` | `var(--component-${TComponent}-${TToken}-WebkitMaskRepeatX)` | `var(--component-${TComponent}-${TToken}-WebkitMaskRepeatY)` | `var(--component-${TComponent}-${TToken}-WebkitMaskSize)` | `var(--component-${TComponent}-${TToken}-WebkitMaxInlineSize)` | `var(--component-${TComponent}-${TToken}-WebkitOrder)` | `var(--component-${TComponent}-${TToken}-WebkitOverflowScrolling)` | `var(--component-${TComponent}-${TToken}-WebkitPaddingEnd)` | `var(--component-${TComponent}-${TToken}-WebkitPaddingStart)` | `var(--component-${TComponent}-${TToken}-WebkitPerspective)` | `var(--component-${TComponent}-${TToken}-WebkitPerspectiveOrigin)` | `var(--component-${TComponent}-${TToken}-WebkitPrintColorAdjust)` | `var(--component-${TComponent}-${TToken}-WebkitRubyPosition)` | `var(--component-${TComponent}-${TToken}-WebkitScrollSnapType)` | `var(--component-${TComponent}-${TToken}-WebkitShapeMargin)` | `var(--component-${TComponent}-${TToken}-WebkitTapHighlightColor)` | `var(--component-${TComponent}-${TToken}-WebkitTextCombine)` | `var(--component-${TComponent}-${TToken}-WebkitTextDecorationColor)` | `var(--component-${TComponent}-${TToken}-WebkitTextDecorationLine)` | `var(--component-${TComponent}-${TToken}-WebkitTextDecorationSkip)` | `var(--component-${TComponent}-${TToken}-WebkitTextDecorationStyle)` | `var(--component-${TComponent}-${TToken}-WebkitTextEmphasisColor)` | `var(--component-${TComponent}-${TToken}-WebkitTextEmphasisPosition)` | `var(--component-${TComponent}-${TToken}-WebkitTextEmphasisStyle)` | `var(--component-${TComponent}-${TToken}-WebkitTextFillColor)` | `var(--component-${TComponent}-${TToken}-WebkitTextOrientation)` | `var(--component-${TComponent}-${TToken}-WebkitTextSizeAdjust)` | `var(--component-${TComponent}-${TToken}-WebkitTextStrokeColor)` | `var(--component-${TComponent}-${TToken}-WebkitTextStrokeWidth)` | `var(--component-${TComponent}-${TToken}-WebkitTextUnderlinePosition)` | `var(--component-${TComponent}-${TToken}-WebkitTouchCallout)` | `var(--component-${TComponent}-${TToken}-WebkitTransform)` | `var(--component-${TComponent}-${TToken}-WebkitTransformOrigin)` | `var(--component-${TComponent}-${TToken}-WebkitTransformStyle)` | `var(--component-${TComponent}-${TToken}-WebkitTransitionDelay)` | `var(--component-${TComponent}-${TToken}-WebkitTransitionDuration)` | `var(--component-${TComponent}-${TToken}-WebkitTransitionProperty)` | `var(--component-${TComponent}-${TToken}-WebkitTransitionTimingFunction)` | `var(--component-${TComponent}-${TToken}-WebkitUserModify)` | `var(--component-${TComponent}-${TToken}-WebkitUserSelect)` | `var(--component-${TComponent}-${TToken}-WebkitWritingMode)` | `var(--component-${TComponent}-${TToken}-MozAnimation)` | `var(--component-${TComponent}-${TToken}-MozBorderImage)` | `var(--component-${TComponent}-${TToken}-MozColumnRule)` | `var(--component-${TComponent}-${TToken}-MozColumns)` | `var(--component-${TComponent}-${TToken}-MozTransition)` | `var(--component-${TComponent}-${TToken}-msContentZoomLimit)` | `var(--component-${TComponent}-${TToken}-msContentZoomSnap)` | `var(--component-${TComponent}-${TToken}-msFlex)` | `var(--component-${TComponent}-${TToken}-msScrollLimit)` | `var(--component-${TComponent}-${TToken}-msScrollSnapX)` | `var(--component-${TComponent}-${TToken}-msScrollSnapY)` | `var(--component-${TComponent}-${TToken}-msTransition)` | `var(--component-${TComponent}-${TToken}-WebkitAnimation)` | `var(--component-${TComponent}-${TToken}-WebkitBorderBefore)` | `var(--component-${TComponent}-${TToken}-WebkitBorderImage)` | `var(--component-${TComponent}-${TToken}-WebkitBorderRadius)` | `var(--component-${TComponent}-${TToken}-WebkitColumnRule)` | `var(--component-${TComponent}-${TToken}-WebkitColumns)` | `var(--component-${TComponent}-${TToken}-WebkitFlex)` | `var(--component-${TComponent}-${TToken}-WebkitFlexFlow)` | `var(--component-${TComponent}-${TToken}-WebkitMask)` | `var(--component-${TComponent}-${TToken}-WebkitMaskBoxImage)` | `var(--component-${TComponent}-${TToken}-WebkitTextEmphasis)` | `var(--component-${TComponent}-${TToken}-WebkitTextStroke)` | `var(--component-${TComponent}-${TToken}-WebkitTransition)` | `var(--component-${TComponent}-${TToken}-azimuth)` | `var(--component-${TComponent}-${TToken}-boxAlign)` | `var(--component-${TComponent}-${TToken}-boxDirection)` | `var(--component-${TComponent}-${TToken}-boxFlex)` | `var(--component-${TComponent}-${TToken}-boxFlexGroup)` | `var(--component-${TComponent}-${TToken}-boxLines)` | `var(--component-${TComponent}-${TToken}-boxOrdinalGroup)` | `var(--component-${TComponent}-${TToken}-boxOrient)` | `var(--component-${TComponent}-${TToken}-boxPack)` | `var(--component-${TComponent}-${TToken}-clip)` | `var(--component-${TComponent}-${TToken}-gridColumnGap)` | `var(--component-${TComponent}-${TToken}-gridGap)` | `var(--component-${TComponent}-${TToken}-gridRowGap)` | `var(--component-${TComponent}-${TToken}-imeMode)` | `var(--component-${TComponent}-${TToken}-offsetBlock)` | `var(--component-${TComponent}-${TToken}-offsetBlockEnd)` | `var(--component-${TComponent}-${TToken}-offsetBlockStart)` | `var(--component-${TComponent}-${TToken}-offsetInline)` | `var(--component-${TComponent}-${TToken}-offsetInlineEnd)` | `var(--component-${TComponent}-${TToken}-offsetInlineStart)` | `var(--component-${TComponent}-${TToken}-scrollSnapCoordinate)` | `var(--component-${TComponent}-${TToken}-scrollSnapDestination)` | `var(--component-${TComponent}-${TToken}-scrollSnapPointsX)` | `var(--component-${TComponent}-${TToken}-scrollSnapPointsY)` | `var(--component-${TComponent}-${TToken}-scrollSnapTypeX)` | `var(--component-${TComponent}-${TToken}-scrollSnapTypeY)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxAlign)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxDirection)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxFlex)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxFlexGroup)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxLines)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxOrdinalGroup)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxOrient)` | `var(--component-${TComponent}-${TToken}-KhtmlBoxPack)` | `var(--component-${TComponent}-${TToken}-KhtmlLineBreak)` | `var(--component-${TComponent}-${TToken}-KhtmlOpacity)` | `var(--component-${TComponent}-${TToken}-KhtmlUserSelect)` | `var(--component-${TComponent}-${TToken}-MozBackgroundClip)` | `var(--component-${TComponent}-${TToken}-MozBackgroundInlinePolicy)` | `var(--component-${TComponent}-${TToken}-MozBackgroundOrigin)` | `var(--component-${TComponent}-${TToken}-MozBackgroundSize)` | `var(--component-${TComponent}-${TToken}-MozBorderRadius)` | `var(--component-${TComponent}-${TToken}-MozBorderRadiusBottomleft)` | `var(--component-${TComponent}-${TToken}-MozBorderRadiusBottomright)` | `var(--component-${TComponent}-${TToken}-MozBorderRadiusTopleft)` | `var(--component-${TComponent}-${TToken}-MozBorderRadiusTopright)` | `var(--component-${TComponent}-${TToken}-MozBoxAlign)` | `var(--component-${TComponent}-${TToken}-MozBoxDirection)` | `var(--component-${TComponent}-${TToken}-MozBoxFlex)` | `var(--component-${TComponent}-${TToken}-MozBoxOrdinalGroup)` | `var(--component-${TComponent}-${TToken}-MozBoxOrient)` | `var(--component-${TComponent}-${TToken}-MozBoxPack)` | `var(--component-${TComponent}-${TToken}-MozBoxShadow)` | `var(--component-${TComponent}-${TToken}-MozFloatEdge)` | `var(--component-${TComponent}-${TToken}-MozForceBrokenImageIcon)` | `var(--component-${TComponent}-${TToken}-MozOpacity)` | `var(--component-${TComponent}-${TToken}-MozOutline)` | `var(--component-${TComponent}-${TToken}-MozOutlineColor)` | `var(--component-${TComponent}-${TToken}-MozOutlineRadius)` | `var(--component-${TComponent}-${TToken}-MozOutlineRadiusBottomleft)` | `var(--component-${TComponent}-${TToken}-MozOutlineRadiusBottomright)` | `var(--component-${TComponent}-${TToken}-MozOutlineRadiusTopleft)` | `var(--component-${TComponent}-${TToken}-MozOutlineRadiusTopright)` | `var(--component-${TComponent}-${TToken}-MozOutlineStyle)` | `var(--component-${TComponent}-${TToken}-MozOutlineWidth)` | `var(--component-${TComponent}-${TToken}-MozTextAlignLast)` | `var(--component-${TComponent}-${TToken}-MozTextDecorationColor)` | `var(--component-${TComponent}-${TToken}-MozTextDecorationLine)` | `var(--component-${TComponent}-${TToken}-MozTextDecorationStyle)` | `var(--component-${TComponent}-${TToken}-MozUserInput)` | `var(--component-${TComponent}-${TToken}-msImeMode)` | `var(--component-${TComponent}-${TToken}-OAnimation)` | `var(--component-${TComponent}-${TToken}-OAnimationDelay)` | `var(--component-${TComponent}-${TToken}-OAnimationDirection)` | `var(--component-${TComponent}-${TToken}-OAnimationDuration)` | `var(--component-${TComponent}-${TToken}-OAnimationFillMode)` | `var(--component-${TComponent}-${TToken}-OAnimationIterationCount)` | `var(--component-${TComponent}-${TToken}-OAnimationName)` | `var(--component-${TComponent}-${TToken}-OAnimationPlayState)` | `var(--component-${TComponent}-${TToken}-OAnimationTimingFunction)` | `var(--component-${TComponent}-${TToken}-OBackgroundSize)` | `var(--component-${TComponent}-${TToken}-OBorderImage)` | `var(--component-${TComponent}-${TToken}-OObjectFit)` | `var(--component-${TComponent}-${TToken}-OObjectPosition)` | `var(--component-${TComponent}-${TToken}-OTabSize)` | `var(--component-${TComponent}-${TToken}-OTextOverflow)` | `var(--component-${TComponent}-${TToken}-OTransform)` | `var(--component-${TComponent}-${TToken}-OTransformOrigin)` | `var(--component-${TComponent}-${TToken}-OTransition)` | `var(--component-${TComponent}-${TToken}-OTransitionDelay)` | `var(--component-${TComponent}-${TToken}-OTransitionDuration)` | `var(--component-${TComponent}-${TToken}-OTransitionProperty)` | `var(--component-${TComponent}-${TToken}-OTransitionTimingFunction)` | `var(--component-${TComponent}-${TToken}-WebkitBoxAlign)` | `var(--component-${TComponent}-${TToken}-WebkitBoxDirection)` | `var(--component-${TComponent}-${TToken}-WebkitBoxFlex)` | `var(--component-${TComponent}-${TToken}-WebkitBoxFlexGroup)` | `var(--component-${TComponent}-${TToken}-WebkitBoxLines)` | `var(--component-${TComponent}-${TToken}-WebkitBoxOrdinalGroup)` | `var(--component-${TComponent}-${TToken}-WebkitBoxOrient)` | `var(--component-${TComponent}-${TToken}-WebkitBoxPack)` | `var(--component-${TComponent}-${TToken}-WebkitScrollSnapPointsX)` | `var(--component-${TComponent}-${TToken}-WebkitScrollSnapPointsY)` | `var(--component-${TComponent}-${TToken}-alignmentBaseline)` | `var(--component-${TComponent}-${TToken}-baselineShift)` | `var(--component-${TComponent}-${TToken}-clipRule)` | `var(--component-${TComponent}-${TToken}-colorInterpolation)` | `var(--component-${TComponent}-${TToken}-colorRendering)` | `var(--component-${TComponent}-${TToken}-dominantBaseline)` | `var(--component-${TComponent}-${TToken}-fill)` | `var(--component-${TComponent}-${TToken}-fillOpacity)` | `var(--component-${TComponent}-${TToken}-fillRule)` | `var(--component-${TComponent}-${TToken}-floodColor)` | `var(--component-${TComponent}-${TToken}-floodOpacity)` | `var(--component-${TComponent}-${TToken}-glyphOrientationVertical)` | `var(--component-${TComponent}-${TToken}-lightingColor)` | `var(--component-${TComponent}-${TToken}-marker)` | `var(--component-${TComponent}-${TToken}-markerEnd)` | `var(--component-${TComponent}-${TToken}-markerMid)` | `var(--component-${TComponent}-${TToken}-markerStart)` | `var(--component-${TComponent}-${TToken}-shapeRendering)` | `var(--component-${TComponent}-${TToken}-stopColor)` | `var(--component-${TComponent}-${TToken}-stopOpacity)` | `var(--component-${TComponent}-${TToken}-stroke)` | `var(--component-${TComponent}-${TToken}-strokeDasharray)` | `var(--component-${TComponent}-${TToken}-strokeDashoffset)` | `var(--component-${TComponent}-${TToken}-strokeLinecap)` | `var(--component-${TComponent}-${TToken}-strokeLinejoin)` | `var(--component-${TComponent}-${TToken}-strokeMiterlimit)` | `var(--component-${TComponent}-${TToken}-strokeOpacity)` | `var(--component-${TComponent}-${TToken}-strokeWidth)` | `var(--component-${TComponent}-${TToken}-textAnchor)` | `var(--component-${TComponent}-${TToken}-vectorEffect)`;
 /**
  * Get the full CSSProperties for a component token.
  * Replaces the css values from the ComponentTokenDefinition with the corresponding css variable.
@@ -21,7 +21,7 @@ export declare const componentTokenAsCssVariableString: <Component extends Compo
  * @param {CSSProperties} tokenObject The CSSProperties for the component token
  * @returns {*}  {CSSProperties} CSSProperties converted to use the css variable for the correstonding token
  */
-export declare const componentTokenToCSSProperties: <Component extends ComponentNames, Token extends ComponentTokenNames<Component>>(component: Component, token: Token, tokenObject: CSSProperties) => Record<string, string>;
+export declare const componentTokenToCSSProperties: <TComponent extends ComponentNames, TToken extends ComponentTokenNames<TComponent>>(component: TComponent, token: TToken, tokenObject: CSSProperties) => Record<string, string>;
 /**
  * Generate the full object og componentToken rules for the Tailwind plugin.
  */