util/tokens/index library
Barrel export for all Arcane design tokens
Import this single file to get access to all tokens:
import 'package:arcane_jaspr/util/tokens/index.dart';
Classes
- AlertStyle
- Alert/banner styling presets Use like: ArcaneAlert(style: AlertStyle.warning)
- ArcaneColors
- Centralized design tokens for Arcane Jaspr All values are static const strings that reference CSS variables for theme reactivity or provide consistent static values for spacing, typography, etc. Color tokens referencing CSS variables for dynamic theming
- ArcaneCommonStyles
- Common reusable style patterns
- ArcaneEffects
- Effect tokens for shadows, transitions, and animations
- ArcaneLayout
- Layout tokens for container widths, heights, and dimensions
- ArcaneRadius
- Border radius tokens (reference CSS variables for consistent theming)
- ArcaneSpacing
- Spacing tokens for consistent padding, margin, and gap values
- ArcaneTypography
- Typography tokens for font sizes, weights, and line heights
- ArcaneZIndex
- Z-index tokens for layering
- AvatarStyle
- Avatar styling presets
- BadgeStyle
- Badge styling presets Use like: ArcaneBadge(style: BadgeStyle.success)
- ButtonSizeStyle
- Button size presets
- ButtonStyle
- Button styling presets Use like: ArcaneButton(style: ButtonStyle.warning)
- CardStyle
- Card styling presets Use like: ArcaneCard(style: CardStyle.elevated)
- CheckboxStyle
- Checkbox styling presets Use like: Checkbox(style: CheckboxStyle.primary)
- ChipStyle
- Chip styling presets Use like: ArcaneChip(style: ChipStyle.primary)
- DividerStyle
- Divider styling presets
- FABStyle
- FAB (Floating Action Button) styling presets Use like: FAB(style: FABStyle.primary)
- IconButtonStyle
- Icon button styling presets Use like: ArcaneIconButton(style: IconButtonStyle.primary)
- InputSizeStyle
- Input size presets
- InputStyle
- Input field styling presets Use like: ArcaneTextInput(style: InputStyle.filled)
- ProgressStyle
- Progress bar styling presets
- SliderStyle
- Slider styling presets Use like: Slider(style: SliderStyle.primary)
- ToggleStyle
- Toggle/Switch styling presets Use like: ToggleSwitch(style: ToggleStyle.primary)
- TooltipStyle
- Tooltip styling presets