ModTokens class

Design tokens for ModLayoutOne components.

These tokens define the foundational design values used across all components. Use these values for consistent spacing, sizing, and animations throughout the package.

Spacing Usage:

Padding(
  padding: EdgeInsets.all(ModTokens.space16),
  child: ...
)

Duration Usage:

AnimatedContainer(
  duration: ModTokens.durationNormal,
  ...
)

Properties

hashCode → int

The hash code for this object.

no setter, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

Methods

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toString() → String

A string representation of this object.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited

Constants

appBarHeight → const double

56px - AppBar height (kToolbarHeight equivalent)

breakpointLg → const double

992px - Large devices (desktops)

breakpointMd → const double

768px - Medium devices (tablets)

breakpointMobile → const double

768px - Mobile/Desktop breakpoint

breakpointSm → const double

576px - Small devices

breakpointXl → const double

1200px - Extra large devices

breakpointXxl → const double

1400px - Extra extra large devices

buttonHeightLg → const double

48px - Large button height

buttonHeightMd → const double

40px - Medium button height (default)

buttonHeightSm → const double

32px - Small button height

buttonHeightXs → const double

24px - Extra small button height

durationFast → const Duration

150ms - Fast animations (hover, focus)

durationMedium → const Duration

250ms - Medium animations

durationNormal → const Duration

200ms - Normal animations (expansion, collapse)

durationRotation → const Duration

1000ms - Loading rotation

durationSlow → const Duration

400ms - Slow animations

durationStandard → const Duration

300ms - Standard animations (modals, dialogs)

elevationDefault → const double

6 - Default elevation (chatbot button)

elevationHigh → const double

8 - High elevation (dialogs, modals)

elevationLow → const double

2 - Low elevation (sidebar, cards)

elevationMax → const double

12 - Maximum elevation (overlays)

elevationMedium → const double

4 - Medium elevation

elevationNone → const double

0 - No elevation

fontSizeBase → const double

16px - Base font size

fontSizeLg → const double

18px - Large font

fontSizeMd → const double

14px - Medium-small font (labels, secondary text)

fontSizeSm → const double

12px - Small font

fontSizeTitle → const double

24px - Title font

fontSizeXl → const double

20px - Extra large font

fontSizeXs → const double

10px - Extra small font

footerHeight → const double

50px - Footer height (default)

iconSizeLg → const double

24px - Large icon (default)

iconSizeMd → const double

20px - Medium icon

iconSizeSm → const double

18px - Small icon

iconSizeXl → const double

32px - Extra large icon

iconSizeXs → const double

16px - Extra small icon

opacityHigh → const double

0.7 - High opacity (close button icons)

opacityLight → const double

0.1 - Light opacity (hover states, selection)

opacityMedium → const double

0.5 - Medium opacity

opacityMediumHigh → const double

0.6 - Medium-high opacity (scrollbar thumb)

opacityMediumLow → const double

0.2 - Medium-low opacity (shadows)

opacitySubtle → const double

0.05 - Very subtle opacity

opacityText → const double

0.87 - Text opacity

radiusFull → const double

999px - Full/pill radius

radiusLg → const double

12px - Large radius

radiusMd → const double

8px - Medium radius (cards, inputs, modals)

radiusProgress → const double

6px - Progress bars

radiusSm → const double

4px - Small radius (buttons default)

radiusXl → const double

16px - Extra large radius

sidebarCollapsedWidth → const double

70px - Collapsed sidebar width

sidebarExpandedWidth → const double

240px - Expanded sidebar width

space2 → const double

2px - Minimal spacing

space4 → const double

4px - Extra small spacing

space6 → const double

6px - Small spacing (button vertical padding xs/sm)

space8 → const double

8px - Base spacing unit

space12 → const double

12px - Medium-small spacing

space16 → const double

16px - Standard spacing

space20 → const double

20px - Medium spacing

space24 → const double

24px - Large spacing

space32 → const double

32px - Extra large spacing

space40 → const double

40px - 2XL spacing

space48 → const double

48px - 3XL spacing

textBoxHeightLg → const double

61px - Large textbox height

textBoxHeightMd → const double

50px - Medium textbox height (default)

textBoxHeightSm → const double

42px - Small textbox height

textBoxHeightXs → const double

29px - Extra small textbox height