@kinetixui/tokens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/LICENSE +21 -0
  2. package/dist/android/Color.kt +117 -0
  3. package/dist/android/KinetixType.kt +127 -0
  4. package/dist/android/Theme.kt +64 -0
  5. package/dist/android/res/values/colors.xml +162 -0
  6. package/dist/android/res/values/dimens.xml +62 -0
  7. package/dist/flutter/app_colors.dart +170 -0
  8. package/dist/flutter/app_text.dart +120 -0
  9. package/dist/flutter/app_theme.dart +66 -0
  10. package/dist/ios/KinetixColors.swift +167 -0
  11. package/dist/ios/KinetixType.swift +30 -0
  12. package/dist/ios/Theme.swift +63 -0
  13. package/dist/web/extras.css +29 -0
  14. package/dist/web/globals.css +220 -0
  15. package/dist/web/globals.dark.css +46 -0
  16. package/dist/web/tokens.d.ts +488 -0
  17. package/dist/web/tokens.js +486 -0
  18. package/dist/web/tokens.ts +489 -0
  19. package/package.json +48 -0
package/dist/flutter/app_colors.dart ADDED
@@ -0,0 +1,170 @@
1
+
2
+ //
3
+ // app_colors.dart
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+
9
+
10
+ import 'dart:ui';
11
+
12
+ class KinetixColors {
13
+ KinetixColors._();
14
+
15
+ static const colorAccent = Color(0xFFF0F7FF); /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
16
+ static const colorAccentForeground = Color(0xFF1B3C53); /** synth: = primary for readable text on accent */
17
+ static const colorAmber0 = Color(0xFFFFFFFF);
18
+ static const colorAmber100 = Color(0xFFFFF2DD);
19
+ static const colorAmber1000 = Color(0xFF2A1A00);
20
+ static const colorAmber150 = Color(0xFFFFEBCB);
21
+ static const colorAmber200 = Color(0xFFFFE4BA);
22
+ static const colorAmber300 = Color(0xFFFFD798);
23
+ static const colorAmber400 = Color(0xFFFFC975);
24
+ static const colorAmber50 = Color(0xFFFFF8EE);
25
+ static const colorAmber500 = Color(0xFFFFBC53);
26
+ static const colorAmber600 = Color(0xFFD49C42);
27
+ static const colorAmber700 = Color(0xFFAA7B32);
28
+ static const colorAmber800 = Color(0xFF7F5B21);
29
+ static const colorAmber850 = Color(0xFF6A4B19);
30
+ static const colorAmber900 = Color(0xFF553A11);
31
+ static const colorAmber950 = Color(0xFF3F2A08);
32
+ static const colorBackground = Color(0xFFFFFFFF); /** figma: surfaceContainerLowest #ffffff */
33
+ static const colorBlue0 = Color(0xFFF6FBFF);
34
+ static const colorBlue100 = Color(0xFF92B2C8);
35
+ static const colorBlue1000 = Color(0xFF000000);
36
+ static const colorBlue150 = Color(0xFF83A4B9);
37
+ static const colorBlue200 = Color(0xFF7495AB);
38
+ static const colorBlue300 = Color(0xFF57778D);
39
+ static const colorBlue400 = Color(0xFF395A70);
40
+ static const colorBlue50 = Color(0xFFF0F7FF);
41
+ static const colorBlue500 = Color(0xFF1B3C53);
42
+ static const colorBlue600 = Color(0xFF163042);
43
+ static const colorBlue700 = Color(0xFF102432);
44
+ static const colorBlue800 = Color(0xFF0B1821);
45
+ static const colorBlue850 = Color(0xFF081219);
46
+ static const colorBlue900 = Color(0xFF050C11);
47
+ static const colorBlue950 = Color(0xFF030608);
48
+ static const colorBorder = Color(0xFF92B2C8); /** figma: outline #92b2c8 */
49
+ static const colorCard = Color(0xFFFFFFFF); /** synth: no Figma card token; = background */
50
+ static const colorCardForeground = Color(0xFF050C11); /** synth: = foreground */
51
+ static const colorChart1 = Color(0xFF1B3C53); /** synth: brand ramps for data viz */
52
+ static const colorChart2 = Color(0xFF748873);
53
+ static const colorChart3 = Color(0xFFFFBC53);
54
+ static const colorChart4 = Color(0xFFD13A3A);
55
+ static const colorChart5 = Color(0xFFB4A499);
56
+ static const colorCream0 = Color(0xFFFFFFFF);
57
+ static const colorCream100 = Color(0xFFFEFDFC);
58
+ static const colorCream1000 = Color(0xFF8C5734);
59
+ static const colorCream150 = Color(0xFFFDFBFA);
60
+ static const colorCream200 = Color(0xFFFDFAF9);
61
+ static const colorCream300 = Color(0xFFFBF8F5);
62
+ static const colorCream400 = Color(0xFFFAF5F2);
63
+ static const colorCream50 = Color(0xFFFEFEFD);
64
+ static const colorCream500 = Color(0xFFF9F3EF);
65
+ static const colorCream600 = Color(0xFFE3D4CA);
66
+ static const colorCream700 = Color(0xFFCDB5A4);
67
+ static const colorCream800 = Color(0xFFB8957F);
68
+ static const colorCream850 = Color(0xFFAD866C);
69
+ static const colorCream900 = Color(0xFFA27659);
70
+ static const colorCream950 = Color(0xFF976747);
71
+ static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
72
+ static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
73
+ static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
74
+ static const colorGreen0 = Color(0xFFFFFFFF);
75
+ static const colorGreen100 = Color(0xFFE3E7E3);
76
+ static const colorGreen1000 = Color(0xFF000000);
77
+ static const colorGreen150 = Color(0xFFD5DBD5);
78
+ static const colorGreen200 = Color(0xFFC7CFC7);
79
+ static const colorGreen300 = Color(0xFFACB8AB);
80
+ static const colorGreen400 = Color(0xFF90A08F);
81
+ static const colorGreen50 = Color(0xFFF1F3F1);
82
+ static const colorGreen500 = Color(0xFF748873);
83
+ static const colorGreen600 = Color(0xFF5D6D5C);
84
+ static const colorGreen700 = Color(0xFF465245);
85
+ static const colorGreen800 = Color(0xFF2E362E);
86
+ static const colorGreen850 = Color(0xFF232923);
87
+ static const colorGreen900 = Color(0xFF171B17);
88
+ static const colorGreen950 = Color(0xFF0C0E0C);
89
+ static const colorInfo = Color(0xFF57778D); /** synth: steel blue, distinct from navy primary */
90
+ static const colorInfoForeground = Color(0xFFF0F7FF);
91
+ static const colorInput = Color(0xFF92B2C8); /** figma: outline #92b2c8 (same as border) */
92
+ static const colorMuted = Color(0xFFF6F6F6); /** figma: surfaceContainer #f6f6f6 */
93
+ static const colorMutedForeground = Color(0xFF6D6D6D); /** figma: onSurfaceVariant #6d6d6d */
94
+ static const colorNeutral0 = Color(0xFFFFFFFF);
95
+ static const colorNeutral100 = Color(0xFFF6F6F6);
96
+ static const colorNeutral1000 = Color(0xFF000000);
97
+ static const colorNeutral200 = Color(0xFFEDEDED);
98
+ static const colorNeutral300 = Color(0xFFE0E0E0);
99
+ static const colorNeutral400 = Color(0xFFC2C2C2);
100
+ static const colorNeutral50 = Color(0xFFFAFAFA);
101
+ static const colorNeutral500 = Color(0xFF9E9E9E);
102
+ static const colorNeutral600 = Color(0xFF6D6D6D);
103
+ static const colorNeutral700 = Color(0xFF4F4F4F);
104
+ static const colorNeutral800 = Color(0xFF333333);
105
+ static const colorNeutral900 = Color(0xFF1F1F1F);
106
+ static const colorPopover = Color(0xFFFFFFFF); /** synth: no Figma popover token; = background */
107
+ static const colorPopoverForeground = Color(0xFF050C11); /** synth: = foreground */
108
+ static const colorPrimary = Color(0xFF1B3C53); /** figma: 'Primay' (sic) #1b3c53 -> renamed primary */
109
+ static const colorPrimaryForeground = Color(0xFFF0F7FF); /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
110
+ static const colorRed0 = Color(0xFFFFF9F9);
111
+ static const colorRed100 = Color(0xFFF4C9C9);
112
+ static const colorRed1000 = Color(0xFF000000);
113
+ static const colorRed150 = Color(0xFFEEB1B1);
114
+ static const colorRed200 = Color(0xFFE89999);
115
+ static const colorRed300 = Color(0xFFDD6A6A);
116
+ static const colorRed400 = Color(0xFFD13A3A);
117
+ static const colorRed50 = Color(0xFFF9E1E1);
118
+ static const colorRed500 = Color(0xFFC60A0A);
119
+ static const colorRed600 = Color(0xFF9E0808);
120
+ static const colorRed700 = Color(0xFF770606);
121
+ static const colorRed800 = Color(0xFF4F0404);
122
+ static const colorRed850 = Color(0xFF3B0303);
123
+ static const colorRed900 = Color(0xFF280202);
124
+ static const colorRed950 = Color(0xFF140101);
125
+ static const colorRing = Color(0xFF1B3C53); /** figma: focus state draws a 2px 'Primay' border */
126
+ static const colorSecondary = Color(0xFFF1F3F1); /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
127
+ static const colorSecondaryForeground = Color(0xFF748873); /** figma: onSecondaryContainer #748873 */
128
+ static const colorSemanticError = Color(0xFFEC5047); /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
129
+ static const colorSemanticErrorContainer = Color(0xFFFEF3F2); /** figma: errorContainer */
130
+ static const colorSemanticInfoContainer = Color(0xFFF0F7FF);
131
+ static const colorSemanticOnError = Color(0xFFFEF3F2); /** figma: onError */
132
+ static const colorSemanticOnErrorContainer = Color(0xFFEC5047); /** figma: onErrorContainer */
133
+ static const colorSemanticOnInfoContainer = Color(0xFF395A70);
134
+ static const colorSemanticOnSuccessContainer = Color(0xFF465245);
135
+ static const colorSemanticOnWarningContainer = Color(0xFFF97907); /** figma: onWarningContainer */
136
+ static const colorSemanticSuccessContainer = Color(0xFFF1F3F1);
137
+ static const colorSemanticWarning = Color(0xFFF97907);
138
+ static const colorSemanticWarningContainer = Color(0xFFFFF8EB); /** figma: warningContainer */
139
+ static const colorSidebar = Color(0xFFFAFAFA);
140
+ static const colorSidebarAccent = Color(0xFFF0F7FF);
141
+ static const colorSidebarAccentForeground = Color(0xFF1B3C53);
142
+ static const colorSidebarBorder = Color(0xFFE0E0E0);
143
+ static const colorSidebarForeground = Color(0xFF050C11);
144
+ static const colorSidebarPrimary = Color(0xFF1B3C53);
145
+ static const colorSidebarPrimaryForeground = Color(0xFFF0F7FF);
146
+ static const colorSidebarRing = Color(0xFF1B3C53);
147
+ static const colorStaticBlack = Color(0xFF000000);
148
+ static const colorStaticWhite = Color(0xFFFFFFFF);
149
+ static const colorSuccess = Color(0xFF5D6D5C); /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
150
+ static const colorSuccessForeground = Color(0xFFF1F3F1); /** synth */
151
+ static const colorTaupe0 = Color(0xFFFFFFFF);
152
+ static const colorTaupe100 = Color(0xFFF6F3F0);
153
+ static const colorTaupe1000 = Color(0xFF3C2E25);
154
+ static const colorTaupe150 = Color(0xFFF2ECE9);
155
+ static const colorTaupe200 = Color(0xFFEDE6E2);
156
+ static const colorTaupe300 = Color(0xFFE4DAD3);
157
+ static const colorTaupe400 = Color(0xFFDBCDC5);
158
+ static const colorTaupe50 = Color(0xFFFBF9F8);
159
+ static const colorTaupe500 = Color(0xFFD2C1B6);
160
+ static const colorTaupe600 = Color(0xFFB4A499);
161
+ static const colorTaupe700 = Color(0xFF96867C);
162
+ static const colorTaupe800 = Color(0xFF78695F);
163
+ static const colorTaupe850 = Color(0xFF695A51);
164
+ static const colorTaupe900 = Color(0xFF5A4B42);
165
+ static const colorTaupe950 = Color(0xFF4B3D34);
166
+ static const colorTertiary = Color(0xFFB0B0B0); /** figma: tertiary — switch off-track */
167
+ static const colorTertiaryForeground = Color(0xFFF0F7FF);
168
+ static const colorWarning = Color(0xFFF97907); /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
169
+ static const colorWarningForeground = Color(0xFFFFF8EB); /** figma: warningContainer #fff8eb */
170
+ }
package/dist/flutter/app_text.dart ADDED
@@ -0,0 +1,120 @@
1
+ // app_text.dart — generated by Style Dictionary. Do not edit.
2
+
3
+ import 'package:flutter/painting.dart';
4
+
5
+ class AppText {
6
+ AppText._();
7
+
8
+ static const TextStyle displayLg = TextStyle(
9
+ fontFamily: 'Montserrat',
10
+ fontWeight: FontWeight.w500,
11
+ fontSize: 57,
12
+ height: 1.1228,
13
+ letterSpacing: -0.25,
14
+ );
15
+ static const TextStyle displayMd = TextStyle(
16
+ fontFamily: 'Montserrat',
17
+ fontWeight: FontWeight.w500,
18
+ fontSize: 45,
19
+ height: 1.1556,
20
+ letterSpacing: 0,
21
+ );
22
+ static const TextStyle displaySm = TextStyle(
23
+ fontFamily: 'Montserrat',
24
+ fontWeight: FontWeight.w400,
25
+ fontSize: 36,
26
+ height: 1.2222,
27
+ letterSpacing: 0,
28
+ );
29
+ static const TextStyle headlineLg = TextStyle(
30
+ fontFamily: 'Montserrat',
31
+ fontWeight: FontWeight.w600,
32
+ fontSize: 32,
33
+ height: 1.2500,
34
+ letterSpacing: 0,
35
+ );
36
+ static const TextStyle headlineMd = TextStyle(
37
+ fontFamily: 'Montserrat',
38
+ fontWeight: FontWeight.w400,
39
+ fontSize: 28,
40
+ height: 1.2857,
41
+ letterSpacing: 0,
42
+ );
43
+ static const TextStyle headlineSm = TextStyle(
44
+ fontFamily: 'Montserrat',
45
+ fontWeight: FontWeight.w400,
46
+ fontSize: 24,
47
+ height: 1.3333,
48
+ letterSpacing: 0,
49
+ );
50
+ static const TextStyle titleLg = TextStyle(
51
+ fontFamily: 'Montserrat',
52
+ fontWeight: FontWeight.w400,
53
+ fontSize: 22,
54
+ height: 1.2727,
55
+ letterSpacing: 0,
56
+ );
57
+ static const TextStyle titleMd = TextStyle(
58
+ fontFamily: 'Montserrat',
59
+ fontWeight: FontWeight.w500,
60
+ fontSize: 16,
61
+ height: 1.5000,
62
+ letterSpacing: 0.15,
63
+ );
64
+ static const TextStyle titleSm = TextStyle(
65
+ fontFamily: 'Montserrat',
66
+ fontWeight: FontWeight.w500,
67
+ fontSize: 14,
68
+ height: 1.4286,
69
+ letterSpacing: 0.1,
70
+ );
71
+ static const TextStyle titleDialog = TextStyle(
72
+ fontFamily: 'Montserrat',
73
+ fontWeight: FontWeight.w600,
74
+ fontSize: 18,
75
+ height: 1.3333,
76
+ letterSpacing: 0,
77
+ );
78
+ static const TextStyle labelLg = TextStyle(
79
+ fontFamily: 'Montserrat',
80
+ fontWeight: FontWeight.w500,
81
+ fontSize: 14,
82
+ height: 1.4286,
83
+ letterSpacing: 0.1,
84
+ );
85
+ static const TextStyle labelMd = TextStyle(
86
+ fontFamily: 'Montserrat',
87
+ fontWeight: FontWeight.w500,
88
+ fontSize: 12,
89
+ height: 1.3333,
90
+ letterSpacing: 0.5,
91
+ );
92
+ static const TextStyle labelSm = TextStyle(
93
+ fontFamily: 'Montserrat',
94
+ fontWeight: FontWeight.w500,
95
+ fontSize: 11,
96
+ height: 1.4545,
97
+ letterSpacing: 0.5,
98
+ );
99
+ static const TextStyle bodyLg = TextStyle(
100
+ fontFamily: 'Montserrat',
101
+ fontWeight: FontWeight.w400,
102
+ fontSize: 16,
103
+ height: 1.5000,
104
+ letterSpacing: 0.5,
105
+ );
106
+ static const TextStyle bodyMd = TextStyle(
107
+ fontFamily: 'Montserrat',
108
+ fontWeight: FontWeight.w400,
109
+ fontSize: 14,
110
+ height: 1.4286,
111
+ letterSpacing: 0.25,
112
+ );
113
+ static const TextStyle bodySm = TextStyle(
114
+ fontFamily: 'Montserrat',
115
+ fontWeight: FontWeight.w400,
116
+ fontSize: 12,
117
+ height: 1.3333,
118
+ letterSpacing: 0,
119
+ );
120
+ }
package/dist/flutter/app_theme.dart ADDED
@@ -0,0 +1,66 @@
1
+
2
+ //
3
+ // app_theme.dart
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+
9
+
10
+ import 'dart:ui';
11
+
12
+ class KinetixTheme {
13
+ KinetixTheme._();
14
+
15
+ static const colorAccent = Color(0xFFF0F7FF); /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
16
+ static const colorAccentForeground = Color(0xFF1B3C53); /** synth: = primary for readable text on accent */
17
+ static const colorBackground = Color(0xFFFFFFFF); /** figma: surfaceContainerLowest #ffffff */
18
+ static const colorBorder = Color(0xFF92B2C8); /** figma: outline #92b2c8 */
19
+ static const colorCard = Color(0xFFFFFFFF); /** synth: no Figma card token; = background */
20
+ static const colorCardForeground = Color(0xFF050C11); /** synth: = foreground */
21
+ static const colorChart1 = Color(0xFF1B3C53); /** synth: brand ramps for data viz */
22
+ static const colorChart2 = Color(0xFF748873);
23
+ static const colorChart3 = Color(0xFFFFBC53);
24
+ static const colorChart4 = Color(0xFFD13A3A);
25
+ static const colorChart5 = Color(0xFFB4A499);
26
+ static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
27
+ static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
28
+ static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
29
+ static const colorInfo = Color(0xFF57778D); /** synth: steel blue, distinct from navy primary */
30
+ static const colorInfoForeground = Color(0xFFF0F7FF);
31
+ static const colorInput = Color(0xFF92B2C8); /** figma: outline #92b2c8 (same as border) */
32
+ static const colorMuted = Color(0xFFF6F6F6); /** figma: surfaceContainer #f6f6f6 */
33
+ static const colorMutedForeground = Color(0xFF6D6D6D); /** figma: onSurfaceVariant #6d6d6d */
34
+ static const colorPopover = Color(0xFFFFFFFF); /** synth: no Figma popover token; = background */
35
+ static const colorPopoverForeground = Color(0xFF050C11); /** synth: = foreground */
36
+ static const colorPrimary = Color(0xFF1B3C53); /** figma: 'Primay' (sic) #1b3c53 -> renamed primary */
37
+ static const colorPrimaryForeground = Color(0xFFF0F7FF); /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
38
+ static const colorRing = Color(0xFF1B3C53); /** figma: focus state draws a 2px 'Primay' border */
39
+ static const colorSecondary = Color(0xFFF1F3F1); /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
40
+ static const colorSecondaryForeground = Color(0xFF748873); /** figma: onSecondaryContainer #748873 */
41
+ static const colorSemanticError = Color(0xFFEC5047); /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
42
+ static const colorSemanticErrorContainer = Color(0xFFFEF3F2); /** figma: errorContainer */
43
+ static const colorSemanticInfoContainer = Color(0xFFF0F7FF);
44
+ static const colorSemanticOnError = Color(0xFFFEF3F2); /** figma: onError */
45
+ static const colorSemanticOnErrorContainer = Color(0xFFEC5047); /** figma: onErrorContainer */
46
+ static const colorSemanticOnInfoContainer = Color(0xFF395A70);
47
+ static const colorSemanticOnSuccessContainer = Color(0xFF465245);
48
+ static const colorSemanticOnWarningContainer = Color(0xFFF97907); /** figma: onWarningContainer */
49
+ static const colorSemanticSuccessContainer = Color(0xFFF1F3F1);
50
+ static const colorSemanticWarning = Color(0xFFF97907);
51
+ static const colorSemanticWarningContainer = Color(0xFFFFF8EB); /** figma: warningContainer */
52
+ static const colorSidebar = Color(0xFFFAFAFA);
53
+ static const colorSidebarAccent = Color(0xFFF0F7FF);
54
+ static const colorSidebarAccentForeground = Color(0xFF1B3C53);
55
+ static const colorSidebarBorder = Color(0xFFE0E0E0);
56
+ static const colorSidebarForeground = Color(0xFF050C11);
57
+ static const colorSidebarPrimary = Color(0xFF1B3C53);
58
+ static const colorSidebarPrimaryForeground = Color(0xFFF0F7FF);
59
+ static const colorSidebarRing = Color(0xFF1B3C53);
60
+ static const colorSuccess = Color(0xFF5D6D5C); /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
61
+ static const colorSuccessForeground = Color(0xFFF1F3F1); /** synth */
62
+ static const colorTertiary = Color(0xFFB0B0B0); /** figma: tertiary — switch off-track */
63
+ static const colorTertiaryForeground = Color(0xFFF0F7FF);
64
+ static const colorWarning = Color(0xFFF97907); /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
65
+ static const colorWarningForeground = Color(0xFFFFF8EB); /** figma: warningContainer #fff8eb */
66
+ }
package/dist/ios/KinetixColors.swift ADDED
@@ -0,0 +1,167 @@
1
+
2
+ //
3
+ // KinetixColors.swift
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+
9
+ import SwiftUI
10
+
11
+ public enum KinetixColor {
12
+ public static let colorAccent = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1) /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
13
+ public static let colorAccentForeground = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** synth: = primary for readable text on accent */
14
+ public static let colorAmber0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
15
+ public static let colorAmber100 = UIColor(red: 1.000, green: 0.949, blue: 0.867, alpha: 1)
16
+ public static let colorAmber1000 = UIColor(red: 0.165, green: 0.102, blue: 0.000, alpha: 1)
17
+ public static let colorAmber150 = UIColor(red: 1.000, green: 0.922, blue: 0.796, alpha: 1)
18
+ public static let colorAmber200 = UIColor(red: 1.000, green: 0.894, blue: 0.729, alpha: 1)
19
+ public static let colorAmber300 = UIColor(red: 1.000, green: 0.843, blue: 0.596, alpha: 1)
20
+ public static let colorAmber400 = UIColor(red: 1.000, green: 0.788, blue: 0.459, alpha: 1)
21
+ public static let colorAmber50 = UIColor(red: 1.000, green: 0.973, blue: 0.933, alpha: 1)
22
+ public static let colorAmber500 = UIColor(red: 1.000, green: 0.737, blue: 0.325, alpha: 1)
23
+ public static let colorAmber600 = UIColor(red: 0.831, green: 0.612, blue: 0.259, alpha: 1)
24
+ public static let colorAmber700 = UIColor(red: 0.667, green: 0.482, blue: 0.196, alpha: 1)
25
+ public static let colorAmber800 = UIColor(red: 0.498, green: 0.357, blue: 0.129, alpha: 1)
26
+ public static let colorAmber850 = UIColor(red: 0.416, green: 0.294, blue: 0.098, alpha: 1)
27
+ public static let colorAmber900 = UIColor(red: 0.333, green: 0.227, blue: 0.067, alpha: 1)
28
+ public static let colorAmber950 = UIColor(red: 0.247, green: 0.165, blue: 0.031, alpha: 1)
29
+ public static let colorBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** figma: surfaceContainerLowest #ffffff */
30
+ public static let colorBlue0 = UIColor(red: 0.965, green: 0.984, blue: 1.000, alpha: 1)
31
+ public static let colorBlue100 = UIColor(red: 0.573, green: 0.698, blue: 0.784, alpha: 1)
32
+ public static let colorBlue1000 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
33
+ public static let colorBlue150 = UIColor(red: 0.514, green: 0.643, blue: 0.725, alpha: 1)
34
+ public static let colorBlue200 = UIColor(red: 0.455, green: 0.584, blue: 0.671, alpha: 1)
35
+ public static let colorBlue300 = UIColor(red: 0.341, green: 0.467, blue: 0.553, alpha: 1)
36
+ public static let colorBlue400 = UIColor(red: 0.224, green: 0.353, blue: 0.439, alpha: 1)
37
+ public static let colorBlue50 = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
38
+ public static let colorBlue500 = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
39
+ public static let colorBlue600 = UIColor(red: 0.086, green: 0.188, blue: 0.259, alpha: 1)
40
+ public static let colorBlue700 = UIColor(red: 0.063, green: 0.141, blue: 0.196, alpha: 1)
41
+ public static let colorBlue800 = UIColor(red: 0.043, green: 0.094, blue: 0.129, alpha: 1)
42
+ public static let colorBlue850 = UIColor(red: 0.031, green: 0.071, blue: 0.098, alpha: 1)
43
+ public static let colorBlue900 = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1)
44
+ public static let colorBlue950 = UIColor(red: 0.012, green: 0.024, blue: 0.031, alpha: 1)
45
+ public static let colorBorder = UIColor(red: 0.573, green: 0.698, blue: 0.784, alpha: 1) /** figma: outline #92b2c8 */
46
+ public static let colorCard = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** synth: no Figma card token; = background */
47
+ public static let colorCardForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** synth: = foreground */
48
+ public static let colorChart1 = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** synth: brand ramps for data viz */
49
+ public static let colorChart2 = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1)
50
+ public static let colorChart3 = UIColor(red: 1.000, green: 0.737, blue: 0.325, alpha: 1)
51
+ public static let colorChart4 = UIColor(red: 0.820, green: 0.227, blue: 0.227, alpha: 1)
52
+ public static let colorChart5 = UIColor(red: 0.706, green: 0.643, blue: 0.600, alpha: 1)
53
+ public static let colorCream0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
54
+ public static let colorCream100 = UIColor(red: 0.996, green: 0.992, blue: 0.988, alpha: 1)
55
+ public static let colorCream1000 = UIColor(red: 0.549, green: 0.341, blue: 0.204, alpha: 1)
56
+ public static let colorCream150 = UIColor(red: 0.992, green: 0.984, blue: 0.980, alpha: 1)
57
+ public static let colorCream200 = UIColor(red: 0.992, green: 0.980, blue: 0.976, alpha: 1)
58
+ public static let colorCream300 = UIColor(red: 0.984, green: 0.973, blue: 0.961, alpha: 1)
59
+ public static let colorCream400 = UIColor(red: 0.980, green: 0.961, blue: 0.949, alpha: 1)
60
+ public static let colorCream50 = UIColor(red: 0.996, green: 0.996, blue: 0.992, alpha: 1)
61
+ public static let colorCream500 = UIColor(red: 0.976, green: 0.953, blue: 0.937, alpha: 1)
62
+ public static let colorCream600 = UIColor(red: 0.890, green: 0.831, blue: 0.792, alpha: 1)
63
+ public static let colorCream700 = UIColor(red: 0.804, green: 0.710, blue: 0.643, alpha: 1)
64
+ public static let colorCream800 = UIColor(red: 0.722, green: 0.584, blue: 0.498, alpha: 1)
65
+ public static let colorCream850 = UIColor(red: 0.678, green: 0.525, blue: 0.424, alpha: 1)
66
+ public static let colorCream900 = UIColor(red: 0.635, green: 0.463, blue: 0.349, alpha: 1)
67
+ public static let colorCream950 = UIColor(red: 0.592, green: 0.404, blue: 0.278, alpha: 1)
68
+ public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
69
+ public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
70
+ public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
71
+ public static let colorGreen0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
72
+ public static let colorGreen100 = UIColor(red: 0.890, green: 0.906, blue: 0.890, alpha: 1)
73
+ public static let colorGreen1000 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
74
+ public static let colorGreen150 = UIColor(red: 0.835, green: 0.859, blue: 0.835, alpha: 1)
75
+ public static let colorGreen200 = UIColor(red: 0.780, green: 0.812, blue: 0.780, alpha: 1)
76
+ public static let colorGreen300 = UIColor(red: 0.675, green: 0.722, blue: 0.671, alpha: 1)
77
+ public static let colorGreen400 = UIColor(red: 0.565, green: 0.627, blue: 0.561, alpha: 1)
78
+ public static let colorGreen50 = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1)
79
+ public static let colorGreen500 = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1)
80
+ public static let colorGreen600 = UIColor(red: 0.365, green: 0.427, blue: 0.361, alpha: 1)
81
+ public static let colorGreen700 = UIColor(red: 0.275, green: 0.322, blue: 0.271, alpha: 1)
82
+ public static let colorGreen800 = UIColor(red: 0.180, green: 0.212, blue: 0.180, alpha: 1)
83
+ public static let colorGreen850 = UIColor(red: 0.137, green: 0.161, blue: 0.137, alpha: 1)
84
+ public static let colorGreen900 = UIColor(red: 0.090, green: 0.106, blue: 0.090, alpha: 1)
85
+ public static let colorGreen950 = UIColor(red: 0.047, green: 0.055, blue: 0.047, alpha: 1)
86
+ public static let colorInfo = UIColor(red: 0.341, green: 0.467, blue: 0.553, alpha: 1) /** synth: steel blue, distinct from navy primary */
87
+ public static let colorInfoForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
88
+ public static let colorInput = UIColor(red: 0.573, green: 0.698, blue: 0.784, alpha: 1) /** figma: outline #92b2c8 (same as border) */
89
+ public static let colorMuted = UIColor(red: 0.965, green: 0.965, blue: 0.965, alpha: 1) /** figma: surfaceContainer #f6f6f6 */
90
+ public static let colorMutedForeground = UIColor(red: 0.427, green: 0.427, blue: 0.427, alpha: 1) /** figma: onSurfaceVariant #6d6d6d */
91
+ public static let colorNeutral0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
92
+ public static let colorNeutral100 = UIColor(red: 0.965, green: 0.965, blue: 0.965, alpha: 1)
93
+ public static let colorNeutral1000 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
94
+ public static let colorNeutral200 = UIColor(red: 0.929, green: 0.929, blue: 0.929, alpha: 1)
95
+ public static let colorNeutral300 = UIColor(red: 0.878, green: 0.878, blue: 0.878, alpha: 1)
96
+ public static let colorNeutral400 = UIColor(red: 0.761, green: 0.761, blue: 0.761, alpha: 1)
97
+ public static let colorNeutral50 = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
98
+ public static let colorNeutral500 = UIColor(red: 0.620, green: 0.620, blue: 0.620, alpha: 1)
99
+ public static let colorNeutral600 = UIColor(red: 0.427, green: 0.427, blue: 0.427, alpha: 1)
100
+ public static let colorNeutral700 = UIColor(red: 0.310, green: 0.310, blue: 0.310, alpha: 1)
101
+ public static let colorNeutral800 = UIColor(red: 0.200, green: 0.200, blue: 0.200, alpha: 1)
102
+ public static let colorNeutral900 = UIColor(red: 0.122, green: 0.122, blue: 0.122, alpha: 1)
103
+ public static let colorPopover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** synth: no Figma popover token; = background */
104
+ public static let colorPopoverForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** synth: = foreground */
105
+ public static let colorPrimary = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: 'Primay' (sic) #1b3c53 -> renamed primary */
106
+ public static let colorPrimaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1) /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
107
+ public static let colorRed0 = UIColor(red: 1.000, green: 0.976, blue: 0.976, alpha: 1)
108
+ public static let colorRed100 = UIColor(red: 0.957, green: 0.788, blue: 0.788, alpha: 1)
109
+ public static let colorRed1000 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
110
+ public static let colorRed150 = UIColor(red: 0.933, green: 0.694, blue: 0.694, alpha: 1)
111
+ public static let colorRed200 = UIColor(red: 0.910, green: 0.600, blue: 0.600, alpha: 1)
112
+ public static let colorRed300 = UIColor(red: 0.867, green: 0.416, blue: 0.416, alpha: 1)
113
+ public static let colorRed400 = UIColor(red: 0.820, green: 0.227, blue: 0.227, alpha: 1)
114
+ public static let colorRed50 = UIColor(red: 0.976, green: 0.882, blue: 0.882, alpha: 1)
115
+ public static let colorRed500 = UIColor(red: 0.776, green: 0.039, blue: 0.039, alpha: 1)
116
+ public static let colorRed600 = UIColor(red: 0.620, green: 0.031, blue: 0.031, alpha: 1)
117
+ public static let colorRed700 = UIColor(red: 0.467, green: 0.024, blue: 0.024, alpha: 1)
118
+ public static let colorRed800 = UIColor(red: 0.310, green: 0.016, blue: 0.016, alpha: 1)
119
+ public static let colorRed850 = UIColor(red: 0.231, green: 0.012, blue: 0.012, alpha: 1)
120
+ public static let colorRed900 = UIColor(red: 0.157, green: 0.008, blue: 0.008, alpha: 1)
121
+ public static let colorRed950 = UIColor(red: 0.078, green: 0.004, blue: 0.004, alpha: 1)
122
+ public static let colorRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: focus state draws a 2px 'Primay' border */
123
+ public static let colorSecondary = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
124
+ public static let colorSecondaryForeground = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1) /** figma: onSecondaryContainer #748873 */
125
+ public static let colorSemanticError = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
126
+ public static let colorSemanticErrorContainer = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: errorContainer */
127
+ public static let colorSemanticInfoContainer = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
128
+ public static let colorSemanticOnError = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError */
129
+ public static let colorSemanticOnErrorContainer = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: onErrorContainer */
130
+ public static let colorSemanticOnInfoContainer = UIColor(red: 0.224, green: 0.353, blue: 0.439, alpha: 1)
131
+ public static let colorSemanticOnSuccessContainer = UIColor(red: 0.275, green: 0.322, blue: 0.271, alpha: 1)
132
+ public static let colorSemanticOnWarningContainer = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer */
133
+ public static let colorSemanticSuccessContainer = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1)
134
+ public static let colorSemanticWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1)
135
+ public static let colorSemanticWarningContainer = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer */
136
+ public static let colorSidebar = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
137
+ public static let colorSidebarAccent = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
138
+ public static let colorSidebarAccentForeground = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
139
+ public static let colorSidebarBorder = UIColor(red: 0.878, green: 0.878, blue: 0.878, alpha: 1)
140
+ public static let colorSidebarForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1)
141
+ public static let colorSidebarPrimary = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
142
+ public static let colorSidebarPrimaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
143
+ public static let colorSidebarRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
144
+ public static let colorStaticBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
145
+ public static let colorStaticWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
146
+ public static let colorSuccess = UIColor(red: 0.365, green: 0.427, blue: 0.361, alpha: 1) /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
147
+ public static let colorSuccessForeground = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** synth */
148
+ public static let colorTaupe0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
149
+ public static let colorTaupe100 = UIColor(red: 0.965, green: 0.953, blue: 0.941, alpha: 1)
150
+ public static let colorTaupe1000 = UIColor(red: 0.235, green: 0.180, blue: 0.145, alpha: 1)
151
+ public static let colorTaupe150 = UIColor(red: 0.949, green: 0.925, blue: 0.914, alpha: 1)
152
+ public static let colorTaupe200 = UIColor(red: 0.929, green: 0.902, blue: 0.886, alpha: 1)
153
+ public static let colorTaupe300 = UIColor(red: 0.894, green: 0.855, blue: 0.827, alpha: 1)
154
+ public static let colorTaupe400 = UIColor(red: 0.859, green: 0.804, blue: 0.773, alpha: 1)
155
+ public static let colorTaupe50 = UIColor(red: 0.984, green: 0.976, blue: 0.973, alpha: 1)
156
+ public static let colorTaupe500 = UIColor(red: 0.824, green: 0.757, blue: 0.714, alpha: 1)
157
+ public static let colorTaupe600 = UIColor(red: 0.706, green: 0.643, blue: 0.600, alpha: 1)
158
+ public static let colorTaupe700 = UIColor(red: 0.588, green: 0.525, blue: 0.486, alpha: 1)
159
+ public static let colorTaupe800 = UIColor(red: 0.471, green: 0.412, blue: 0.373, alpha: 1)
160
+ public static let colorTaupe850 = UIColor(red: 0.412, green: 0.353, blue: 0.318, alpha: 1)
161
+ public static let colorTaupe900 = UIColor(red: 0.353, green: 0.294, blue: 0.259, alpha: 1)
162
+ public static let colorTaupe950 = UIColor(red: 0.294, green: 0.239, blue: 0.204, alpha: 1)
163
+ public static let colorTertiary = UIColor(red: 0.690, green: 0.690, blue: 0.690, alpha: 1) /** figma: tertiary — switch off-track */
164
+ public static let colorTertiaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
165
+ public static let colorWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
166
+ public static let colorWarningForeground = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer #fff8eb */
167
+ }
package/dist/ios/KinetixType.swift ADDED
@@ -0,0 +1,30 @@
1
+ //
2
+ // KinetixType.swift — generated by Style Dictionary. Do not edit.
3
+ //
4
+
5
+ import SwiftUI
6
+
7
+ public struct KinetixTextStyle {
8
+ public let font: Font
9
+ public let lineHeight: CGFloat
10
+ public let tracking: CGFloat
11
+ }
12
+
13
+ public enum KinetixType {
14
+ public static let displayLg = KinetixTextStyle(font: .custom("Montserrat", size: 57).weight(.medium), lineHeight: 64, tracking: -0.25)
15
+ public static let displayMd = KinetixTextStyle(font: .custom("Montserrat", size: 45).weight(.medium), lineHeight: 52, tracking: 0)
16
+ public static let displaySm = KinetixTextStyle(font: .custom("Montserrat", size: 36).weight(.regular), lineHeight: 44, tracking: 0)
17
+ public static let headlineLg = KinetixTextStyle(font: .custom("Montserrat", size: 32).weight(.semibold), lineHeight: 40, tracking: 0)
18
+ public static let headlineMd = KinetixTextStyle(font: .custom("Montserrat", size: 28).weight(.regular), lineHeight: 36, tracking: 0)
19
+ public static let headlineSm = KinetixTextStyle(font: .custom("Montserrat", size: 24).weight(.regular), lineHeight: 32, tracking: 0)
20
+ public static let titleLg = KinetixTextStyle(font: .custom("Montserrat", size: 22).weight(.regular), lineHeight: 28, tracking: 0)
21
+ public static let titleMd = KinetixTextStyle(font: .custom("Montserrat", size: 16).weight(.medium), lineHeight: 24, tracking: 0.15)
22
+ public static let titleSm = KinetixTextStyle(font: .custom("Montserrat", size: 14).weight(.medium), lineHeight: 20, tracking: 0.1)
23
+ public static let titleDialog = KinetixTextStyle(font: .custom("Montserrat", size: 18).weight(.semibold), lineHeight: 24, tracking: 0)
24
+ public static let labelLg = KinetixTextStyle(font: .custom("Montserrat", size: 14).weight(.medium), lineHeight: 20, tracking: 0.1)
25
+ public static let labelMd = KinetixTextStyle(font: .custom("Montserrat", size: 12).weight(.medium), lineHeight: 16, tracking: 0.5)
26
+ public static let labelSm = KinetixTextStyle(font: .custom("Montserrat", size: 11).weight(.medium), lineHeight: 16, tracking: 0.5)
27
+ public static let bodyLg = KinetixTextStyle(font: .custom("Montserrat", size: 16).weight(.regular), lineHeight: 24, tracking: 0.5)
28
+ public static let bodyMd = KinetixTextStyle(font: .custom("Montserrat", size: 14).weight(.regular), lineHeight: 20, tracking: 0.25)
29
+ public static let bodySm = KinetixTextStyle(font: .custom("Montserrat", size: 12).weight(.regular), lineHeight: 16, tracking: 0)
30
+ }
package/dist/ios/Theme.swift ADDED
@@ -0,0 +1,63 @@
1
+
2
+ //
3
+ // Theme.swift
4
+ //
5
+
6
+ // Do not edit directly, this file was auto-generated.
7
+
8
+
9
+ import SwiftUI
10
+
11
+ public class KinetixTheme {
12
+ public static let colorAccent = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1) /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
13
+ public static let colorAccentForeground = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** synth: = primary for readable text on accent */
14
+ public static let colorBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** figma: surfaceContainerLowest #ffffff */
15
+ public static let colorBorder = UIColor(red: 0.573, green: 0.698, blue: 0.784, alpha: 1) /** figma: outline #92b2c8 */
16
+ public static let colorCard = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** synth: no Figma card token; = background */
17
+ public static let colorCardForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** synth: = foreground */
18
+ public static let colorChart1 = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** synth: brand ramps for data viz */
19
+ public static let colorChart2 = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1)
20
+ public static let colorChart3 = UIColor(red: 1.000, green: 0.737, blue: 0.325, alpha: 1)
21
+ public static let colorChart4 = UIColor(red: 0.820, green: 0.227, blue: 0.227, alpha: 1)
22
+ public static let colorChart5 = UIColor(red: 0.706, green: 0.643, blue: 0.600, alpha: 1)
23
+ public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
24
+ public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
25
+ public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
26
+ public static let colorInfo = UIColor(red: 0.341, green: 0.467, blue: 0.553, alpha: 1) /** synth: steel blue, distinct from navy primary */
27
+ public static let colorInfoForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
28
+ public static let colorInput = UIColor(red: 0.573, green: 0.698, blue: 0.784, alpha: 1) /** figma: outline #92b2c8 (same as border) */
29
+ public static let colorMuted = UIColor(red: 0.965, green: 0.965, blue: 0.965, alpha: 1) /** figma: surfaceContainer #f6f6f6 */
30
+ public static let colorMutedForeground = UIColor(red: 0.427, green: 0.427, blue: 0.427, alpha: 1) /** figma: onSurfaceVariant #6d6d6d */
31
+ public static let colorPopover = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /** synth: no Figma popover token; = background */
32
+ public static let colorPopoverForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** synth: = foreground */
33
+ public static let colorPrimary = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: 'Primay' (sic) #1b3c53 -> renamed primary */
34
+ public static let colorPrimaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1) /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
35
+ public static let colorRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: focus state draws a 2px 'Primay' border */
36
+ public static let colorSecondary = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
37
+ public static let colorSecondaryForeground = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1) /** figma: onSecondaryContainer #748873 */
38
+ public static let colorSemanticError = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
39
+ public static let colorSemanticErrorContainer = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: errorContainer */
40
+ public static let colorSemanticInfoContainer = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
41
+ public static let colorSemanticOnError = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError */
42
+ public static let colorSemanticOnErrorContainer = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: onErrorContainer */
43
+ public static let colorSemanticOnInfoContainer = UIColor(red: 0.224, green: 0.353, blue: 0.439, alpha: 1)
44
+ public static let colorSemanticOnSuccessContainer = UIColor(red: 0.275, green: 0.322, blue: 0.271, alpha: 1)
45
+ public static let colorSemanticOnWarningContainer = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer */
46
+ public static let colorSemanticSuccessContainer = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1)
47
+ public static let colorSemanticWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1)
48
+ public static let colorSemanticWarningContainer = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer */
49
+ public static let colorSidebar = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
50
+ public static let colorSidebarAccent = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
51
+ public static let colorSidebarAccentForeground = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
52
+ public static let colorSidebarBorder = UIColor(red: 0.878, green: 0.878, blue: 0.878, alpha: 1)
53
+ public static let colorSidebarForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1)
54
+ public static let colorSidebarPrimary = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
55
+ public static let colorSidebarPrimaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
56
+ public static let colorSidebarRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1)
57
+ public static let colorSuccess = UIColor(red: 0.365, green: 0.427, blue: 0.361, alpha: 1) /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
58
+ public static let colorSuccessForeground = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** synth */
59
+ public static let colorTertiary = UIColor(red: 0.690, green: 0.690, blue: 0.690, alpha: 1) /** figma: tertiary — switch off-track */
60
+ public static let colorTertiaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
61
+ public static let colorWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
62
+ public static let colorWarningForeground = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer #fff8eb */
63
+ }