sub_zero_design_system 1.1.0
sub_zero_design_system: ^1.1.0 copied to clipboard
Sub Zero 2.0 is a comprehensive Flutter design system package providing responsive components, themes, tokens, and styles for building beautiful, consistent, and accessible user interfaces.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
1.1.0 - 2026-02-22 #
Changed #
- Colors: Aligned all color tokens with the official Subzero design system spec
- Updated action colors: primary (#97144D), secondary (#ED1164), tertiary (#12877F)
- Updated surface colors: background (#FFFFFF), secondary (#F9F9F9), tertiary (#404040)
- Updated typography colors: primary (#282828), secondary (#6E6E6E), tertiary (#9D9D9D)
- Updated support/semantic colors: negative (#EB0000), positive (#278829), warning (#D84008)
- Updated stroke colors: default (#E2E2E2), active (#404040), selected (#F14687)
- Replaced hardcoded hex values in toast and tabs components with token references
Added #
- New color token classes in
tokens.dart:SubzeroActionColors— primary/secondary/tertiary action colorsSubzeroSurfaceColors— background surface colorsSubzeroTypographyColors— text colors for standard, action, and edge casesSubzeroIconColors— icon colors for standard, action, support, and edge casesSubzeroStrokeColors— border/stroke colors (default, active, disabled, selected, hover)SubzeroOverlayStateColors— overlay, selected, unselected, and disabled statesSubzeroNeutralAccentColors— 6 tinted neutral backgrounds
- New properties in
SubZeroColors: actionSecondary, actionTertiary, surfaceTertiary, textDisabled, textOnSurface, textTypical, iconDefault, strokeSelected, strokeHover, overlay, selectedHover, visitedLink, neutral1-6, and more - Tertiary color added to Material 3 ColorScheme in
SubZeroTheme
Removed #
- Deleted unused
lib/theme.dart(unrelated blue-gray palette)
1.0.0 - 2025-01-01 #
Added #
- Initial release of Sub Zero 2.0 Design System
- Design Tokens
- Color palette with brand, semantic, and neutral colors
- Typography scale with Inter font family
- Spacing system based on 8px grid
- Border radius tokens
- Elevation/shadow tokens
- Data visualization color palettes
- Theme
SubZeroTheme.lightTheme- Complete Material 3 theme
- Components
SubZeroAccordion- Expandable/collapsible sectionsSubZeroAddItem- Add item action buttonSubZeroAvatar- User avatar with image/initialsSubZeroBadge- Status badges and labelsSubZeroBottomSheet- Modal bottom sheetsSubZeroButton- Primary, secondary, tertiary, and icon buttonsSubZeroCard- Content container cardsSubZeroCarousel- Image/content carouselSubZeroCheckbox- Checkbox inputSubZeroDialog- Modal dialogsSubZeroDivider- Content dividersSubZeroHeader- Page/section headersSubZeroOnboarding- Onboarding flow screensSubZeroProgressTracker- Step progress indicatorSubZeroRadio- Radio button inputSubZeroSearch- Search input fieldSubZeroSlider- Range slider inputSubZeroSwitch- Toggle switchSubZeroTabs- Tab navigationSubZeroTag- Categorization tagsSubZeroToast- Toast notificationsSubZeroToggle- Button group toggle
Security #
- WCAG AA compliant color contrasts for accessibility