variables property

Map<String, String> get variables

Returns a map of all CSS variable names to their values.

Implementation

Map<String, String> get variables => {
  // Color scheme
  'color-scheme': colorScheme,

  // Brand color tokens
  primaryColor.name: primaryColor.value,
  secondaryColor.name: secondaryColor.value,
  accentColor.name: accentColor.value,

  // Primary color tokens
  green.name: green.value,
  yellow.name: yellow.value,
  red.name: red.value,

  // Text color tokens
  placeholderColor.name: placeholderColor.value,
  mutedColor.name: mutedColor.value,
  subtitleColor.name: subtitleColor.value,

  // Selected color tokens
  selectedItemColor.name: selectedItemColor.value,
  selectedTextBgColor.name: selectedTextBgColor.value,
  selectedTextColor.name: selectedTextColor.value,
  selectedItemBgColor.name: selectedItemBgColor.value,

  // Background color tokens
  backgroundColor.name: backgroundColor.value,

  // Error color tokens
  errorColor.name: errorColor.value,
  errorWeakColor.name: errorWeakColor.value,

  // Success color tokens
  successColor.name: successColor.value,
  successWeakColor.name: successWeakColor.value,

  // Warning color tokens
  warningColor.name: warningColor.value,
  warningWeakColor.name: warningWeakColor.value,

  // Info color tokens
  infoColor.name: infoColor.value,
  infoWeakColor.name: infoWeakColor.value,

  // Surface tokens
  surfaceVariantColor.name: surfaceVariantColor.value,
  surfaceMutedColor.name: surfaceMutedColor.value,

  // Shadow tokens
  shadowColor.name: shadowColor.value,
  smallShadowColor.name: smallShadowColor.value,
  mediumShadowColor.name: mediumShadowColor.value,
  largeShadowColor.name: largeShadowColor.value,

  // State color tokens
  buttonHoverBgColor.name: buttonHoverBgColor.value,
  hoverColor.name: hoverColor.value,
  focusBorderColor.name: focusBorderColor.value,
  fieldHoverColor.name: fieldHoverColor.value,
  disabledBgColor.name: disabledBgColor.value,
  disabledColor.name: disabledColor.value,

  // Border tokens
  border.name: border.value,
  borderColor.name: borderColor.value,
  fieldHoverBorder.name: fieldHoverBorder.value,
  focusBorder.name: focusBorder.value,
  errorBorder.name: errorBorder.value,

  // FontFamily tokens
  fontFamily.name: fontFamily.value,

  // FontSize tokens
  fontSizeSm.name: fontSizeSm.value,
  fontSizeMd.name: fontSizeMd.value,
  fontSizeLg.name: fontSizeLg.value,
  fontSizeXl.name: fontSizeXl.value,
  fontSize2xl.name: fontSize2xl.value,
  fontSize3xl.name: fontSize3xl.value,
  fontSize4xl.name: fontSize4xl.value,
  fontSize5xl.name: fontSize5xl.value,
  fontSizeSectionHeader.name: fontSizeSectionHeader.value,
  fontSizeInput.name: fontSizeInput.value,
  fontSizeError.name: fontSizeError.value,
  fontSizeHint.name: fontSizeHint.value,
  fontSizeLabel.name: fontSizeLabel.value,
  fontSizeDropdownOption.name: fontSizeDropdownOption.value,

  // FontWeight tokens
  fontWeightNormal.name: fontWeightNormal.value,
  fontWeightMedium.name: fontWeightMedium.value,
  fontWeightSemiBold.name: fontWeightSemiBold.value,
  fontWeightBold.name: fontWeightBold.value,
  fontWeightSectionHeader.name: fontWeightSectionHeader.value,

  // Spinner tokens
  spinnerSize.name: spinnerSize.value,
  spinnerBorderWidth.name: spinnerBorderWidth.value,
  spinnerTrackColor.name: spinnerTrackColor.value,
  spinnerColor.name: spinnerColor.value,
  spinnerSurfaceColor.name: spinnerSurfaceColor.value,
  spinnerBladeColor.name: spinnerBladeColor.value,

  // Spacing tokens
  paddingSm.name: paddingSm.value,
  paddingMd.name: paddingMd.value,
  paddingLg.name: paddingLg.value,
  marginSm.name: marginSm.value,
  marginMd.name: marginMd.value,
  marginLg.name: marginLg.value,

  // Shadow tokens
  boxShadow.name: boxShadow.value,
  smallShadow.name: smallShadow.value,
  mediumShadow.name: mediumShadow.value,
  largeShadow.name: largeShadow.value,

  // Radius tokens
  radiusSm.name: radiusSm.value,
  radiusMd.name: radiusMd.value,
  radiusLg.name: radiusLg.value,

  // Input tokens
  inputHeight.name: inputHeight.value,
  inputTextColor.name: inputTextColor.value,

  // Dropdown tokens
  dropdownHeight.name: dropdownHeight.value,
  dropdownWidth.name: dropdownWidth.value,
  dropdownMenuHeight.name: dropdownMenuHeight.value,
  dropdownMenuBgColor.name: dropdownMenuBgColor.value,
  dropdownOptionFontSize.name: dropdownOptionFontSize.value,
  dropdownOptionPadding.name: dropdownOptionPadding.value,

  // Text tokens
  textMaxLines.name: textMaxLines.value,
  labelColor.name: labelColor.value,
  baseTextColor.name: baseTextColor.value,

  // Button tokens
  buttonBackgroundColor.name: buttonBackgroundColor.value,
  buttonColor.name: buttonColor.value,
  buttonHeight.name: buttonHeight.value,
  buttonWidth.name: buttonWidth.value,

  // Field tokens
  fieldBackgroundColor.name: fieldBackgroundColor.value,

  // Slider tokens
  sliderThumbColor.name: sliderThumbColor.value,
  sliderTrackColor.name: sliderTrackColor.value,
  sliderThumbSize.name: sliderThumbSize.value,

  // Switch tokens
  switchThumbColor.name: switchThumbColor.value,
  radioBtnRadius.name: radioBtnRadius.value,
  radioBtnColor.name: radioBtnColor.value,

  // Appbar tokens
  appbarBgColor.name: appbarBgColor.value,
  appbarHeight.name: appbarHeight.value,

  // Bottom navbar tokens
  bottomNavbarBgColor.name: bottomNavbarBgColor.value,
  bottomNavbarHeight.name: bottomNavbarHeight.value,

  // Carousel tokens
  carouselItemExtent.name: carouselItemExtent.value,
  carouselGap.name: carouselGap.value,

  // Table tokens
  tableHeaderBg.name: tableHeaderBg.value,
  tableRowHoverBg.name: tableRowHoverBg.value,
  tableHeaderBorderColor.name: tableHeaderBorderColor.value,

  // Grid tokens
  gridGap.name: gridGap.value,

  // Snackbar tokens
  snackbarBgColor.name: snackbarBgColor.value,
  snackbarForegroundColor.name: snackbarForegroundColor.value,
  snackbarBorderRadius.name: snackbarBorderRadius.value,
  snackbarPadding.name: snackbarPadding.value,
  snackbarOffset.name: snackbarOffset.value,

  // Banner tokens
  bannerBgColor.name: bannerBgColor.value,
  bannerForegroundColor.name: bannerForegroundColor.value,
  bannerBorderRadius.name: bannerBorderRadius.value,
  bannerPadding.name: bannerPadding.value,
  bannerBorderColor.name: bannerBorderColor.value,

  // Tooltip tokens
  tooltipBgColor.name: tooltipBgColor.value,
  tooltipTextColor.name: tooltipTextColor.value,
  tooltipBorderRadius.name: tooltipBorderRadius.value,
  tooltipPadding.name: tooltipPadding.value,
  tooltipFontSize.name: tooltipFontSize.value,

  // Popover tokens
  popoverBgColor.name: popoverBgColor.value,
  popoverTextColor.name: popoverTextColor.value,
  popoverBorderColor.name: popoverBorderColor.value,
  popoverBorderRadius.name: popoverBorderRadius.value,
  popoverPadding.name: popoverPadding.value,
  popoverShadow.name: popoverShadow.value,

  // Dialog tokens
  dialogBgColor.name: dialogBgColor.value,
  dialogBorderRadius.name: dialogBorderRadius.value,
  dialogPadding.name: dialogPadding.value,
  dialogBarrierBg.name: dialogBarrierBg.value,

  // Drawer tokens
  drawerBgColor.name: drawerBgColor.value,
  drawerWidth.name: drawerWidth.value,
  drawerBarrierBg.name: drawerBarrierBg.value,

  // Bottom sheet tokens
  bottomSheetBgColor.name: bottomSheetBgColor.value,
  bottomSheetMaxHeight.name: bottomSheetMaxHeight.value,
  bottomSheetBorderRadius.name: bottomSheetBorderRadius.value,
  bottomSheetBarrierBg.name: bottomSheetBarrierBg.value,

  // Custom styles
  ...?customVariables,
};