brandsync-tokens 1.0.22 → 1.0.24
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.
|
@@ -0,0 +1,587 @@
|
|
|
1
|
+
// Do not edit directly, this file was auto-generated.
|
|
2
|
+
|
|
3
|
+
import 'package:flutter/material.dart';
|
|
4
|
+
|
|
5
|
+
abstract class BrandsyncTokens {
|
|
6
|
+
// ================================================================
|
|
7
|
+
// PRIMITIVE COLOR SCALES
|
|
8
|
+
// ================================================================
|
|
9
|
+
|
|
10
|
+
// ── Static ───────────────────────────────────────────────────────
|
|
11
|
+
static const Color colorStaticWhite = Color(0xFFFFFFFF);
|
|
12
|
+
static const Color colorStaticBlack = Color(0xFF000000);
|
|
13
|
+
|
|
14
|
+
// ── Neutral ──────────────────────────────────────────────────────
|
|
15
|
+
static const Color colorNeutral25 = Color(0xFFF9FAFB);
|
|
16
|
+
static const Color colorNeutral50 = Color(0xFFEFF0F8);
|
|
17
|
+
static const Color colorNeutral100 = Color(0xFFDEE2ED);
|
|
18
|
+
static const Color colorNeutral200 = Color(0xFFC2C7D3);
|
|
19
|
+
static const Color colorNeutral300 = Color(0xFFA0A5B4);
|
|
20
|
+
static const Color colorNeutral400 = Color(0xFF828998);
|
|
21
|
+
static const Color colorNeutral500 = Color(0xFF6D7585);
|
|
22
|
+
static const Color colorNeutral600 = Color(0xFF5D6472);
|
|
23
|
+
static const Color colorNeutral700 = Color(0xFF4D535F);
|
|
24
|
+
static const Color colorNeutral800 = Color(0xFF363C47);
|
|
25
|
+
static const Color colorNeutral900 = Color(0xFF21262E);
|
|
26
|
+
static const Color colorNeutral950 = Color(0xFF191C22);
|
|
27
|
+
static const Color colorNeutral500Transparent = Color(0x4D6D7585);
|
|
28
|
+
static const Color colorNeutral500Transparent2 = Color(0xBF6D7585);
|
|
29
|
+
static const Color colorNeutral50Transparent = Color(0xE5EFF0F8);
|
|
30
|
+
|
|
31
|
+
// ── Gray ─────────────────────────────────────────────────────────
|
|
32
|
+
static const Color colorGray25 = Color(0xFFFBFBFB);
|
|
33
|
+
static const Color colorGray50 = Color(0xFFF6F7F7);
|
|
34
|
+
static const Color colorGray100 = Color(0xFFEEF1F1);
|
|
35
|
+
static const Color colorGray200 = Color(0xFFDFE5E6);
|
|
36
|
+
static const Color colorGray300 = Color(0xFFCBD3D6);
|
|
37
|
+
static const Color colorGray400 = Color(0xFFB6BEC3);
|
|
38
|
+
static const Color colorGray500 = Color(0xFFA2AAB2);
|
|
39
|
+
static const Color colorGray600 = Color(0xFF8C959F);
|
|
40
|
+
static const Color colorGray700 = Color(0xFF7F868F);
|
|
41
|
+
static const Color colorGray800 = Color(0xFF636970);
|
|
42
|
+
static const Color colorGray900 = Color(0xFF53585C);
|
|
43
|
+
static const Color colorGray950 = Color(0xFF303236);
|
|
44
|
+
static const Color colorGrayTransparent = Color(0x3DA2AAB2);
|
|
45
|
+
static const Color colorGrayTransparent2 = Color(0x52A2AAB2);
|
|
46
|
+
static const Color colorGrayTransparent3 = Color(0x70A2AAB2);
|
|
47
|
+
|
|
48
|
+
// ── Success ──────────────────────────────────────────────────────
|
|
49
|
+
static const Color colorSuccess50 = Color(0xFFE5F5E9);
|
|
50
|
+
static const Color colorSuccess100 = Color(0xFFC5EBD5);
|
|
51
|
+
static const Color colorSuccess200 = Color(0xFF94D4B3);
|
|
52
|
+
static const Color colorSuccess300 = Color(0xFF6BB491);
|
|
53
|
+
static const Color colorSuccess400 = Color(0xFF469873);
|
|
54
|
+
static const Color colorSuccess500 = Color(0xFF00855B);
|
|
55
|
+
static const Color colorSuccess600 = Color(0xFF11714E);
|
|
56
|
+
static const Color colorSuccess700 = Color(0xFF1B5D43);
|
|
57
|
+
static const Color colorSuccess800 = Color(0xFF184330);
|
|
58
|
+
static const Color colorSuccess900 = Color(0xFF0F2B1E);
|
|
59
|
+
static const Color colorSuccess950 = Color(0xFF101E17);
|
|
60
|
+
|
|
61
|
+
// ── Error ────────────────────────────────────────────────────────
|
|
62
|
+
static const Color colorError50 = Color(0xFFFCECEA);
|
|
63
|
+
static const Color colorError100 = Color(0xFFFFDAD7);
|
|
64
|
+
static const Color colorError200 = Color(0xFFFFB3AE);
|
|
65
|
+
static const Color colorError300 = Color(0xFFFF807A);
|
|
66
|
+
static const Color colorError400 = Color(0xFFEE5351);
|
|
67
|
+
static const Color colorError500 = Color(0xFFD93539);
|
|
68
|
+
static const Color colorError600 = Color(0xFFB92F31);
|
|
69
|
+
static const Color colorError700 = Color(0xFF982A2A);
|
|
70
|
+
static const Color colorError800 = Color(0xFF701D1E);
|
|
71
|
+
static const Color colorError900 = Color(0xFF481212);
|
|
72
|
+
static const Color colorError950 = Color(0xFF34100F);
|
|
73
|
+
|
|
74
|
+
// ── Warning ──────────────────────────────────────────────────────
|
|
75
|
+
static const Color colorWarning50 = Color(0xFFFFEFDB);
|
|
76
|
+
static const Color colorWarning100 = Color(0xFFFFDEA1);
|
|
77
|
+
static const Color colorWarning200 = Color(0xFFF1BD51);
|
|
78
|
+
static const Color colorWarning300 = Color(0xFFD39B00);
|
|
79
|
+
static const Color colorWarning400 = Color(0xFFB18100);
|
|
80
|
+
static const Color colorWarning500 = Color(0xFF956D00);
|
|
81
|
+
static const Color colorWarning600 = Color(0xFF805D00);
|
|
82
|
+
static const Color colorWarning700 = Color(0xFF6B4D00);
|
|
83
|
+
static const Color colorWarning800 = Color(0xFF4E3700);
|
|
84
|
+
static const Color colorWarning900 = Color(0xFF332300);
|
|
85
|
+
static const Color colorWarning950 = Color(0xFF261A00);
|
|
86
|
+
|
|
87
|
+
// ── Information ──────────────────────────────────────────────────
|
|
88
|
+
static const Color colorInformation50 = Color(0xFFEDF0FA);
|
|
89
|
+
static const Color colorInformation100 = Color(0xFFD6E3F8);
|
|
90
|
+
static const Color colorInformation200 = Color(0xFFAEC8ED);
|
|
91
|
+
static const Color colorInformation300 = Color(0xFF73A9EA);
|
|
92
|
+
static const Color colorInformation400 = Color(0xFF448CD6);
|
|
93
|
+
static const Color colorInformation500 = Color(0xFF0078CB);
|
|
94
|
+
static const Color colorInformation600 = Color(0xFF0066AE);
|
|
95
|
+
static const Color colorInformation700 = Color(0xFF005592);
|
|
96
|
+
static const Color colorInformation800 = Color(0xFF003D6C);
|
|
97
|
+
static const Color colorInformation900 = Color(0xFF00283F);
|
|
98
|
+
static const Color colorInformation950 = Color(0xFF111C2A);
|
|
99
|
+
|
|
100
|
+
// ── Purple ───────────────────────────────────────────────────────
|
|
101
|
+
static const Color colorPurple50 = Color(0xFFF3EFFB);
|
|
102
|
+
static const Color colorPurple100 = Color(0xFFE5DFFD);
|
|
103
|
+
static const Color colorPurple200 = Color(0xFFC8C0FF);
|
|
104
|
+
static const Color colorPurple300 = Color(0xFFA49AFF);
|
|
105
|
+
static const Color colorPurple400 = Color(0xFF8676FE);
|
|
106
|
+
static const Color colorPurple500 = Color(0xFF715AFC);
|
|
107
|
+
static const Color colorPurple600 = Color(0xFF5E47E6);
|
|
108
|
+
static const Color colorPurple700 = Color(0xFF4B35C9);
|
|
109
|
+
static const Color colorPurple800 = Color(0xFF3720A1);
|
|
110
|
+
static const Color colorPurple900 = Color(0xFF220F73);
|
|
111
|
+
static const Color colorPurple950 = Color(0xFF201463);
|
|
112
|
+
|
|
113
|
+
// ── Cobalt ───────────────────────────────────────────────────────
|
|
114
|
+
static const Color colorCobalt50 = Color(0xFFF1EFFA);
|
|
115
|
+
static const Color colorCobalt100 = Color(0xFFE0E0FD);
|
|
116
|
+
static const Color colorCobalt200 = Color(0xFFBCC2FF);
|
|
117
|
+
static const Color colorCobalt300 = Color(0xFF939EFF);
|
|
118
|
+
static const Color colorCobalt400 = Color(0xFF6D7CFF);
|
|
119
|
+
static const Color colorCobalt500 = Color(0xFF4F63FF);
|
|
120
|
+
static const Color colorCobalt600 = Color(0xFF3B4EE9);
|
|
121
|
+
static const Color colorCobalt700 = Color(0xFF303ECD);
|
|
122
|
+
static const Color colorCobalt800 = Color(0xFF1928A5);
|
|
123
|
+
static const Color colorCobalt900 = Color(0xFF091675);
|
|
124
|
+
static const Color colorCobalt950 = Color(0xFF050D5D);
|
|
125
|
+
|
|
126
|
+
// ── Blue ─────────────────────────────────────────────────────────
|
|
127
|
+
static const Color colorBlue50 = Color(0xFFEEF0FA);
|
|
128
|
+
static const Color colorBlue100 = Color(0xFFD8E3FC);
|
|
129
|
+
static const Color colorBlue200 = Color(0xFFAEC7F8);
|
|
130
|
+
static const Color colorBlue300 = Color(0xFF7AA6F2);
|
|
131
|
+
static const Color colorBlue400 = Color(0xFF3E88EF);
|
|
132
|
+
static const Color colorBlue500 = Color(0xFF0073E1);
|
|
133
|
+
static const Color colorBlue600 = Color(0xFF0062C1);
|
|
134
|
+
static const Color colorBlue700 = Color(0xFF0051A2);
|
|
135
|
+
static const Color colorBlue800 = Color(0xFF003A78);
|
|
136
|
+
static const Color colorBlue900 = Color(0xFF002550);
|
|
137
|
+
static const Color colorBlue950 = Color(0xFF001B3E);
|
|
138
|
+
|
|
139
|
+
// ── Steel ────────────────────────────────────────────────────────
|
|
140
|
+
static const Color colorSteel50 = Color(0xFFEEF0F6);
|
|
141
|
+
static const Color colorSteel100 = Color(0xFFD9E3F1);
|
|
142
|
+
static const Color colorSteel200 = Color(0xFFB1C9E3);
|
|
143
|
+
static const Color colorSteel300 = Color(0xFF83AAD0);
|
|
144
|
+
static const Color colorSteel400 = Color(0xFF558DBE);
|
|
145
|
+
static const Color colorSteel500 = Color(0xFF3779AE);
|
|
146
|
+
static const Color colorSteel600 = Color(0xFF2B6796);
|
|
147
|
+
static const Color colorSteel700 = Color(0xFF1F567F);
|
|
148
|
+
static const Color colorSteel800 = Color(0xFF103E5F);
|
|
149
|
+
static const Color colorSteel900 = Color(0xFF041D30);
|
|
150
|
+
static const Color colorSteel950 = Color(0xFF032841);
|
|
151
|
+
|
|
152
|
+
// ── Teal ─────────────────────────────────────────────────────────
|
|
153
|
+
static const Color colorTeal50 = Color(0xFFE9F3F2);
|
|
154
|
+
static const Color colorTeal100 = Color(0xFFC8E9E7);
|
|
155
|
+
static const Color colorTeal200 = Color(0xFF9ED1CF);
|
|
156
|
+
static const Color colorTeal300 = Color(0xFF72B2B0);
|
|
157
|
+
static const Color colorTeal400 = Color(0xFF469593);
|
|
158
|
+
static const Color colorTeal500 = Color(0xFF008280);
|
|
159
|
+
static const Color colorTeal600 = Color(0xFF116F6E);
|
|
160
|
+
static const Color colorTeal700 = Color(0xFF185B5A);
|
|
161
|
+
static const Color colorTeal800 = Color(0xFF144241);
|
|
162
|
+
static const Color colorTeal900 = Color(0xFF032B2A);
|
|
163
|
+
static const Color colorTeal950 = Color(0xFF02201F);
|
|
164
|
+
|
|
165
|
+
// ── Jade ─────────────────────────────────────────────────────────
|
|
166
|
+
static const Color colorJade50 = Color(0xFFEAF3EF);
|
|
167
|
+
static const Color colorJade100 = Color(0xFFC6EADF);
|
|
168
|
+
static const Color colorJade200 = Color(0xFF8CD4C2);
|
|
169
|
+
static const Color colorJade300 = Color(0xFF63B4A2);
|
|
170
|
+
static const Color colorJade400 = Color(0xFF349985);
|
|
171
|
+
static const Color colorJade500 = Color(0xFF008370);
|
|
172
|
+
static const Color colorJade600 = Color(0xFF0E7060);
|
|
173
|
+
static const Color colorJade700 = Color(0xFF0E5D50);
|
|
174
|
+
static const Color colorJade800 = Color(0xFF034439);
|
|
175
|
+
static const Color colorJade900 = Color(0xFF002C24);
|
|
176
|
+
static const Color colorJade950 = Color(0xFF02201A);
|
|
177
|
+
|
|
178
|
+
// ── Green ────────────────────────────────────────────────────────
|
|
179
|
+
static const Color colorGreen50 = Color(0xFFECF2EA);
|
|
180
|
+
static const Color colorGreen100 = Color(0xFFD0E9D2);
|
|
181
|
+
static const Color colorGreen200 = Color(0xFF9FD3A9);
|
|
182
|
+
static const Color colorGreen300 = Color(0xFF78B385);
|
|
183
|
+
static const Color colorGreen400 = Color(0xFF469961);
|
|
184
|
+
static const Color colorGreen500 = Color(0xFF23834A);
|
|
185
|
+
static const Color colorGreen600 = Color(0xFF2A7043);
|
|
186
|
+
static const Color colorGreen700 = Color(0xFF295C3A);
|
|
187
|
+
static const Color colorGreen800 = Color(0xFF21422A);
|
|
188
|
+
static const Color colorGreen900 = Color(0xFF112B19);
|
|
189
|
+
static const Color colorGreen950 = Color(0xFF0B2011);
|
|
190
|
+
|
|
191
|
+
// ── Lime ─────────────────────────────────────────────────────────
|
|
192
|
+
static const Color colorLime50 = Color(0xFFF0F2E7);
|
|
193
|
+
static const Color colorLime100 = Color(0xFFD7E8C6);
|
|
194
|
+
static const Color colorLime200 = Color(0xFFADD18F);
|
|
195
|
+
static const Color colorLime300 = Color(0xFF81B45C);
|
|
196
|
+
static const Color colorLime400 = Color(0xFF64963F);
|
|
197
|
+
static const Color colorLime500 = Color(0xFF478019);
|
|
198
|
+
static const Color colorLime600 = Color(0xFF406F1D);
|
|
199
|
+
static const Color colorLime700 = Color(0xFF385B1E);
|
|
200
|
+
static const Color colorLime800 = Color(0xFF2A4218);
|
|
201
|
+
static const Color colorLime900 = Color(0xFF182A0C);
|
|
202
|
+
static const Color colorLime950 = Color(0xFF121F09);
|
|
203
|
+
|
|
204
|
+
// ── Yellow ───────────────────────────────────────────────────────
|
|
205
|
+
static const Color colorYellow50 = Color(0xFFFAF1DB);
|
|
206
|
+
static const Color colorYellow100 = Color(0xFFF9E28A);
|
|
207
|
+
static const Color colorYellow200 = Color(0xFFE3C437);
|
|
208
|
+
static const Color colorYellow300 = Color(0xFFC0A300);
|
|
209
|
+
static const Color colorYellow400 = Color(0xFFA18800);
|
|
210
|
+
static const Color colorYellow500 = Color(0xFF887200);
|
|
211
|
+
static const Color colorYellow600 = Color(0xFF746202);
|
|
212
|
+
static const Color colorYellow700 = Color(0xFF615102);
|
|
213
|
+
static const Color colorYellow800 = Color(0xFF463A01);
|
|
214
|
+
static const Color colorYellow900 = Color(0xFF2E2500);
|
|
215
|
+
static const Color colorYellow950 = Color(0xFF221B00);
|
|
216
|
+
|
|
217
|
+
// ── Amber ────────────────────────────────────────────────────────
|
|
218
|
+
static const Color colorAmber50 = Color(0xFFFCEEE0);
|
|
219
|
+
static const Color colorAmber100 = Color(0xFFF8DFBF);
|
|
220
|
+
static const Color colorAmber200 = Color(0xFFF1BE71);
|
|
221
|
+
static const Color colorAmber300 = Color(0xFFD19C46);
|
|
222
|
+
static const Color colorAmber400 = Color(0xFFB47F1E);
|
|
223
|
+
static const Color colorAmber500 = Color(0xFF996805);
|
|
224
|
+
static const Color colorAmber600 = Color(0xFF875B04);
|
|
225
|
+
static const Color colorAmber700 = Color(0xFF6F4B02);
|
|
226
|
+
static const Color colorAmber800 = Color(0xFF513601);
|
|
227
|
+
static const Color colorAmber900 = Color(0xFF352201);
|
|
228
|
+
static const Color colorAmber950 = Color(0xFF291900);
|
|
229
|
+
|
|
230
|
+
// ── Orange ───────────────────────────────────────────────────────
|
|
231
|
+
static const Color colorOrange50 = Color(0xFFFAEEE9);
|
|
232
|
+
static const Color colorOrange100 = Color(0xFFF9DDD0);
|
|
233
|
+
static const Color colorOrange200 = Color(0xFFF7B997);
|
|
234
|
+
static const Color colorOrange300 = Color(0xFFF08C50);
|
|
235
|
+
static const Color colorOrange400 = Color(0xFFD26D2B);
|
|
236
|
+
static const Color colorOrange500 = Color(0xFFBA5400);
|
|
237
|
+
static const Color colorOrange600 = Color(0xFFA24907);
|
|
238
|
+
static const Color colorOrange700 = Color(0xFF873D07);
|
|
239
|
+
static const Color colorOrange800 = Color(0xFF642C04);
|
|
240
|
+
static const Color colorOrange900 = Color(0xFF411B02);
|
|
241
|
+
static const Color colorOrange950 = Color(0xFF301302);
|
|
242
|
+
|
|
243
|
+
// ── Magenta ──────────────────────────────────────────────────────
|
|
244
|
+
static const Color colorMagenta50 = Color(0xFFFBEEEF);
|
|
245
|
+
static const Color colorMagenta100 = Color(0xFFFFD7E0);
|
|
246
|
+
static const Color colorMagenta200 = Color(0xFFFFB1C7);
|
|
247
|
+
static const Color colorMagenta300 = Color(0xFFFF7AA7);
|
|
248
|
+
static const Color colorMagenta400 = Color(0xFFEA4F8B);
|
|
249
|
+
static const Color colorMagenta500 = Color(0xFFD12E75);
|
|
250
|
+
static const Color colorMagenta600 = Color(0xFFB62965);
|
|
251
|
+
static const Color colorMagenta700 = Color(0xFF9A1F53);
|
|
252
|
+
static const Color colorMagenta800 = Color(0xFF71163C);
|
|
253
|
+
static const Color colorMagenta900 = Color(0xFF4A0D27);
|
|
254
|
+
static const Color colorMagenta950 = Color(0xFF38091C);
|
|
255
|
+
|
|
256
|
+
// ── Maroon ───────────────────────────────────────────────────────
|
|
257
|
+
static const Color colorMaroon50 = Color(0xFFF9EEF3);
|
|
258
|
+
static const Color colorMaroon100 = Color(0xFFF6DBEF);
|
|
259
|
+
static const Color colorMaroon200 = Color(0xFFEAB6E3);
|
|
260
|
+
static const Color colorMaroon300 = Color(0xFFD88CD1);
|
|
261
|
+
static const Color colorMaroon400 = Color(0xFFC465C0);
|
|
262
|
+
static const Color colorMaroon500 = Color(0xFFB14BB0);
|
|
263
|
+
static const Color colorMaroon600 = Color(0xFF983F98);
|
|
264
|
+
static const Color colorMaroon700 = Color(0xFF7F347E);
|
|
265
|
+
static const Color colorMaroon800 = Color(0xFF5E245D);
|
|
266
|
+
static const Color colorMaroon900 = Color(0xFF3E163D);
|
|
267
|
+
static const Color colorMaroon950 = Color(0xFF2C122B);
|
|
268
|
+
|
|
269
|
+
// ── Violet ───────────────────────────────────────────────────────
|
|
270
|
+
static const Color colorViolet50 = Color(0xFFF9EEFE);
|
|
271
|
+
static const Color colorViolet100 = Color(0xFFEEDCFD);
|
|
272
|
+
static const Color colorViolet200 = Color(0xFFD8B8FD);
|
|
273
|
+
static const Color colorViolet300 = Color(0xFFBE92F4);
|
|
274
|
+
static const Color colorViolet400 = Color(0xFFA372DD);
|
|
275
|
+
static const Color colorViolet500 = Color(0xFF8F5ACE);
|
|
276
|
+
static const Color colorViolet600 = Color(0xFF7750A8);
|
|
277
|
+
static const Color colorViolet700 = Color(0xFF64428D);
|
|
278
|
+
static const Color colorViolet800 = Color(0xFF492E6A);
|
|
279
|
+
static const Color colorViolet900 = Color(0xFF311B4B);
|
|
280
|
+
static const Color colorViolet950 = Color(0xFF241338);
|
|
281
|
+
|
|
282
|
+
// ================================================================
|
|
283
|
+
// SEMANTIC TOKENS
|
|
284
|
+
// ================================================================
|
|
285
|
+
|
|
286
|
+
// ── Surfaces — Light ─────────────────────────────────────────────
|
|
287
|
+
static const Color colorSurfaceBase = colorStaticWhite;
|
|
288
|
+
static const Color colorSurfaceRaised = colorStaticWhite;
|
|
289
|
+
static const Color colorSurfaceContainer = colorNeutral50;
|
|
290
|
+
static const Color colorSurfacePressed = colorNeutral300;
|
|
291
|
+
static const Color colorSurfaceSelected = colorNeutral50;
|
|
292
|
+
static const Color colorSurfaceSelectedPressed = colorNeutral200;
|
|
293
|
+
static const Color colorSurfaceActive = colorNeutral100;
|
|
294
|
+
static const Color colorSurfaceAction = colorPrimaryDefault;
|
|
295
|
+
static const Color colorSurfaceInset = colorNeutral50;
|
|
296
|
+
static const Color colorSurfaceInverse = colorNeutral900;
|
|
297
|
+
static const Color colorSurfaceAccent = colorGrayTransparent2;
|
|
298
|
+
static const Color colorSurfaceOnAction = colorGray25;
|
|
299
|
+
static const Color colorSurfaceOnActionDisabled = colorNeutral300;
|
|
300
|
+
static const Color colorSurfaceActionDisabled = colorNeutral100;
|
|
301
|
+
static const Color colorSurfaceSuccess = colorSuccess50;
|
|
302
|
+
static const Color colorSurfaceInfo = colorInformation50;
|
|
303
|
+
static const Color colorSurfaceWarning = colorWarning50;
|
|
304
|
+
static const Color colorSurfaceError = colorError50;
|
|
305
|
+
static const Color colorSurfaceOverlay = colorNeutral500Transparent;
|
|
306
|
+
static const Color colorSurfaceOverlayLevel2 = colorNeutral500Transparent2;
|
|
307
|
+
|
|
308
|
+
// ── Surfaces — Dark ──────────────────────────────────────────────
|
|
309
|
+
static const Color colorSurfaceBaseDark = colorNeutral900;
|
|
310
|
+
static const Color colorSurfaceRaisedDark = colorNeutral900;
|
|
311
|
+
static const Color colorSurfaceContainerDark = colorNeutral900;
|
|
312
|
+
static const Color colorSurfacePressedDark = colorNeutral600;
|
|
313
|
+
static const Color colorSurfaceSelectedDark = colorNeutral700;
|
|
314
|
+
static const Color colorSurfaceSelectedPressedDark = colorNeutral600;
|
|
315
|
+
static const Color colorSurfaceActiveDark = colorNeutral600;
|
|
316
|
+
static const Color colorSurfaceActionDark = colorPrimaryDefault;
|
|
317
|
+
static const Color colorSurfaceInsetDark = colorNeutral900;
|
|
318
|
+
static const Color colorSurfaceInverseDark = colorNeutral50Transparent;
|
|
319
|
+
static const Color colorSurfaceAccentDark = colorGrayTransparent2;
|
|
320
|
+
static const Color colorSurfaceOnActionDark = colorGray900;
|
|
321
|
+
static const Color colorSurfaceOnActionDisabledDark = colorNeutral600;
|
|
322
|
+
static const Color colorSurfaceActionDisabledDark = colorNeutral900;
|
|
323
|
+
static const Color colorSurfaceSuccessDark = colorSuccess600;
|
|
324
|
+
static const Color colorSurfaceInfoDark = colorInformation600;
|
|
325
|
+
static const Color colorSurfaceWarningDark = colorWarning600;
|
|
326
|
+
static const Color colorSurfaceErrorDark = colorError600;
|
|
327
|
+
static const Color colorSurfaceOverlayDark = colorNeutral500Transparent2;
|
|
328
|
+
static const Color colorSurfaceOverlayLevel2Dark = colorNeutral500Transparent;
|
|
329
|
+
|
|
330
|
+
// ── Primary — Light ──────────────────────────────────────────────
|
|
331
|
+
static const Color colorPrimaryDefault = colorBlue600;
|
|
332
|
+
static const Color colorPrimaryPressed = colorBlue800;
|
|
333
|
+
static const Color colorPrimaryContainer = colorBlue50;
|
|
334
|
+
|
|
335
|
+
// ── Primary — Dark ───────────────────────────────────────────────
|
|
336
|
+
static const Color colorPrimaryDefaultDark = colorBlue400;
|
|
337
|
+
static const Color colorPrimaryPressedDark = colorBlue200;
|
|
338
|
+
static const Color colorPrimaryContainerDark = colorBlue950;
|
|
339
|
+
|
|
340
|
+
// ── Neutral — Light ──────────────────────────────────────────────
|
|
341
|
+
static const Color colorNeutralDefault = colorNeutral700;
|
|
342
|
+
static const Color colorNeutralPressed = colorNeutral900;
|
|
343
|
+
static const Color colorNeutralContainer = colorNeutral50;
|
|
344
|
+
static const Color colorNeutralContainerPressed = colorNeutral300;
|
|
345
|
+
|
|
346
|
+
// ── Neutral — Dark ───────────────────────────────────────────────
|
|
347
|
+
static const Color colorNeutralDefaultDark = colorNeutral300;
|
|
348
|
+
static const Color colorNeutralPressedDark = colorNeutral50;
|
|
349
|
+
static const Color colorNeutralContainerDark = colorNeutral900;
|
|
350
|
+
static const Color colorNeutralContainerPressedDark = colorNeutral700;
|
|
351
|
+
|
|
352
|
+
// ── Accent — Light ───────────────────────────────────────────────
|
|
353
|
+
static const Color colorAccentDefault = colorMagenta600;
|
|
354
|
+
static const Color colorAccentActive = colorMagenta800;
|
|
355
|
+
static const Color colorAccentContainer = colorMagenta100;
|
|
356
|
+
|
|
357
|
+
// ── Accent — Dark ────────────────────────────────────────────────
|
|
358
|
+
static const Color colorAccentDefaultDark = colorMagenta400;
|
|
359
|
+
static const Color colorAccentActiveDark = colorMagenta200;
|
|
360
|
+
static const Color colorAccentContainerDark = colorMagenta700;
|
|
361
|
+
|
|
362
|
+
// ── Status Colors — Light ────────────────────────────────────────
|
|
363
|
+
static const Color colorSuccessDefault = colorSuccess600;
|
|
364
|
+
static const Color colorSuccessPressed = colorSuccess800;
|
|
365
|
+
static const Color colorSuccessContainer = colorSuccess100;
|
|
366
|
+
static const Color colorWarningDefault = colorWarning600;
|
|
367
|
+
static const Color colorWarningPressed = colorWarning800;
|
|
368
|
+
static const Color colorWarningContainer = colorWarning100;
|
|
369
|
+
static const Color colorErrorDefault = colorError600;
|
|
370
|
+
static const Color colorErrorPressed = colorError800;
|
|
371
|
+
static const Color colorErrorContainer = colorError100;
|
|
372
|
+
static const Color colorInfoDefault = colorInformation600;
|
|
373
|
+
static const Color colorInfoPressed = colorInformation800;
|
|
374
|
+
static const Color colorInfoContainer = colorInformation100;
|
|
375
|
+
|
|
376
|
+
// ── Status Colors — Dark ─────────────────────────────────────────
|
|
377
|
+
static const Color colorSuccessDefaultDark = colorSuccess400;
|
|
378
|
+
static const Color colorSuccessPressedDark = colorSuccess200;
|
|
379
|
+
static const Color colorSuccessContainerDark = colorSuccess800;
|
|
380
|
+
static const Color colorWarningDefaultDark = colorWarning400;
|
|
381
|
+
static const Color colorWarningPressedDark = colorWarning200;
|
|
382
|
+
static const Color colorWarningContainerDark = colorWarning800;
|
|
383
|
+
static const Color colorErrorDefaultDark = colorError400;
|
|
384
|
+
static const Color colorErrorPressedDark = colorError200;
|
|
385
|
+
static const Color colorErrorContainerDark = colorError950;
|
|
386
|
+
static const Color colorInfoDefaultDark = colorInformation400;
|
|
387
|
+
static const Color colorInfoPressedDark = colorInformation200;
|
|
388
|
+
static const Color colorInfoContainerDark = colorInformation800;
|
|
389
|
+
|
|
390
|
+
// ── Text — Light ─────────────────────────────────────────────────
|
|
391
|
+
static const Color colorTextStaticWhite = colorStaticWhite;
|
|
392
|
+
static const Color colorTextStaticBlack = colorStaticBlack;
|
|
393
|
+
static const Color colorTextDefault = colorStaticBlack;
|
|
394
|
+
static const Color colorTextSecondary = colorNeutral600;
|
|
395
|
+
static const Color colorTextMuted = colorNeutral500;
|
|
396
|
+
static const Color colorTextInverse = colorStaticWhite;
|
|
397
|
+
static const Color colorTextLink = colorInformation700;
|
|
398
|
+
static const Color colorTextAction = colorBlue600;
|
|
399
|
+
static const Color colorTextSuccess = colorSuccess700;
|
|
400
|
+
static const Color colorTextInfo = colorInformation700;
|
|
401
|
+
static const Color colorTextWarning = colorWarning700;
|
|
402
|
+
static const Color colorTextError = colorError700;
|
|
403
|
+
static const Color colorTextOnAction = colorStaticWhite;
|
|
404
|
+
static const Color colorTextOnDisabled = colorNeutral400;
|
|
405
|
+
static const Color colorTextAccent = colorPurple700;
|
|
406
|
+
static const Color colorTextInverseAccent = colorPurple400;
|
|
407
|
+
static const Color colorTextNeutralDefault = colorNeutral600;
|
|
408
|
+
static const Color colorTextNeutralPressed = colorNeutral900;
|
|
409
|
+
|
|
410
|
+
// ── Text — Dark ──────────────────────────────────────────────────
|
|
411
|
+
static const Color colorTextStaticWhiteDark = colorStaticWhite;
|
|
412
|
+
static const Color colorTextStaticBlackDark = colorStaticBlack;
|
|
413
|
+
static const Color colorTextDefaultDark = colorStaticWhite;
|
|
414
|
+
static const Color colorTextSecondaryDark = colorNeutral200;
|
|
415
|
+
static const Color colorTextMutedDark = colorNeutral300;
|
|
416
|
+
static const Color colorTextInverseDark = colorStaticBlack;
|
|
417
|
+
static const Color colorTextLinkDark = colorInformation400;
|
|
418
|
+
static const Color colorTextActionDark = colorBlue400;
|
|
419
|
+
static const Color colorTextSuccessDark = colorSuccess300;
|
|
420
|
+
static const Color colorTextInfoDark = colorInformation300;
|
|
421
|
+
static const Color colorTextWarningDark = colorWarning300;
|
|
422
|
+
static const Color colorTextErrorDark = colorError300;
|
|
423
|
+
static const Color colorTextOnActionDark = colorStaticBlack;
|
|
424
|
+
static const Color colorTextOnDisabledDark = colorNeutral600;
|
|
425
|
+
static const Color colorTextAccentDark = colorPurple400;
|
|
426
|
+
static const Color colorTextInverseAccentDark = colorPurple600;
|
|
427
|
+
static const Color colorTextNeutralDefaultDark = colorNeutral300;
|
|
428
|
+
static const Color colorTextNeutralPressedDark = colorNeutral50;
|
|
429
|
+
|
|
430
|
+
// ── Icons — Light ────────────────────────────────────────────────
|
|
431
|
+
static const Color colorIconsStaticWhite = colorStaticWhite;
|
|
432
|
+
static const Color colorIconsStaticBlack = colorStaticBlack;
|
|
433
|
+
static const Color colorIconsDefault = colorNeutral900;
|
|
434
|
+
static const Color colorIconsMuted = colorNeutral500;
|
|
435
|
+
static const Color colorIconsDisabled = colorNeutral400;
|
|
436
|
+
static const Color colorIconsInverse = colorStaticWhite;
|
|
437
|
+
static const Color colorIconsAction = colorBlue600;
|
|
438
|
+
static const Color colorIconsSuccess = colorSuccess600;
|
|
439
|
+
static const Color colorIconsInfo = colorInformation700;
|
|
440
|
+
static const Color colorIconsWarning = colorWarning700;
|
|
441
|
+
static const Color colorIconsError = colorError700;
|
|
442
|
+
static const Color colorIconsNeutralDefault = colorNeutral700;
|
|
443
|
+
static const Color colorIconsNeutralPressed = colorNeutral900;
|
|
444
|
+
|
|
445
|
+
// ── Icons — Dark ─────────────────────────────────────────────────
|
|
446
|
+
static const Color colorIconsStaticWhiteDark = colorStaticWhite;
|
|
447
|
+
static const Color colorIconsStaticBlackDark = colorStaticBlack;
|
|
448
|
+
static const Color colorIconsDefaultDark = colorNeutral25;
|
|
449
|
+
static const Color colorIconsMutedDark = colorNeutral400;
|
|
450
|
+
static const Color colorIconsDisabledDark = colorNeutral600;
|
|
451
|
+
static const Color colorIconsInverseDark = colorStaticBlack;
|
|
452
|
+
static const Color colorIconsActionDark = colorBlue400;
|
|
453
|
+
static const Color colorIconsSuccessDark = colorSuccess400;
|
|
454
|
+
static const Color colorIconsInfoDark = colorInformation300;
|
|
455
|
+
static const Color colorIconsWarningDark = colorWarning300;
|
|
456
|
+
static const Color colorIconsErrorDark = colorError300;
|
|
457
|
+
static const Color colorIconsNeutralDefaultDark = colorNeutral300;
|
|
458
|
+
static const Color colorIconsNeutralPressedDark = colorNeutral50;
|
|
459
|
+
|
|
460
|
+
// ── Borders — Light ──────────────────────────────────────────────
|
|
461
|
+
static const Color colorBorderDefault = colorNeutral100;
|
|
462
|
+
static const Color colorBorderNeutralActive = colorNeutral500;
|
|
463
|
+
static const Color colorBorderNeutralDisabled = colorNeutral200;
|
|
464
|
+
static const Color colorBorderNeutralContainer = colorNeutral200;
|
|
465
|
+
static const Color colorBorderNeutralContainerPressed = colorNeutral400;
|
|
466
|
+
static const Color colorBorderSuccess = colorSuccess500;
|
|
467
|
+
static const Color colorBorderWarning = colorWarning500;
|
|
468
|
+
static const Color colorBorderError = colorError700;
|
|
469
|
+
static const Color colorBorderInfo = colorInformation500;
|
|
470
|
+
static const Color colorBorderPrimary = colorBlue500;
|
|
471
|
+
static const Color colorBorderPrimaryPressed = colorBlue700;
|
|
472
|
+
|
|
473
|
+
// ── Borders — Dark ───────────────────────────────────────────────
|
|
474
|
+
static const Color colorBorderDefaultDark = colorNeutral800;
|
|
475
|
+
static const Color colorBorderNeutralActiveDark = colorNeutral500;
|
|
476
|
+
static const Color colorBorderNeutralDisabledDark = colorNeutral700;
|
|
477
|
+
static const Color colorBorderNeutralContainerDark = colorNeutral700;
|
|
478
|
+
static const Color colorBorderNeutralContainerPressedDark = colorNeutral300;
|
|
479
|
+
static const Color colorBorderSuccessDark = colorSuccess400;
|
|
480
|
+
static const Color colorBorderWarningDark = colorWarning400;
|
|
481
|
+
static const Color colorBorderErrorDark = colorError300;
|
|
482
|
+
static const Color colorBorderInfoDark = colorInformation400;
|
|
483
|
+
static const Color colorBorderPrimaryDark = colorBlue400;
|
|
484
|
+
static const Color colorBorderPrimaryPressedDark = colorBlue200;
|
|
485
|
+
|
|
486
|
+
// ── Elevation — Light ────────────────────────────────────────────
|
|
487
|
+
static const Color colorElevationNone = colorElevationNone;
|
|
488
|
+
static const Color colorElevationLow = colorElevationLow;
|
|
489
|
+
static const Color colorElevationMedium = colorElevationMedium;
|
|
490
|
+
static const Color colorElevationHigh = colorElevationHigh;
|
|
491
|
+
static const Color colorElevationHigher = colorElevationHigher;
|
|
492
|
+
static const Color colorElevationHighest = colorElevationHighest;
|
|
493
|
+
static const Color colorElevationInner = colorElevationInner;
|
|
494
|
+
|
|
495
|
+
// ── Elevation — Dark ─────────────────────────────────────────────
|
|
496
|
+
static const Color colorElevationNoneDark = colorElevationNone;
|
|
497
|
+
static const Color colorElevationLowDark = Color(0x66000000);
|
|
498
|
+
static const Color colorElevationMediumDark = Color(0x59000000);
|
|
499
|
+
static const Color colorElevationHighDark = Color(0x4D000000);
|
|
500
|
+
static const Color colorElevationHigherDark = Color(0x40000000);
|
|
501
|
+
static const Color colorElevationHighestDark = Color(0x33000000);
|
|
502
|
+
static const Color colorElevationInnerDark = Color(0x0D000102);
|
|
503
|
+
|
|
504
|
+
// ── Spacing (logical pixels) ─────────────────────────────────────
|
|
505
|
+
static const double spacing0 = 0;
|
|
506
|
+
static const double spacing25 = 2;
|
|
507
|
+
static const double spacing50 = 4;
|
|
508
|
+
static const double spacing75 = 6;
|
|
509
|
+
static const double spacing100 = 8;
|
|
510
|
+
static const double spacing150 = 12;
|
|
511
|
+
static const double spacing200 = 16;
|
|
512
|
+
static const double spacing250 = 20;
|
|
513
|
+
static const double spacing300 = 24;
|
|
514
|
+
static const double spacing350 = 28;
|
|
515
|
+
static const double spacing400 = 32;
|
|
516
|
+
static const double spacing500 = 40;
|
|
517
|
+
static const double spacing550 = 44;
|
|
518
|
+
static const double spacing600 = 48;
|
|
519
|
+
static const double spacing700 = 56;
|
|
520
|
+
static const double spacing800 = 64;
|
|
521
|
+
static const double spacing1000 = 80;
|
|
522
|
+
static const double spacing1200 = 96;
|
|
523
|
+
static const double spacing1500 = 120;
|
|
524
|
+
|
|
525
|
+
// ── Border Radius ────────────────────────────────────────────────
|
|
526
|
+
static const double borderRadius0 = 0;
|
|
527
|
+
static const double borderRadius50 = 4;
|
|
528
|
+
static const double borderRadius75 = 6;
|
|
529
|
+
static const double borderRadius100 = 8;
|
|
530
|
+
static const double borderRadius150 = 12;
|
|
531
|
+
static const double borderRadius200 = 16;
|
|
532
|
+
static const double borderRadius300 = 24;
|
|
533
|
+
static const double borderRadiusFull = 120;
|
|
534
|
+
|
|
535
|
+
// ── Font Sizes ───────────────────────────────────────────────────
|
|
536
|
+
static const double fontSize2xs = 10;
|
|
537
|
+
static const double fontSizeXs = 12;
|
|
538
|
+
static const double fontSizeSm = 14;
|
|
539
|
+
static const double fontSizeMd = 16;
|
|
540
|
+
static const double fontSizeLg = 18;
|
|
541
|
+
static const double fontSizeXl = 20;
|
|
542
|
+
static const double fontSize2xl = 24;
|
|
543
|
+
static const double fontSize3xl = 28;
|
|
544
|
+
static const double fontSize4xl = 32;
|
|
545
|
+
static const double fontSize5xl = 40;
|
|
546
|
+
static const double fontSize6xl = 48;
|
|
547
|
+
|
|
548
|
+
// ── Font Weights ─────────────────────────────────────────────────
|
|
549
|
+
static const FontWeight fontWeightThin = FontWeight.w100;
|
|
550
|
+
static const FontWeight fontWeightRegular = FontWeight.w400;
|
|
551
|
+
static const FontWeight fontWeightMedium = FontWeight.w500;
|
|
552
|
+
static const FontWeight fontWeightSemibold = FontWeight.w600;
|
|
553
|
+
static const FontWeight fontWeightBold = FontWeight.w700;
|
|
554
|
+
static const FontWeight fontWeightBlack = FontWeight.w900;
|
|
555
|
+
|
|
556
|
+
// ── Elevation Shadows ────────────────────────────────────────────
|
|
557
|
+
static const List<BoxShadow> elevation1 = [BoxShadow(color: Color(0x0F21262E), blurRadius: 2, offset: Offset(0, 1)), BoxShadow(color: Color(0x1A21262E), blurRadius: 3, offset: Offset(0, 1))];
|
|
558
|
+
static const List<BoxShadow> elevation2 = [BoxShadow(color: Color(0x1421262E), blurRadius: 3, offset: Offset(0, 1)), BoxShadow(color: Color(0x1F21262E), blurRadius: 6, offset: Offset(0, 2))];
|
|
559
|
+
static const List<BoxShadow> elevation3 = [BoxShadow(color: Color(0x1A21262E), blurRadius: 8, offset: Offset(0, 2)), BoxShadow(color: Color(0x2921262E), blurRadius: 16, offset: Offset(0, 4))];
|
|
560
|
+
static const List<BoxShadow> elevation4 = [BoxShadow(color: Color(0x1F21262E), blurRadius: 16, offset: Offset(0, 4)), BoxShadow(color: Color(0x3321262E), blurRadius: 32, offset: Offset(0, 8))];
|
|
561
|
+
static const List<BoxShadow> elevation5 = [BoxShadow(color: Color(0x2421262E), blurRadius: 24, offset: Offset(0, 8)), BoxShadow(color: Color(0x3D21262E), blurRadius: 48, offset: Offset(0, 16))];
|
|
562
|
+
static const List<BoxShadow> elevation6 = [BoxShadow(color: Color(0x3321262E), blurRadius: 48, offset: Offset(0, 16)), BoxShadow(color: Color(0x5221262E), blurRadius: 64, offset: Offset(0, 32))];
|
|
563
|
+
|
|
564
|
+
// ── Animation Durations ──────────────────────────────────────────
|
|
565
|
+
static const Duration durationInstant = Duration(milliseconds: 0);
|
|
566
|
+
static const Duration durationFast = Duration(milliseconds: 100);
|
|
567
|
+
static const Duration durationDefault = Duration(milliseconds: 200);
|
|
568
|
+
static const Duration durationSlow = Duration(milliseconds: 300);
|
|
569
|
+
static const Duration durationSlower = Duration(milliseconds: 500);
|
|
570
|
+
|
|
571
|
+
// ── Animation Curves ─────────────────────────────────────────────
|
|
572
|
+
static const Curve easingStandard = Cubic(0.4, 0.0, 0.2, 1);
|
|
573
|
+
static const Curve easingDecelerate = Cubic(0.0, 0.0, 0.2, 1);
|
|
574
|
+
static const Curve easingAccelerate = Cubic(0.4, 0.0, 1.0, 1);
|
|
575
|
+
|
|
576
|
+
// ── Z-index equivalents (layer ordering) ────────────────────────
|
|
577
|
+
static const int zBelow = -1;
|
|
578
|
+
static const int zBase = 0;
|
|
579
|
+
static const int zRaised = 10;
|
|
580
|
+
static const int zDropdown = 100;
|
|
581
|
+
static const int zSticky = 200;
|
|
582
|
+
static const int zOverlay = 300;
|
|
583
|
+
static const int zModal = 400;
|
|
584
|
+
static const int zPopover = 500;
|
|
585
|
+
static const int zToast = 600;
|
|
586
|
+
static const int zTop = 999;
|
|
587
|
+
}
|
|
@@ -690,7 +690,7 @@ public enum BrandsyncToken {
|
|
|
690
690
|
public static let colorTextInverseAccent = UIColor(red: 0.369, green: 0.278, blue: 0.902, alpha: 1)
|
|
691
691
|
public static let colorTextNeutral - default = UIColor(red: 0.627, green: 0.647, blue: 0.706, alpha: 1)
|
|
692
692
|
public static let colorTextNeutral - pressed = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
|
|
693
|
-
public static let colorSurfaceBase = UIColor(red: 0.
|
|
693
|
+
public static let colorSurfaceBase = UIColor(red: 0.129, green: 0.149, blue: 0.180, alpha: 1)
|
|
694
694
|
public static let colorSurfaceRaised = UIColor(red: 0.129, green: 0.149, blue: 0.180, alpha: 1)
|
|
695
695
|
public static let colorSurfaceContainer = UIColor(red: 0.129, green: 0.149, blue: 0.180, alpha: 1)
|
|
696
696
|
public static let colorSurfacePressed = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
|
package/package.json
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "brandsync-tokens",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.24",
|
|
4
4
|
"description": "Brandsync design tokens — CSS custom properties",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./tokens.css": "./dist/css/tokens.css",
|
|
7
7
|
"./accessibility.json": "./dist/json/accessibility.json",
|
|
8
|
-
"./themebuilder.json": "./dist/json/themebuilder.json"
|
|
8
|
+
"./themebuilder.json": "./dist/json/themebuilder.json",
|
|
9
|
+
"./dart/BrandsyncTokens.dart": "./dist/dart/BrandsyncTokens.dart"
|
|
9
10
|
},
|
|
10
11
|
"files": [
|
|
11
12
|
"dist/css/tokens.css",
|
|
12
13
|
"dist/json/",
|
|
13
|
-
"dist/swift/"
|
|
14
|
+
"dist/swift/",
|
|
15
|
+
"dist/dart/"
|
|
14
16
|
],
|
|
15
17
|
"scripts": {
|
|
16
18
|
"normalize-tokens": "node scripts/normalize-tokens.js --dir tokens",
|