Sem Material, sem Cupertino. 131 componentes que se
reestilizam por três eixos globais e vestem uma marca inteira a partir
de uma única semente hex — offline, no primeiro
flutter run.
Cada promessa abaixo é cobrada por um teste que roda em todo commit — não declarada num README e esquecida.
lib/src não importa material.dart nem
cupertino.dart. 23 suítes de arquitetura varrem o
código em todo teste, e a allow-list tem uma entrada. A caixa, o
ripple e o scaffold pertencem ao sistema.
Um valor no tema reestiliza os 131 componentes de uma vez:
AppStyle (filled · outlined · elevated),
AppRadiusMode para todo canto, e um eixo de glass
para superfícies flutuantes.
A paleta inteira — 11 stops por papel, claro e escuro — sai de uma semente, derivada por tom HCT: perceptualmente uniforme, com contraste consistente entre stops. Marca é objeto, não fork.
O core embarca só o contrato. O flocks_phosphor
traz 1.512 ícones × 6 pesos, em fonte e tree-shakeable; o
flocks_material é o adaptador de referência; a sua
CDN cabe na mesma interface.
O contraste de toda marca registrada é verificado contra WCAG AA, marca × brilho, em teste. A animação honra o reduce-motion do sistema, e nenhum alvo tocável é mudo para o leitor de tela.
Toda entrada do catálogo carrega sua prosa em inglês e em
português. LocalizedText não tem construtor
monolíngue, então um componente não entra no catálogo meio
traduzido.
Isso é todo o setup. Os ícones, as ilustrações
e as fontes vêm dentro do pacote, então isto roda no primeiro
flutter run.
import 'package:flocks/flocks.dart';
final myBrand = AppBrandConfig(
clientSlug: 'acme',
primaryColor: swatchFromSeed(const Color(0xFF4F46E5)),
);
void main() => runApp(
AppTheme(
data: AppThemeData.forBrand(myBrand, dark: false),
child: const MyApp(),
),
);Depois disso, cada componente lê o tema sozinho
— um botão é AppButton(icon: AppIconToken.add, label: 'Novo
veículo', onPressed: _create), e a marca, o eixo de estilo e o
modo de radius já estão nele.
dependencies:
flocks: ^0.1.0