From e20fe3ef7cece93069c06604bbc73552e35f792d Mon Sep 17 00:00:00 2001 From: zeta-icons-bot Date: Mon, 27 Jan 2025 08:08:03 +0000 Subject: [PATCH] deps(automated): Update tokens 27 Jan 2025, 08:08:03 --- lib/generated/tokens/primitives.g.dart | 468 +++---- lib/generated/tokens/semantics.g.dart | 1700 ++++++++++++++++++++---- 2 files changed, 1686 insertions(+), 482 deletions(-) diff --git a/lib/generated/tokens/primitives.g.dart b/lib/generated/tokens/primitives.g.dart index aafdaeec..53795fcf 100644 --- a/lib/generated/tokens/primitives.g.dart +++ b/lib/generated/tokens/primitives.g.dart @@ -1,4 +1,6 @@ import 'package:flutter/material.dart'; +// Ignored import due to file being generated +// ignore: prefer_relative_imports import 'package:zeta_flutter/zeta_flutter.dart'; // This file is automatically generated by the zeta repository @@ -30,57 +32,57 @@ abstract interface class ZetaPrimitives { /// Blue /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get blue; /// Cool /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get cool; /// Green /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get green; /// Orange /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get orange; /// Pink /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get pink; /// Pure /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaPureColorSwatch get pure; /// Purple /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get purple; /// Red /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get red; /// Teal /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get teal; /// Warm /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get warm; /// Yellow /// - /// {@macro zeta-colors-swatch} + /// {@macro zeta-color-swatch} ZetaColorSwatch get yellow; /// 0dp space @@ -153,227 +155,6 @@ abstract interface class ZetaPrimitives { Radius get xl_4; } -/// Light primitives -final class ZetaPrimitivesLight extends ZetaPrimitives { - /// Constructs a new ZetaPrimitivesLight instance with the (optional) primary and secondary colors. - const ZetaPrimitivesLight({super.primary, super.secondary}) : super(brightness: Brightness.light); - @override - ZetaColorSwatch get blue => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFf1f8ff), - 20: Color(0xFFe2f1ff), - 30: Color(0xFFb7dbff), - 40: Color(0xFF7ebeff), - 50: Color(0xFF599fe5), - 60: Color(0xFF0073e6), - 70: Color(0xFF0061c2), - 80: Color(0xFF004d99), - 90: Color(0xFF002c58), - 100: Color(0xFF101b25), - }, - primary: 0xFF0073e6, - ); - @override - ZetaColorSwatch get cool => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFf8fbff), - 20: Color(0xFFf3f6fa), - 30: Color(0xFFe0e3e9), - 40: Color(0xFFced2db), - 50: Color(0xFF8d95a3), - 60: Color(0xFF7a8190), - 70: Color(0xFF545963), - 80: Color(0xFF2c2f36), - 90: Color(0xFF1d1e23), - 100: Color(0xFF0c0d0e), - }, - primary: 0xFF7a8190, - ); - @override - ZetaColorSwatch get green => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFecfff7), - 20: Color(0xFFd8ffef), - 30: Color(0xFFbeefdb), - 40: Color(0xFF84dab6), - 50: Color(0xFF67b796), - 60: Color(0xFF00864f), - 70: Color(0xFF006d3f), - 80: Color(0xFF005f38), - 90: Color(0xFF00331e), - 100: Color(0xFF081711), - }, - primary: 0xFF00864f, - ); - @override - ZetaColorSwatch get orange => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFfef2e2), - 20: Color(0xFFffe7c6), - 30: Color(0xFFffd292), - 40: Color(0xFFffb348), - 50: Color(0xFFf5a230), - 60: Color(0xFFae6500), - 70: Color(0xFF965802), - 80: Color(0xFF764502), - 90: Color(0xFF402600), - 100: Color(0xFF1e1100), - }, - primary: 0xFFae6500, - ); - @override - ZetaColorSwatch get pink => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFfff7fc), - 20: Color(0xFFffe3f5), - 30: Color(0xFFffbee7), - 40: Color(0xFFff94d8), - 50: Color(0xFFee78c3), - 60: Color(0xFFd30589), - 70: Color(0xFFab006d), - 80: Color(0xFF840054), - 90: Color(0xFF640040), - 100: Color(0xFF2e001e), - }, - primary: 0xFFd30589, - ); - @override - ZetaPureColorSwatch get pure => const ZetaPureColorSwatch( - swatch: { - 0: Color(0xFFffffff), - 500: Color(0xFF151519), - 1000: Color(0xFF151519), - }, - primary: 0xFF151519, - ); - @override - ZetaColorSwatch get purple => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFf7f0ff), - 20: Color(0xFFefe1ff), - 30: Color(0xFFdcc1fb), - 40: Color(0xFFcea4ff), - 50: Color(0xFF9b71df), - 60: Color(0xFF7e0cff), - 70: Color(0xFF6400d6), - 80: Color(0xFF43008f), - 90: Color(0xFF260052), - 100: Color(0xFF180f22), - }, - primary: 0xFF7e0cff, - ); - @override - ZetaColorSwatch get red => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFfff0f1), - 20: Color(0xFFffe1e4), - 30: Color(0xFFffb3bb), - 40: Color(0xFFf98c97), - 50: Color(0xFFf36170), - 60: Color(0xFFd70015), - 70: Color(0xFFb50012), - 80: Color(0xFF8f000e), - 90: Color(0xFF520008), - 100: Color(0xFF220f11), - }, - primary: 0xFFd70015, - ); - @override - ZetaColorSwatch get teal => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFecffff), - 20: Color(0xFFd9ffff), - 30: Color(0xFFbcfbfb), - 40: Color(0xFF91e1e1), - 50: Color(0xFF65c4c4), - 60: Color(0xFF1a8080), - 70: Color(0xFF017474), - 80: Color(0xFF005b5b), - 90: Color(0xFF003535), - 100: Color(0xFF0a1616), - }, - primary: 0xFF1a8080, - ); - @override - ZetaColorSwatch get warm => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFfafafa), - 20: Color(0xFFf6f6f6), - 30: Color(0xFFececec), - 40: Color(0xFFdedede), - 50: Color(0xFFb9b9b9), - 60: Color(0xFF858585), - 70: Color(0xFF585858), - 80: Color(0xFF313131), - 90: Color(0xFF1d1e23), - 100: Color(0xFF151519), - }, - primary: 0xFF858585, - ); - @override - ZetaColorSwatch get yellow => const ZetaColorSwatch( - swatch: { - 10: Color(0xFFfff7d4), - 20: Color(0xFFffea89), - 30: Color(0xFFf3d961), - 40: Color(0xFFdbb91c), - 50: Color(0xFFc2a728), - 60: Color(0xFF8d7400), - 70: Color(0xFF766200), - 80: Color(0xFF564908), - 90: Color(0xFF352b00), - 100: Color(0xFF181400), - }, - primary: 0xFF8d7400, - ); - @override - double get x0 => 0; - @override - double get x1 => 4; - @override - double get x2 => 8; - @override - double get x3 => 12; - @override - double get x4 => 16; - @override - double get x5 => 20; - @override - double get x6 => 24; - @override - double get x7 => 28; - @override - double get x8 => 32; - @override - double get x9 => 36; - @override - double get x10 => 40; - @override - double get x11 => 44; - @override - double get x12 => 48; - @override - double get x13 => 64; - @override - double get x14 => 80; - @override - double get x15 => 96; - @override - Radius get s => const Radius.circular(4); - @override - Radius get m => const Radius.circular(8); - @override - Radius get l => const Radius.circular(16); - @override - Radius get xl => const Radius.circular(24); - @override - Radius get xl_2 => const Radius.circular(32); - @override - Radius get xl_3 => const Radius.circular(128); - @override - Radius get xl_4 => const Radius.circular(360); -} - /// Dark primitives final class ZetaPrimitivesDark extends ZetaPrimitives { /// Constructs a new ZetaPrimitivesDark instance with the (optional) primary and secondary colors. @@ -595,5 +376,226 @@ final class ZetaPrimitivesDark extends ZetaPrimitives { Radius get xl_4 => const Radius.circular(360); } +/// Light primitives +final class ZetaPrimitivesLight extends ZetaPrimitives { + /// Constructs a new ZetaPrimitivesLight instance with the (optional) primary and secondary colors. + const ZetaPrimitivesLight({super.primary, super.secondary}) : super(brightness: Brightness.light); + @override + ZetaColorSwatch get blue => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFf1f8ff), + 20: Color(0xFFe2f1ff), + 30: Color(0xFFb7dbff), + 40: Color(0xFF7ebeff), + 50: Color(0xFF599fe5), + 60: Color(0xFF0073e6), + 70: Color(0xFF0061c2), + 80: Color(0xFF004d99), + 90: Color(0xFF002c58), + 100: Color(0xFF101b25), + }, + primary: 0xFF0073e6, + ); + @override + ZetaColorSwatch get cool => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFf8fbff), + 20: Color(0xFFf3f6fa), + 30: Color(0xFFe0e3e9), + 40: Color(0xFFced2db), + 50: Color(0xFF8d95a3), + 60: Color(0xFF7a8190), + 70: Color(0xFF545963), + 80: Color(0xFF2c2f36), + 90: Color(0xFF1d1e23), + 100: Color(0xFF0c0d0e), + }, + primary: 0xFF7a8190, + ); + @override + ZetaColorSwatch get green => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFecfff7), + 20: Color(0xFFd8ffef), + 30: Color(0xFFbeefdb), + 40: Color(0xFF84dab6), + 50: Color(0xFF67b796), + 60: Color(0xFF00864f), + 70: Color(0xFF006d3f), + 80: Color(0xFF005f38), + 90: Color(0xFF00331e), + 100: Color(0xFF081711), + }, + primary: 0xFF00864f, + ); + @override + ZetaColorSwatch get orange => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFfef2e2), + 20: Color(0xFFffe7c6), + 30: Color(0xFFffd292), + 40: Color(0xFFffb348), + 50: Color(0xFFf5a230), + 60: Color(0xFFae6500), + 70: Color(0xFF965802), + 80: Color(0xFF764502), + 90: Color(0xFF402600), + 100: Color(0xFF1e1100), + }, + primary: 0xFFae6500, + ); + @override + ZetaColorSwatch get pink => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFfff7fc), + 20: Color(0xFFffe3f5), + 30: Color(0xFFffbee7), + 40: Color(0xFFff94d8), + 50: Color(0xFFee78c3), + 60: Color(0xFFd30589), + 70: Color(0xFFab006d), + 80: Color(0xFF840054), + 90: Color(0xFF640040), + 100: Color(0xFF2e001e), + }, + primary: 0xFFd30589, + ); + @override + ZetaPureColorSwatch get pure => const ZetaPureColorSwatch( + swatch: { + 0: Color(0xFFffffff), + 500: Color(0xFF151519), + 1000: Color(0xFF151519), + }, + primary: 0xFF151519, + ); + @override + ZetaColorSwatch get purple => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFf7f0ff), + 20: Color(0xFFefe1ff), + 30: Color(0xFFdcc1fb), + 40: Color(0xFFcea4ff), + 50: Color(0xFF9b71df), + 60: Color(0xFF7e0cff), + 70: Color(0xFF6400d6), + 80: Color(0xFF43008f), + 90: Color(0xFF260052), + 100: Color(0xFF180f22), + }, + primary: 0xFF7e0cff, + ); + @override + ZetaColorSwatch get red => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFfff0f1), + 20: Color(0xFFffe1e4), + 30: Color(0xFFffb3bb), + 40: Color(0xFFf98c97), + 50: Color(0xFFf36170), + 60: Color(0xFFd70015), + 70: Color(0xFFb50012), + 80: Color(0xFF8f000e), + 90: Color(0xFF520008), + 100: Color(0xFF220f11), + }, + primary: 0xFFd70015, + ); + @override + ZetaColorSwatch get teal => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFecffff), + 20: Color(0xFFd9ffff), + 30: Color(0xFFbcfbfb), + 40: Color(0xFF91e1e1), + 50: Color(0xFF65c4c4), + 60: Color(0xFF1a8080), + 70: Color(0xFF017474), + 80: Color(0xFF005b5b), + 90: Color(0xFF003535), + 100: Color(0xFF0a1616), + }, + primary: 0xFF1a8080, + ); + @override + ZetaColorSwatch get warm => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFfafafa), + 20: Color(0xFFf6f6f6), + 30: Color(0xFFececec), + 40: Color(0xFFdedede), + 50: Color(0xFFb9b9b9), + 60: Color(0xFF858585), + 70: Color(0xFF585858), + 80: Color(0xFF313131), + 90: Color(0xFF1d1e23), + 100: Color(0xFF151519), + }, + primary: 0xFF858585, + ); + @override + ZetaColorSwatch get yellow => const ZetaColorSwatch( + swatch: { + 10: Color(0xFFfff7d4), + 20: Color(0xFFffea89), + 30: Color(0xFFf3d961), + 40: Color(0xFFdbb91c), + 50: Color(0xFFc2a728), + 60: Color(0xFF8d7400), + 70: Color(0xFF766200), + 80: Color(0xFF564908), + 90: Color(0xFF352b00), + 100: Color(0xFF181400), + }, + primary: 0xFF8d7400, + ); + @override + double get x0 => 0; + @override + double get x1 => 4; + @override + double get x2 => 8; + @override + double get x3 => 12; + @override + double get x4 => 16; + @override + double get x5 => 20; + @override + double get x6 => 24; + @override + double get x7 => 28; + @override + double get x8 => 32; + @override + double get x9 => 36; + @override + double get x10 => 40; + @override + double get x11 => 44; + @override + double get x12 => 48; + @override + double get x13 => 64; + @override + double get x14 => 80; + @override + double get x15 => 96; + @override + Radius get s => const Radius.circular(4); + @override + Radius get m => const Radius.circular(8); + @override + Radius get l => const Radius.circular(16); + @override + Radius get xl => const Radius.circular(24); + @override + Radius get xl_2 => const Radius.circular(32); + @override + Radius get xl_3 => const Radius.circular(128); + @override + Radius get xl_4 => const Radius.circular(360); +} + /// All primitives -Map allPrimitives = {'light': ZetaPrimitivesLight, 'dark': ZetaPrimitivesDark}; +Map allPrimitives = {'dark': ZetaPrimitivesDark, 'light': ZetaPrimitivesLight}; diff --git a/lib/generated/tokens/semantics.g.dart b/lib/generated/tokens/semantics.g.dart index 475c4a5e..1afa7c38 100644 --- a/lib/generated/tokens/semantics.g.dart +++ b/lib/generated/tokens/semantics.g.dart @@ -1,337 +1,1324 @@ +// Ignored import due to file being generated +// ignore_for_file: use_named_constants + +import 'package:equatable/equatable.dart'; import 'package:flutter/material.dart'; -import 'primitives.g.dart'; +// Ignored import due to file being generated +// ignore: prefer_relative_imports +import 'package:zeta_flutter/zeta_flutter.dart'; // This file is automatically generated by the zeta repository // DO NOT MODIFY -/// Semantic tokens for Colors. -abstract interface class ZetaSemanticColors { +/// The semantic tokens for colors +/// +/// {@category Interfaces} +abstract interface class ZetaColors { /// Primitives used to construct semantic colors ZetaPrimitives get primitives; - /// Main Default color + /// main/default + /// + /// Default value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa + /// + /// Default high contrast (AAA) value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff Color get mainDefault; - /// Main Subtle color + /// main/subtle + /// + /// Default value is `cool.shade70` + /// + /// * Light Mode: #545963 + /// * Dark Mode: #bbc1cb + /// + /// Default high contrast (AAA) value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa Color get mainSubtle; - /// Main Primary color + /// main/primary + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get mainPrimary; - /// Main Secondary color + /// main/secondary + /// + /// Default value is `secondary.shade60` + /// + /// * Light Mode: #8d7400 + /// * Dark Mode: #c2a728 + /// + /// Default high contrast (AAA) value is `secondary.shade80` + /// + /// * Light Mode: #564908 + /// * Dark Mode: #f3d961 Color get mainSecondary; - /// Main Positive color + /// main/positive + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade80` + /// + /// * Light Mode: #005f38 + /// * Dark Mode: #beefdb Color get mainPositive; - /// Main Warning color + /// main/warning + /// + /// Default value is `orange.shade60` + /// + /// * Light Mode: #ae6500 + /// * Dark Mode: #d78d26 + /// + /// Default high contrast (AAA) value is `orange.shade80` + /// + /// * Light Mode: #764502 + /// * Dark Mode: #ffd292 Color get mainWarning; - /// Main Negative color + /// main/negative + /// + /// Default value is `red.shade60` + /// + /// * Light Mode: #d70015 + /// * Dark Mode: #f36170 + /// + /// Default high contrast (AAA) value is `red.shade80` + /// + /// * Light Mode: #8f000e + /// * Dark Mode: #ffb3bb Color get mainNegative; - /// Main Info color + /// main/info + /// + /// Default value is `purple.shade60` + /// + /// * Light Mode: #7e0cff + /// * Dark Mode: #9b71df + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb Color get mainInfo; - /// Main Disabled color + /// main/disabled + /// + /// Default value is `cool.shade50` + /// + /// * Light Mode: #8d95a3 + /// * Dark Mode: #7a8190 + /// + /// Default high contrast (AAA) value is `cool.shade60` + /// + /// * Light Mode: #7a8190 + /// * Dark Mode: #8d95a3 Color get mainDisabled; - /// Main Light color + /// main/light + /// + /// Default value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get mainLight; - /// Main Inverse color + /// main/inverse + /// + /// Default value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get mainInverse; - /// Border Default color + /// text/default + /// + /// Default value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa + /// + /// Default high contrast (AAA) value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff + Color get textDefault; + + /// icon/subtle + /// + /// Default value is `cool.shade70` + /// + /// * Light Mode: #545963 + /// * Dark Mode: #bbc1cb + /// + /// Default high contrast (AAA) value is `cool.shade80` + /// + /// * Light Mode: #2c2f36 + /// * Dark Mode: #e0e3e9 + Color get iconSubtle; + + /// icon/inverse + /// + /// Default value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 + Color get iconInverse; + + /// icon/disabled + /// + /// Default value is `cool.shade50` + /// + /// * Light Mode: #8d95a3 + /// * Dark Mode: #7a8190 + /// + /// Default high contrast (AAA) value is `cool.shade60` + /// + /// * Light Mode: #7a8190 + /// * Dark Mode: #8d95a3 + Color get iconDisabled; + + /// icon/flavor/primary + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff + Color get iconFlavorPrimary; + + /// icon/flavor/positive + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade80` + /// + /// * Light Mode: #005f38 + /// * Dark Mode: #beefdb + Color get iconFlavorPositive; + + /// icon/flavor/warning + /// + /// Default value is `orange.shade60` + /// + /// * Light Mode: #ae6500 + /// * Dark Mode: #d78d26 + /// + /// Default high contrast (AAA) value is `orange.shade80` + /// + /// * Light Mode: #764502 + /// * Dark Mode: #ffd292 + Color get iconFlavorWarning; + + /// icon/flavor/negative + /// + /// Default value is `red.shade60` + /// + /// * Light Mode: #d70015 + /// * Dark Mode: #f36170 + /// + /// Default high contrast (AAA) value is `red.shade80` + /// + /// * Light Mode: #8f000e + /// * Dark Mode: #ffb3bb + Color get iconFlavorNegative; + + /// icon/flavor/info + /// + /// Default value is `purple.shade60` + /// + /// * Light Mode: #7e0cff + /// * Dark Mode: #9b71df + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb + Color get iconFlavorInfo; + + /// border/default + /// + /// Default value is `cool.shade40` + /// + /// * Light Mode: #ced2db + /// * Dark Mode: #545963 + /// + /// Default high contrast (AAA) value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff Color get borderDefault; - /// Border Selected color + /// border/selected + /// + /// Default value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa + /// + /// Default high contrast (AAA) value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa Color get borderSelected; - /// Border Hover color + /// border/hover + /// + /// Default value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa + /// + /// Default high contrast (AAA) value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa Color get borderHover; - /// Border Subtle color + /// border/subtle + /// + /// Default value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 + /// + /// Default high contrast (AAA) value is `cool.shade80` + /// + /// * Light Mode: #2c2f36 + /// * Dark Mode: #e0e3e9 Color get borderSubtle; - /// Border Disabled color + /// border/disabled + /// + /// Default value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 + /// + /// Default high contrast (AAA) value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 Color get borderDisabled; - /// Border Pure color + /// border/pure + /// + /// Default value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get borderPure; - /// Border Primary Main color + /// border/primary-main + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get borderPrimaryMain; - /// Border Primary color + /// border/primary + /// + /// Default value is `primary.shade50` + /// + /// * Light Mode: #599fe5 + /// * Dark Mode: #0073e6 + /// + /// Default high contrast (AAA) value is `primary.shade70` + /// + /// * Light Mode: #0061c2 + /// * Dark Mode: #7ebeff Color get borderPrimary; - /// Border Secondary color + /// border/secondary + /// + /// Default value is `secondary.shade50` + /// + /// * Light Mode: #c2a728 + /// * Dark Mode: #8d7400 + /// + /// Default high contrast (AAA) value is `secondary.shade70` + /// + /// * Light Mode: #766200 + /// * Dark Mode: #dbb91c Color get borderSecondary; - /// Border Positive color + /// border/positive + /// + /// Default value is `green.shade50` + /// + /// * Light Mode: #67b796 + /// * Dark Mode: #00864f + /// + /// Default high contrast (AAA) value is `green.shade70` + /// + /// * Light Mode: #006d3f + /// * Dark Mode: #84dab6 Color get borderPositive; - /// Border Warning color + /// border/warning + /// + /// Default value is `orange.shade50` + /// + /// * Light Mode: #f5a230 + /// * Dark Mode: #ae6500 + /// + /// Default high contrast (AAA) value is `orange.shade70` + /// + /// * Light Mode: #965802 + /// * Dark Mode: #ffb348 Color get borderWarning; - /// Border Negative color + /// border/negative + /// + /// Default value is `red.shade50` + /// + /// * Light Mode: #f36170 + /// * Dark Mode: #d70015 + /// + /// Default high contrast (AAA) value is `red.shade70` + /// + /// * Light Mode: #b50012 + /// * Dark Mode: #f98c97 Color get borderNegative; - /// Border Info color + /// border/info + /// + /// Default value is `purple.shade50` + /// + /// * Light Mode: #9b71df + /// * Dark Mode: #7e0cff + /// + /// Default high contrast (AAA) value is `purple.shade70` + /// + /// * Light Mode: #6400d6 + /// * Dark Mode: #cea4ff Color get borderInfo; - /// Surface Default color + /// surface/default + /// + /// Default value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get surfaceDefault; - /// Surface Default Inverse color + /// surface/default-inverse + /// + /// Default value is `warm.shade100` + /// + /// * Light Mode: #151519 + /// * Dark Mode: #fafafa + /// + /// Default high contrast (AAA) value is `pure.shade1000` + /// + /// * Light Mode: #151519 + /// * Dark Mode: #ffffff Color get surfaceDefaultInverse; - /// Surface Hover color + /// surface/hover + /// + /// Default value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 + /// + /// Default high contrast (AAA) value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 Color get surfaceHover; - /// Surface Selected color + /// surface/selected + /// + /// Default value is `blue.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 + /// + /// Default high contrast (AAA) value is `blue.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 Color get surfaceSelected; - /// Surface Selected Hover color + /// surface/selected-hover + /// + /// Default value is `blue.shade20` + /// + /// * Light Mode: #e2f1ff + /// * Dark Mode: #002c58 + /// + /// Default high contrast (AAA) value is `blue.shade20` + /// + /// * Light Mode: #e2f1ff + /// * Dark Mode: #002c58 Color get surfaceSelectedHover; - /// Surface Disabled color + /// surface/disabled + /// + /// Default value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 + /// + /// Default high contrast (AAA) value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 Color get surfaceDisabled; - /// Surface Cool color + /// surface/cool + /// + /// Default value is `cool.shade10` + /// + /// * Light Mode: #f8fbff + /// * Dark Mode: #0c0d0e + /// + /// Default high contrast (AAA) value is `cool.shade10` + /// + /// * Light Mode: #f8fbff + /// * Dark Mode: #0c0d0e Color get surfaceCool; - /// Surface Warm color + /// surface/warm + /// + /// Default value is `warm.shade10` + /// + /// * Light Mode: #fafafa + /// * Dark Mode: #151519 + /// + /// Default high contrast (AAA) value is `warm.shade10` + /// + /// * Light Mode: #fafafa + /// * Dark Mode: #151519 Color get surfaceWarm; - /// Surface Primary color + /// surface/primary + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get surfacePrimary; - /// Surface Primary Subtle color + /// surface/primary-subtle + /// + /// Default value is `primary.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 + /// + /// Default high contrast (AAA) value is `primary.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 Color get surfacePrimarySubtle; - /// Surface Secondary color + /// surface/secondary + /// + /// Default value is `secondary.shade60` + /// + /// * Light Mode: #8d7400 + /// * Dark Mode: #c2a728 + /// + /// Default high contrast (AAA) value is `secondary.shade80` + /// + /// * Light Mode: #564908 + /// * Dark Mode: #f3d961 Color get surfaceSecondary; - /// Surface Avatar Blue color + /// surface/avatar/blue + /// + /// Default value is `blue.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff + /// + /// Default high contrast (AAA) value is `blue.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get surfaceAvatarBlue; - /// Surface Avatar Green color + /// surface/avatar/green + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 Color get surfaceAvatarGreen; - /// Surface Avatar Orange color + /// surface/avatar/orange + /// + /// Default value is `orange.shade50` + /// + /// * Light Mode: #f5a230 + /// * Dark Mode: #ae6500 + /// + /// Default high contrast (AAA) value is `orange.shade50` + /// + /// * Light Mode: #f5a230 + /// * Dark Mode: #ae6500 Color get surfaceAvatarOrange; - /// Surface Avatar Pink color + /// surface/avatar/pink + /// + /// Default value is `pink.shade80` + /// + /// * Light Mode: #840054 + /// * Dark Mode: #ffbee7 + /// + /// Default high contrast (AAA) value is `pink.shade80` + /// + /// * Light Mode: #840054 + /// * Dark Mode: #ffbee7 Color get surfaceAvatarPink; - /// Surface Avatar Purple color + /// surface/avatar/purple + /// + /// Default value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb Color get surfaceAvatarPurple; - /// Surface Avatar Teal color + /// surface/avatar/teal + /// + /// Default value is `teal.shade80` + /// + /// * Light Mode: #005b5b + /// * Dark Mode: #bcfbfb + /// + /// Default high contrast (AAA) value is `teal.shade80` + /// + /// * Light Mode: #005b5b + /// * Dark Mode: #bcfbfb Color get surfaceAvatarTeal; - /// Surface Avatar Yellow color + /// surface/avatar/yellow + /// + /// Default value is `yellow.shade50` + /// + /// * Light Mode: #c2a728 + /// * Dark Mode: #8d7400 + /// + /// Default high contrast (AAA) value is `yellow.shade50` + /// + /// * Light Mode: #c2a728 + /// * Dark Mode: #8d7400 Color get surfaceAvatarYellow; - /// Surface Secondary Subtle color + /// surface/secondary-subtle + /// + /// Default value is `secondary.shade10` + /// + /// * Light Mode: #fff7d4 + /// * Dark Mode: #181400 + /// + /// Default high contrast (AAA) value is `secondary.shade10` + /// + /// * Light Mode: #fff7d4 + /// * Dark Mode: #181400 Color get surfaceSecondarySubtle; - /// Surface Positive color + /// surface/positive + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade80` + /// + /// * Light Mode: #005f38 + /// * Dark Mode: #beefdb Color get surfacePositive; - /// Surface Positive Subtle color + /// surface/positive-subtle + /// + /// Default value is `green.shade10` + /// + /// * Light Mode: #ecfff7 + /// * Dark Mode: #081711 + /// + /// Default high contrast (AAA) value is `green.shade10` + /// + /// * Light Mode: #ecfff7 + /// * Dark Mode: #081711 Color get surfacePositiveSubtle; - /// Surface Warning color + /// surface/warning + /// + /// Default value is `orange.shade60` + /// + /// * Light Mode: #ae6500 + /// * Dark Mode: #d78d26 + /// + /// Default high contrast (AAA) value is `orange.shade80` + /// + /// * Light Mode: #764502 + /// * Dark Mode: #ffd292 Color get surfaceWarning; - /// Surface Warning Subtle color + /// surface/warning-subtle + /// + /// Default value is `orange.shade10` + /// + /// * Light Mode: #fef2e2 + /// * Dark Mode: #1e1100 + /// + /// Default high contrast (AAA) value is `orange.shade10` + /// + /// * Light Mode: #fef2e2 + /// * Dark Mode: #1e1100 Color get surfaceWarningSubtle; - /// Surface Negative color + /// surface/negative + /// + /// Default value is `red.shade60` + /// + /// * Light Mode: #d70015 + /// * Dark Mode: #f36170 + /// + /// Default high contrast (AAA) value is `red.shade80` + /// + /// * Light Mode: #8f000e + /// * Dark Mode: #ffb3bb Color get surfaceNegative; - /// Surface Negative Subtle color + /// surface/negative-subtle + /// + /// Default value is `red.shade10` + /// + /// * Light Mode: #fff0f1 + /// * Dark Mode: #220f11 + /// + /// Default high contrast (AAA) value is `red.shade10` + /// + /// * Light Mode: #fff0f1 + /// * Dark Mode: #220f11 Color get surfaceNegativeSubtle; - /// Surface Info color + /// surface/info + /// + /// Default value is `purple.shade60` + /// + /// * Light Mode: #7e0cff + /// * Dark Mode: #9b71df + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb Color get surfaceInfo; - /// Surface Info Subtle color + /// surface/info-subtle + /// + /// Default value is `purple.shade10` + /// + /// * Light Mode: #f7f0ff + /// * Dark Mode: #180f22 + /// + /// Default high contrast (AAA) value is `purple.shade10` + /// + /// * Light Mode: #f7f0ff + /// * Dark Mode: #180f22 Color get surfaceInfoSubtle; - /// State Disabled Disabled color + /// state/disabled/disabled + /// + /// Default value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 + /// + /// Default high contrast (AAA) value is `cool.shade30` + /// + /// * Light Mode: #e0e3e9 + /// * Dark Mode: #2c2f36 Color get stateDisabledDisabled; - /// State Default Enabled color + /// state/default/enabled + /// + /// Default value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get stateDefaultEnabled; - /// State Default Hover color + /// state/default/hover + /// + /// Default value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 + /// + /// Default high contrast (AAA) value is `cool.shade20` + /// + /// * Light Mode: #f3f6fa + /// * Dark Mode: #1d1e23 Color get stateDefaultHover; - /// State Default Selected color + /// state/default/selected + /// + /// Default value is `blue.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 + /// + /// Default high contrast (AAA) value is `blue.shade10` + /// + /// * Light Mode: #f1f8ff + /// * Dark Mode: #101b25 Color get stateDefaultSelected; - /// State Default Focus color + /// state/default/focus + /// + /// Default value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 + /// + /// Default high contrast (AAA) value is `pure.shade0` + /// + /// * Light Mode: #ffffff + /// * Dark Mode: #151519 Color get stateDefaultFocus; - /// State Primary Enabled color + /// state/primary/enabled + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get statePrimaryEnabled; - /// State Primary Hover color + /// state/primary/hover + /// + /// Default value is `primary.shade50` + /// + /// * Light Mode: #599fe5 + /// * Dark Mode: #0073e6 + /// + /// Default high contrast (AAA) value is `primary.shade70` + /// + /// * Light Mode: #0061c2 + /// * Dark Mode: #7ebeff Color get statePrimaryHover; - /// State Primary Selected color + /// state/primary/selected + /// + /// Default value is `primary.shade70` + /// + /// * Light Mode: #0061c2 + /// * Dark Mode: #7ebeff + /// + /// Default high contrast (AAA) value is `primary.shade90` + /// + /// * Light Mode: #002c58 + /// * Dark Mode: #e2f1ff Color get statePrimarySelected; - /// State Primary Focus color + /// state/primary/focus + /// + /// Default value is `primary.shade60` + /// + /// * Light Mode: #0073e6 + /// * Dark Mode: #599fe5 + /// + /// Default high contrast (AAA) value is `primary.shade80` + /// + /// * Light Mode: #004d99 + /// * Dark Mode: #b7dbff Color get statePrimaryFocus; - /// State Secondary Enabled color + /// state/secondary/enabled + /// + /// Default value is `secondary.shade40` + /// + /// * Light Mode: #dbb91c + /// * Dark Mode: #766200 + /// + /// Default high contrast (AAA) value is `secondary.shade80` + /// + /// * Light Mode: #564908 + /// * Dark Mode: #f3d961 Color get stateSecondaryEnabled; - /// State Secondary Hover color + /// state/secondary/hover + /// + /// Default value is `secondary.shade30` + /// + /// * Light Mode: #f3d961 + /// * Dark Mode: #564908 + /// + /// Default high contrast (AAA) value is `secondary.shade70` + /// + /// * Light Mode: #766200 + /// * Dark Mode: #dbb91c Color get stateSecondaryHover; - /// State Secondary Selected color + /// state/secondary/selected + /// + /// Default value is `secondary.shade50` + /// + /// * Light Mode: #c2a728 + /// * Dark Mode: #8d7400 + /// + /// Default high contrast (AAA) value is `secondary.shade90` + /// + /// * Light Mode: #352b00 + /// * Dark Mode: #ffea89 Color get stateSecondarySelected; - /// State Secondary Focus color + /// state/secondary/focus + /// + /// Default value is `secondary.shade40` + /// + /// * Light Mode: #dbb91c + /// * Dark Mode: #766200 + /// + /// Default high contrast (AAA) value is `secondary.shade80` + /// + /// * Light Mode: #564908 + /// * Dark Mode: #f3d961 Color get stateSecondaryFocus; - /// State Negative Enabled color + /// state/negative/enabled + /// + /// Default value is `red.shade60` + /// + /// * Light Mode: #d70015 + /// * Dark Mode: #f36170 + /// + /// Default high contrast (AAA) value is `red.shade80` + /// + /// * Light Mode: #8f000e + /// * Dark Mode: #ffb3bb Color get stateNegativeEnabled; - /// State Negative Hover color + /// state/negative/hover + /// + /// Default value is `red.shade50` + /// + /// * Light Mode: #f36170 + /// * Dark Mode: #d70015 + /// + /// Default high contrast (AAA) value is `red.shade70` + /// + /// * Light Mode: #b50012 + /// * Dark Mode: #f98c97 Color get stateNegativeHover; - /// State Negative Selected color + /// state/negative/selected + /// + /// Default value is `red.shade70` + /// + /// * Light Mode: #b50012 + /// * Dark Mode: #f98c97 + /// + /// Default high contrast (AAA) value is `red.shade90` + /// + /// * Light Mode: #520008 + /// * Dark Mode: #ffe1e4 Color get stateNegativeSelected; - /// State Negative Focus color + /// state/negative/focus + /// + /// Default value is `red.shade60` + /// + /// * Light Mode: #d70015 + /// * Dark Mode: #f36170 + /// + /// Default high contrast (AAA) value is `red.shade80` + /// + /// * Light Mode: #8f000e + /// * Dark Mode: #ffb3bb Color get stateNegativeFocus; - /// State Info Enabled color + /// state/info/enabled + /// + /// Default value is `purple.shade60` + /// + /// * Light Mode: #7e0cff + /// * Dark Mode: #9b71df + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb Color get stateInfoEnabled; - /// State Info Hover color + /// state/info/hover + /// + /// Default value is `purple.shade50` + /// + /// * Light Mode: #9b71df + /// * Dark Mode: #7e0cff + /// + /// Default high contrast (AAA) value is `purple.shade70` + /// + /// * Light Mode: #6400d6 + /// * Dark Mode: #cea4ff Color get stateInfoHover; - /// State Info Selected color + /// state/info/selected + /// + /// Default value is `purple.shade70` + /// + /// * Light Mode: #6400d6 + /// * Dark Mode: #cea4ff + /// + /// Default high contrast (AAA) value is `purple.shade90` + /// + /// * Light Mode: #260052 + /// * Dark Mode: #efe1ff Color get stateInfoSelected; - /// State Info Focus color + /// state/info/focus + /// + /// Default value is `purple.shade60` + /// + /// * Light Mode: #7e0cff + /// * Dark Mode: #9b71df + /// + /// Default high contrast (AAA) value is `purple.shade80` + /// + /// * Light Mode: #43008f + /// * Dark Mode: #dcc1fb Color get stateInfoFocus; - /// State Inverse Enabled color + /// state/inverse/enabled + /// + /// Default value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff + /// + /// Default high contrast (AAA) value is `pure.shade1000` + /// + /// * Light Mode: #151519 + /// * Dark Mode: #ffffff Color get stateInverseEnabled; - /// State Inverse Hover color + /// state/inverse/hover + /// + /// Default value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa + /// + /// Default high contrast (AAA) value is `cool.shade90` + /// + /// * Light Mode: #1d1e23 + /// * Dark Mode: #f3f6fa Color get stateInverseHover; - /// State Inverse Selected color + /// state/inverse/selected + /// + /// Default value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff + /// + /// Default high contrast (AAA) value is `pure.shade1000` + /// + /// * Light Mode: #151519 + /// * Dark Mode: #ffffff Color get stateInverseSelected; - /// State Inverse Focus color + /// state/inverse/focus + /// + /// Default value is `cool.shade100` + /// + /// * Light Mode: #0c0d0e + /// * Dark Mode: #f8fbff + /// + /// Default high contrast (AAA) value is `pure.shade1000` + /// + /// * Light Mode: #151519 + /// * Dark Mode: #ffffff Color get stateInverseFocus; - /// State Positive Enabled color + /// state/positive/enabled + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade80` + /// + /// * Light Mode: #005f38 + /// * Dark Mode: #beefdb Color get statePositiveEnabled; - /// State Positive Hover color + /// state/positive/hover + /// + /// Default value is `green.shade50` + /// + /// * Light Mode: #67b796 + /// * Dark Mode: #00864f + /// + /// Default high contrast (AAA) value is `green.shade70` + /// + /// * Light Mode: #006d3f + /// * Dark Mode: #84dab6 Color get statePositiveHover; - /// State Positive Selected color + /// state/positive/selected + /// + /// Default value is `green.shade70` + /// + /// * Light Mode: #006d3f + /// * Dark Mode: #84dab6 + /// + /// Default high contrast (AAA) value is `green.shade90` + /// + /// * Light Mode: #00331e + /// * Dark Mode: #d8ffef Color get statePositiveSelected; - /// State Positive Focus color + /// state/positive/focus + /// + /// Default value is `green.shade60` + /// + /// * Light Mode: #00864f + /// * Dark Mode: #67b796 + /// + /// Default high contrast (AAA) value is `green.shade80` + /// + /// * Light Mode: #005f38 + /// * Dark Mode: #beefdb Color get statePositiveFocus; } -/// Semantic tokens for Size. -abstract interface class ZetaSpacingSemantics { - /// Primitives used to construct semantic spaces +/// The semantic tokens for spacing +/// +/// {@category Interfaces} +abstract interface class ZetaSpacing { + /// Primitives used to construct semantic spacing ZetaPrimitives get primitives; - /// None space + /// spacing/none + /// + /// Default value is [ZetaPrimitives.x0] (0) double get none; - /// Minimum space + /// spacing/minimum + /// + /// Default value is [ZetaPrimitives.x1] (4) double get minimum; - /// Small space + /// spacing/small + /// + /// Default value is [ZetaPrimitives.x2] (8) double get small; - /// Medium space + /// spacing/medium + /// + /// Default value is [ZetaPrimitives.x3] (12) double get medium; - /// Large space + /// spacing/large + /// + /// Default value is [ZetaPrimitives.x4] (16) double get large; - /// Xl space + /// spacing/xl + /// + /// Default value is [ZetaPrimitives.x5] (20) double get xl; - /// Xl_2 space + /// spacing/2xl + /// + /// Default value is [ZetaPrimitives.x6] (24) double get xl_2; - /// Xl_3 space + /// spacing/3xl + /// + /// Default value is [ZetaPrimitives.x7] (28) double get xl_3; - /// Xl_4 space + /// spacing/4xl + /// + /// Default value is [ZetaPrimitives.x8] (32) double get xl_4; - /// Xl_5 space + /// spacing/5xl + /// + /// Default value is [ZetaPrimitives.x9] (36) double get xl_5; - /// Xl_6 space + /// spacing/6xl + /// + /// Default value is [ZetaPrimitives.x10] (40) double get xl_6; - /// Xl_7 space + /// spacing/7xl + /// + /// Default value is [ZetaPrimitives.x11] (44) double get xl_7; - /// Xl_8 space + /// spacing/8xl + /// + /// Default value is [ZetaPrimitives.x12] (48) double get xl_8; - /// Xl_9 space + /// spacing/9xl + /// + /// Default value is [ZetaPrimitives.x13] (64) double get xl_9; - /// Xl_10 space + /// spacing/10xl + /// + /// Default value is [ZetaPrimitives.x14] (80) double get xl_10; - /// Xl_11 space + /// spacing/11xl + /// + /// Default value is [ZetaPrimitives.x15] (96) double get xl_11; } -/// Semantic tokens for Radii. -abstract interface class ZetaRadiiSemantics { - /// Primitives used to construct semantic radii +/// The semantic tokens for radius +/// +/// {@category Interfaces} +abstract interface class ZetaRadius { + /// Primitives used to construct semantic radius ZetaPrimitives get primitives; - /// None radius - BorderRadius get none; - - /// Minimal radius - BorderRadius get minimal; - - /// Rounded radius - BorderRadius get rounded; - - /// Large radius - BorderRadius get large; - - /// Xl radius - BorderRadius get xl; - - /// Full radius - BorderRadius get full; + /// radius/none + /// + /// Default value is `0` + /// + /// Default high contrast (AAA) value is `0` + Radius get none; + + /// radius/minimal + /// + /// Default value is [ZetaPrimitives.s] (4) + /// + /// Default high contrast (AAA) value is 0 + Radius get minimal; + + /// radius/rounded + /// + /// Default value is [ZetaPrimitives.m] (8) + /// + /// Default high contrast (AAA) value is 0 + Radius get rounded; + + /// radius/large + /// + /// Default value is [ZetaPrimitives.l] (16) + /// + /// Default high contrast (AAA) value is 0 + Radius get large; + + /// radius/xl + /// + /// Default value is [ZetaPrimitives.xl] (24) + /// + /// Default high contrast (AAA) value is 0 + Radius get xl; + + /// radius/full + /// + /// Default value is [ZetaPrimitives.xl_4] (360) + /// + /// Default high contrast (AAA) value is 0 + Radius get full; } /// The semantic colors for AA -class ZetaSemanticColorsAA implements ZetaSemanticColors { - /// Constructor for ZetaSemanticColorsAA - const ZetaSemanticColorsAA({required this.primitives}); +/// +/// {@category Theme} +class ZetaColorsAA extends Equatable implements ZetaColors { + /// Constructor for [ZetaColorsAA] + const ZetaColorsAA({required this.primitives}); @override final ZetaPrimitives primitives; @override @@ -357,6 +1344,24 @@ class ZetaSemanticColorsAA implements ZetaSemanticColors { @override Color get mainInverse => primitives.cool.shade20; @override + Color get textDefault => primitives.cool.shade90; + @override + Color get iconSubtle => primitives.cool.shade70; + @override + Color get iconInverse => primitives.cool.shade20; + @override + Color get iconDisabled => primitives.cool.shade50; + @override + Color get iconFlavorPrimary => primitives.primary.shade60; + @override + Color get iconFlavorPositive => primitives.green.shade60; + @override + Color get iconFlavorWarning => primitives.orange.shade60; + @override + Color get iconFlavorNegative => primitives.red.shade60; + @override + Color get iconFlavorInfo => primitives.purple.shade60; + @override Color get borderDefault => primitives.cool.shade40; @override Color get borderSelected => primitives.cool.shade90; @@ -494,12 +1499,106 @@ class ZetaSemanticColorsAA implements ZetaSemanticColors { Color get statePositiveSelected => primitives.green.shade70; @override Color get statePositiveFocus => primitives.green.shade60; + @override + List get props => [ + mainDefault, + mainSubtle, + mainPrimary, + mainSecondary, + mainPositive, + mainWarning, + mainNegative, + mainInfo, + mainDisabled, + mainLight, + mainInverse, + textDefault, + iconSubtle, + iconInverse, + iconDisabled, + iconFlavorPrimary, + iconFlavorPositive, + iconFlavorWarning, + iconFlavorNegative, + iconFlavorInfo, + borderDefault, + borderSelected, + borderHover, + borderSubtle, + borderDisabled, + borderPure, + borderPrimaryMain, + borderPrimary, + borderSecondary, + borderPositive, + borderWarning, + borderNegative, + borderInfo, + surfaceDefault, + surfaceDefaultInverse, + surfaceHover, + surfaceSelected, + surfaceSelectedHover, + surfaceDisabled, + surfaceCool, + surfaceWarm, + surfacePrimary, + surfacePrimarySubtle, + surfaceSecondary, + surfaceAvatarBlue, + surfaceAvatarGreen, + surfaceAvatarOrange, + surfaceAvatarPink, + surfaceAvatarPurple, + surfaceAvatarTeal, + surfaceAvatarYellow, + surfaceSecondarySubtle, + surfacePositive, + surfacePositiveSubtle, + surfaceWarning, + surfaceWarningSubtle, + surfaceNegative, + surfaceNegativeSubtle, + surfaceInfo, + surfaceInfoSubtle, + stateDisabledDisabled, + stateDefaultEnabled, + stateDefaultHover, + stateDefaultSelected, + stateDefaultFocus, + statePrimaryEnabled, + statePrimaryHover, + statePrimarySelected, + statePrimaryFocus, + stateSecondaryEnabled, + stateSecondaryHover, + stateSecondarySelected, + stateSecondaryFocus, + stateNegativeEnabled, + stateNegativeHover, + stateNegativeSelected, + stateNegativeFocus, + stateInfoEnabled, + stateInfoHover, + stateInfoSelected, + stateInfoFocus, + stateInverseEnabled, + stateInverseHover, + stateInverseSelected, + stateInverseFocus, + statePositiveEnabled, + statePositiveHover, + statePositiveSelected, + statePositiveFocus, + ]; } /// The semantic colors for AAA -class ZetaSemanticColorsAAA implements ZetaSemanticColors { - /// Constructor for ZetaSemanticColorsAAA - const ZetaSemanticColorsAAA({required this.primitives}); +/// +/// {@category Theme} +class ZetaColorsAAA extends Equatable implements ZetaColors { + /// Constructor for [ZetaColorsAAA] + const ZetaColorsAAA({required this.primitives}); @override final ZetaPrimitives primitives; @override @@ -525,6 +1624,24 @@ class ZetaSemanticColorsAAA implements ZetaSemanticColors { @override Color get mainInverse => primitives.pure.shade0; @override + Color get textDefault => primitives.cool.shade100; + @override + Color get iconSubtle => primitives.cool.shade80; + @override + Color get iconInverse => primitives.pure.shade0; + @override + Color get iconDisabled => primitives.cool.shade60; + @override + Color get iconFlavorPrimary => primitives.primary.shade80; + @override + Color get iconFlavorPositive => primitives.green.shade80; + @override + Color get iconFlavorWarning => primitives.orange.shade80; + @override + Color get iconFlavorNegative => primitives.red.shade80; + @override + Color get iconFlavorInfo => primitives.purple.shade80; + @override Color get borderDefault => primitives.cool.shade100; @override Color get borderSelected => primitives.cool.shade90; @@ -662,252 +1779,337 @@ class ZetaSemanticColorsAAA implements ZetaSemanticColors { Color get statePositiveSelected => primitives.green.shade90; @override Color get statePositiveFocus => primitives.green.shade80; + @override + List get props => [ + mainDefault, + mainSubtle, + mainPrimary, + mainSecondary, + mainPositive, + mainWarning, + mainNegative, + mainInfo, + mainDisabled, + mainLight, + mainInverse, + textDefault, + iconSubtle, + iconInverse, + iconDisabled, + iconFlavorPrimary, + iconFlavorPositive, + iconFlavorWarning, + iconFlavorNegative, + iconFlavorInfo, + borderDefault, + borderSelected, + borderHover, + borderSubtle, + borderDisabled, + borderPure, + borderPrimaryMain, + borderPrimary, + borderSecondary, + borderPositive, + borderWarning, + borderNegative, + borderInfo, + surfaceDefault, + surfaceDefaultInverse, + surfaceHover, + surfaceSelected, + surfaceSelectedHover, + surfaceDisabled, + surfaceCool, + surfaceWarm, + surfacePrimary, + surfacePrimarySubtle, + surfaceSecondary, + surfaceAvatarBlue, + surfaceAvatarGreen, + surfaceAvatarOrange, + surfaceAvatarPink, + surfaceAvatarPurple, + surfaceAvatarTeal, + surfaceAvatarYellow, + surfaceSecondarySubtle, + surfacePositive, + surfacePositiveSubtle, + surfaceWarning, + surfaceWarningSubtle, + surfaceNegative, + surfaceNegativeSubtle, + surfaceInfo, + surfaceInfoSubtle, + stateDisabledDisabled, + stateDefaultEnabled, + stateDefaultHover, + stateDefaultSelected, + stateDefaultFocus, + statePrimaryEnabled, + statePrimaryHover, + statePrimarySelected, + statePrimaryFocus, + stateSecondaryEnabled, + stateSecondaryHover, + stateSecondarySelected, + stateSecondaryFocus, + stateNegativeEnabled, + stateNegativeHover, + stateNegativeSelected, + stateNegativeFocus, + stateInfoEnabled, + stateInfoHover, + stateInfoSelected, + stateInfoFocus, + stateInverseEnabled, + stateInverseHover, + stateInverseSelected, + stateInverseFocus, + statePositiveEnabled, + statePositiveHover, + statePositiveSelected, + statePositiveFocus, + ]; } -/// The semantic sizes for AA -final class ZetaSpacingAA implements ZetaSpacingSemantics { - /// Constructor for ZetaSpacingAA +/// The semantic spacing for AA +/// +/// {@category Theme} +class ZetaSpacingAA extends Equatable implements ZetaSpacing { + /// Constructor for [ZetaSpacingAA] const ZetaSpacingAA({required this.primitives}); - - /// The primitives for this sizes @override final ZetaPrimitives primitives; - - /// None space @override double get none => primitives.x0; - - /// Minimum space @override double get minimum => primitives.x1; - - /// Small space @override double get small => primitives.x2; - - /// Medium space @override double get medium => primitives.x3; - - /// Large space @override double get large => primitives.x4; - - /// Xl space @override double get xl => primitives.x5; - - /// Xl_2 space @override double get xl_2 => primitives.x6; - - /// Xl_3 space @override double get xl_3 => primitives.x7; - - /// Xl_4 space @override double get xl_4 => primitives.x8; - - /// Xl_5 space @override double get xl_5 => primitives.x9; - - /// Xl_6 space @override double get xl_6 => primitives.x10; - - /// Xl_7 space @override double get xl_7 => primitives.x11; - - /// Xl_8 space @override double get xl_8 => primitives.x12; - - /// Xl_9 space @override double get xl_9 => primitives.x13; - - /// Xl_10 space @override double get xl_10 => primitives.x14; - - /// Xl_11 space @override double get xl_11 => primitives.x15; + @override + List get props => [ + none, + minimum, + small, + medium, + large, + xl, + xl_2, + xl_3, + xl_4, + xl_5, + xl_6, + xl_7, + xl_8, + xl_9, + xl_10, + xl_11, + ]; } -/// The semantic sizes for AAA -final class ZetaSpacingAAA implements ZetaSpacingSemantics { - /// Constructor for ZetaSpacingAAA +/// The semantic spacing for AAA +/// +/// {@category Theme} +class ZetaSpacingAAA extends Equatable implements ZetaSpacing { + /// Constructor for [ZetaSpacingAAA] const ZetaSpacingAAA({required this.primitives}); - - /// The primitives for this sizes @override final ZetaPrimitives primitives; - - /// None space @override double get none => primitives.x0; - - /// Minimum space @override double get minimum => primitives.x1; - - /// Small space @override double get small => primitives.x2; - - /// Medium space @override double get medium => primitives.x3; - - /// Large space @override double get large => primitives.x4; - - /// Xl space @override double get xl => primitives.x5; - - /// Xl_2 space @override double get xl_2 => primitives.x6; - - /// Xl_3 space @override double get xl_3 => primitives.x7; - - /// Xl_4 space @override double get xl_4 => primitives.x8; - - /// Xl_5 space @override double get xl_5 => primitives.x9; - - /// Xl_6 space @override double get xl_6 => primitives.x10; - - /// Xl_7 space @override double get xl_7 => primitives.x11; - - /// Xl_8 space @override double get xl_8 => primitives.x12; - - /// Xl_9 space @override double get xl_9 => primitives.x13; - - /// Xl_10 space @override double get xl_10 => primitives.x14; - - /// Xl_11 space @override double get xl_11 => primitives.x15; + @override + List get props => [ + none, + minimum, + small, + medium, + large, + xl, + xl_2, + xl_3, + xl_4, + xl_5, + xl_6, + xl_7, + xl_8, + xl_9, + xl_10, + xl_11, + ]; } -/// The semantic radii for AA -final class ZetaRadiiAA implements ZetaRadiiSemantics { - /// Constructor for ZetaRadiiAA - const ZetaRadiiAA({required this.primitives}); - - /// The primitives for this radii +/// The semantic radius for AA +/// +/// {@category Theme} +class ZetaRadiusAA extends Equatable implements ZetaRadius { + /// Constructor for [ZetaRadiusAA] + const ZetaRadiusAA({required this.primitives}); @override final ZetaPrimitives primitives; - @override - BorderRadius get none => BorderRadius.circular(0); + Radius get none => const Radius.circular(0); @override - BorderRadius get minimal => BorderRadius.all(primitives.s); + Radius get minimal => primitives.s; @override - BorderRadius get rounded => BorderRadius.all(primitives.m); + Radius get rounded => primitives.m; @override - BorderRadius get large => BorderRadius.all(primitives.l); + Radius get large => primitives.l; @override - BorderRadius get xl => BorderRadius.all(primitives.xl); + Radius get xl => primitives.xl; @override - BorderRadius get full => BorderRadius.all(primitives.xl_4); + Radius get full => primitives.xl_4; + @override + List get props => [ + none, + minimal, + rounded, + large, + xl, + full, + ]; } -/// The semantic radii for AAA -final class ZetaRadiiAAA implements ZetaRadiiSemantics { - /// Constructor for ZetaRadiiAAA - const ZetaRadiiAAA({required this.primitives}); - - /// The primitives for this radii +/// The semantic radius for AAA +/// +/// {@category Theme} +class ZetaRadiusAAA extends Equatable implements ZetaRadius { + /// Constructor for [ZetaRadiusAAA] + const ZetaRadiusAAA({required this.primitives}); @override final ZetaPrimitives primitives; - @override - BorderRadius get none => BorderRadius.circular(0); + Radius get none => const Radius.circular(0); + @override + Radius get minimal => primitives.s; @override - BorderRadius get minimal => BorderRadius.circular(0); + Radius get rounded => primitives.m; @override - BorderRadius get rounded => BorderRadius.circular(0); + Radius get large => primitives.l; @override - BorderRadius get large => BorderRadius.circular(0); + Radius get xl => primitives.xl; @override - BorderRadius get xl => BorderRadius.circular(0); + Radius get full => primitives.xl_4; @override - BorderRadius get full => BorderRadius.circular(0); + List get props => [ + none, + minimal, + rounded, + large, + xl, + full, + ]; } -/// Zeta Semantic colors object. -/// -/// Note: This typedef is used to make object generation easier. -typedef ZetaColorSemantics = ZetaSemanticColors; - /// The semantic tokens for Zeta +/// +/// {@category Interfaces} abstract interface class ZetaSemantics { /// Semantic colors - ZetaColorSemantics get colors; + ZetaColors get colors; /// Semantic sizes - ZetaSpacingSemantics get size; + ZetaSpacing get spacing; - /// Semantic Radii - ZetaRadiiSemantics get radii; + /// Semantic Radius + ZetaRadius get radius; /// Primitives for this semantics ZetaPrimitives get primitives; } /// The semantic tokens for AA +/// +/// {@category Theme} class ZetaSemanticsAA implements ZetaSemantics { /// Constructor for [ZetaSemanticsAA] ZetaSemanticsAA({required this.primitives}) - : colors = ZetaSemanticColorsAA(primitives: primitives), - size = ZetaSpacingAA(primitives: primitives), - radii = ZetaRadiiAA(primitives: primitives); + : colors = ZetaColorsAA(primitives: primitives), + spacing = ZetaSpacingAA(primitives: primitives), + radius = ZetaRadiusAA(primitives: primitives); + @override final ZetaPrimitives primitives; @override - final ZetaColorSemantics colors; + final ZetaColors colors; @override - final ZetaSpacingSemantics size; + final ZetaSpacing spacing; @override - final ZetaRadiiSemantics radii; + final ZetaRadius radius; } /// The semantic tokens for AAA +/// +/// {@category Theme} class ZetaSemanticsAAA implements ZetaSemantics { /// Constructor for [ZetaSemanticsAAA] ZetaSemanticsAAA({required this.primitives}) - : colors = ZetaSemanticColorsAAA(primitives: primitives), - size = ZetaSpacingAAA(primitives: primitives), - radii = ZetaRadiiAAA(primitives: primitives); + : colors = ZetaColorsAAA(primitives: primitives), + spacing = ZetaSpacingAAA(primitives: primitives), + radius = ZetaRadiusAAA(primitives: primitives); + @override final ZetaPrimitives primitives; @override - final ZetaColorSemantics colors; + final ZetaColors colors; @override - final ZetaSpacingSemantics size; + final ZetaSpacing spacing; @override - final ZetaRadiiSemantics radii; + final ZetaRadius radius; }