vroxal_design 1.0.1

Vroxal Design for Flutter: design tokens, a 1,598-glyph icon library, and 21 UI components with automatic light/dark mode support.

Changelog

All notable changes to this package are documented here. This project adheres to Semantic Versioning.

1.0.1

Improvements

• Updated package documentation and changelog.

1.0.0

Initial public release of the Vroxal Design System for Flutter.

Design Tokens

• VdColorScheme — full semantic color token set with automatic light/dark resolution via Theme.of(context).brightness
• VdFont — 19 Poppins text styles (Display · Headline · Title · Label · Body scales)
• VdSpacing — spacing scale (s0 → s3000) with negative steps
• VdRadius — border radius scale (none → full/pill)
• VdBorderWidth — border width tokens (sm default · md focus ring)
• VdIconSize — icon size scale (xs 16 pt → xl 40 pt)

Icon System

• VdIcons — 1,598-glyph custom icon font (VroxalIcon) with codepoints in the Unicode Private Use Area
• VdIcon — widget that renders VroxalIcon glyphs with IconTheme inheritance for size and color

Components — Actions

• VdButton — 6 colors · 3 sizes · 3 styles · loading state · leading/trailing icons
• VdIconButton — 6 colors · 3 sizes · 3 styles
• VdChip — 6 colors · 2 sizes · optional remove action · leading icon

Components — Displays

• VdBadge — numeric count badge with dot variant
• VdDivider — semantic border token divider

Components — Feedbacks

• VdAlert — 6 colors · optional title · optional inline/block action · closable
• VdEmptyState — boxed/unboxed · custom icon · primary + secondary actions
• VdLoadingState — spinner with optional title and description
• VdSnackbar — 6 colors · optional action · closable

Components — Forms

• VdTextField — all input states · password toggle · leading/trailing icons · character limit
• VdTextArea — multi-line · min 4 / max 9 lines · character counter
• VdSelectField<T> — generic dropdown with bottom-sheet picker
• VdDateTimeField — date · time · dateTime modes using native pickers
• VdSearchField — search icon · clear button
• VdCheckbox — tri-state support (checked · unchecked · indeterminate)
• VdRadioButton / VdRadioGroup<T> — scoped group with InheritedWidget
• VdSelectionCard / VdSelectionCardGroup<T> — large tap-target selection cards
• VdCodeInput — PIN / OTP entry with configurable digit count