dievas 0.0.4

Dievas design system. Flutter theme and component layer.

Dievas

The Dievas design system.

Flutter theme and component layer.

Built on dievas_tokens for primitive and semantic design tokens.

Features

• Theme contract — DievasThemeData interface with DievasGlobalThemeData sealed abstract base for brand themes
• Default themes — DievasLightThemeData and DievasDarkThemeData
• 35+ components — buttons, form inputs, display, feedback, overlays, navigation, and utility widgets
• InheritedModel — efficient sub-system accessors (context.colors, context.typography, etc.)
• Responsive grid — DievasGrid with breakpoint-aware layout
• Localization — DievasLocalizations delegate with context extension

Usage

import 'package:flutter/material.dart';
import 'package:dievas/dievas.dart';

void main() => runApp(
    DievasScope(
      lightTheme: DievasLightThemeData(),
      darkTheme: DievasDarkThemeData(),
      child: const MyApp(),
    ),
  );


class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    final colors = context.colors;

    return MaterialApp(
      theme: context.theme.material,
      home: Scaffold(
        backgroundColor: colors.background.bgBase,
        body: Center(
          child: DievasFilledButton(
            label: 'Hello Dievas',
            onPressed: () {},
          ),
        ),
      ),
    );
  }
}

License

MIT