feat(alarm): add musical alarm foundation
This commit is contained in:
+49
-41
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
|
||||
import '../tema/pluriwave_tokens.dart';
|
||||
import '../tema/pluriwave_theme.dart';
|
||||
|
||||
enum PluriIconGlyph { home, search, favorites, player, settings }
|
||||
enum PluriIconGlyph { home, search, favorites, alarm, player, settings }
|
||||
|
||||
enum PluriIconVariant { outline, filled, activeGlow }
|
||||
|
||||
@@ -26,40 +26,40 @@ class PluriIcon extends StatelessWidget {
|
||||
final tokens = context.pluriTokens;
|
||||
final asset = _resolveAsset();
|
||||
final resolvedColor = _resolveColor(context, tokens);
|
||||
final icon = asset == null
|
||||
? Icon(_resolveData(), size: size, color: resolvedColor)
|
||||
: Opacity(
|
||||
opacity: variant == PluriIconVariant.outline ? 0.78 : 1,
|
||||
child: Image.asset(
|
||||
asset,
|
||||
width: size,
|
||||
height: size,
|
||||
fit: BoxFit.contain,
|
||||
errorBuilder: (_, __, ___) => Icon(
|
||||
_resolveData(),
|
||||
size: size,
|
||||
color: resolvedColor,
|
||||
final icon =
|
||||
asset == null
|
||||
? Icon(_resolveData(), size: size, color: resolvedColor)
|
||||
: Opacity(
|
||||
opacity: variant == PluriIconVariant.outline ? 0.78 : 1,
|
||||
child: Image.asset(
|
||||
asset,
|
||||
width: size,
|
||||
height: size,
|
||||
fit: BoxFit.contain,
|
||||
errorBuilder:
|
||||
(_, __, ___) =>
|
||||
Icon(_resolveData(), size: size, color: resolvedColor),
|
||||
),
|
||||
),
|
||||
);
|
||||
final child = variant == PluriIconVariant.activeGlow
|
||||
? Container(
|
||||
width: size + 14,
|
||||
height: size + 14,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: tokens.glowColor,
|
||||
blurRadius: 18,
|
||||
spreadRadius: 1,
|
||||
),
|
||||
],
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: icon,
|
||||
)
|
||||
: icon;
|
||||
);
|
||||
final child =
|
||||
variant == PluriIconVariant.activeGlow
|
||||
? Container(
|
||||
width: size + 14,
|
||||
height: size + 14,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: tokens.glowColor,
|
||||
blurRadius: 18,
|
||||
spreadRadius: 1,
|
||||
),
|
||||
],
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: icon,
|
||||
)
|
||||
: icon;
|
||||
|
||||
return Semantics(
|
||||
label: semanticLabel ?? _fallbackLabel(glyph),
|
||||
@@ -68,13 +68,12 @@ class PluriIcon extends StatelessWidget {
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
String? _resolveAsset() {
|
||||
return switch (glyph) {
|
||||
PluriIconGlyph.home => 'assets/icons/pluri_home.png',
|
||||
PluriIconGlyph.search => 'assets/icons/pluri_search.png',
|
||||
PluriIconGlyph.favorites => 'assets/icons/pluri_favorites.png',
|
||||
PluriIconGlyph.alarm => null,
|
||||
PluriIconGlyph.player => 'assets/icons/pluri_player.png',
|
||||
PluriIconGlyph.settings => 'assets/icons/pluri_settings.png',
|
||||
};
|
||||
@@ -82,7 +81,9 @@ class PluriIcon extends StatelessWidget {
|
||||
|
||||
Color _resolveColor(BuildContext context, PluriWaveTokens tokens) {
|
||||
if (variant == PluriIconVariant.activeGlow) return tokens.electricMagenta;
|
||||
if (variant == PluriIconVariant.filled) return Theme.of(context).colorScheme.onSurface;
|
||||
if (variant == PluriIconVariant.filled) {
|
||||
return Theme.of(context).colorScheme.onSurface;
|
||||
}
|
||||
return Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.78);
|
||||
}
|
||||
|
||||
@@ -90,13 +91,19 @@ class PluriIcon extends StatelessWidget {
|
||||
return switch ((glyph, variant)) {
|
||||
(PluriIconGlyph.home, PluriIconVariant.outline) => Icons.home_outlined,
|
||||
(PluriIconGlyph.home, _) => Icons.home_rounded,
|
||||
(PluriIconGlyph.search, PluriIconVariant.outline) => Icons.search_outlined,
|
||||
(PluriIconGlyph.search, PluriIconVariant.outline) =>
|
||||
Icons.search_outlined,
|
||||
(PluriIconGlyph.search, _) => Icons.search_rounded,
|
||||
(PluriIconGlyph.favorites, PluriIconVariant.outline) => Icons.favorite_border_rounded,
|
||||
(PluriIconGlyph.favorites, PluriIconVariant.outline) =>
|
||||
Icons.favorite_border_rounded,
|
||||
(PluriIconGlyph.favorites, _) => Icons.favorite_rounded,
|
||||
(PluriIconGlyph.player, PluriIconVariant.outline) => Icons.play_circle_outline_rounded,
|
||||
(PluriIconGlyph.alarm, PluriIconVariant.outline) => Icons.alarm_outlined,
|
||||
(PluriIconGlyph.alarm, _) => Icons.alarm_rounded,
|
||||
(PluriIconGlyph.player, PluriIconVariant.outline) =>
|
||||
Icons.play_circle_outline_rounded,
|
||||
(PluriIconGlyph.player, _) => Icons.play_circle_rounded,
|
||||
(PluriIconGlyph.settings, PluriIconVariant.outline) => Icons.settings_outlined,
|
||||
(PluriIconGlyph.settings, PluriIconVariant.outline) =>
|
||||
Icons.settings_outlined,
|
||||
(PluriIconGlyph.settings, _) => Icons.settings_rounded,
|
||||
};
|
||||
}
|
||||
@@ -106,6 +113,7 @@ class PluriIcon extends StatelessWidget {
|
||||
PluriIconGlyph.home => 'Inicio',
|
||||
PluriIconGlyph.search => 'Buscar',
|
||||
PluriIconGlyph.favorites => 'Favoritos',
|
||||
PluriIconGlyph.alarm => 'Alarmas',
|
||||
PluriIconGlyph.player => 'Reproductor',
|
||||
PluriIconGlyph.settings => 'Ajustes',
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user