brandsync-tokens 1.0.21 → 1.0.23
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,426 @@
|
|
|
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
|
+
// ── Steel ────────────────────────────────────────────────────────
|
|
101
|
+
static const Color colorSteel50 = Color(0xFFEEF0F6);
|
|
102
|
+
static const Color colorSteel100 = Color(0xFFD9E3F1);
|
|
103
|
+
static const Color colorSteel200 = Color(0xFFB1C9E3);
|
|
104
|
+
static const Color colorSteel300 = Color(0xFF83AAD0);
|
|
105
|
+
static const Color colorSteel400 = Color(0xFF558DBE);
|
|
106
|
+
static const Color colorSteel500 = Color(0xFF3779AE);
|
|
107
|
+
static const Color colorSteel600 = Color(0xFF2B6796);
|
|
108
|
+
static const Color colorSteel700 = Color(0xFF1F567F);
|
|
109
|
+
static const Color colorSteel800 = Color(0xFF103E5F);
|
|
110
|
+
static const Color colorSteel900 = Color(0xFF041D30);
|
|
111
|
+
static const Color colorSteel950 = Color(0xFF032841);
|
|
112
|
+
|
|
113
|
+
// ── Teal ─────────────────────────────────────────────────────────
|
|
114
|
+
static const Color colorTeal50 = Color(0xFFE9F3F2);
|
|
115
|
+
static const Color colorTeal100 = Color(0xFFC8E9E7);
|
|
116
|
+
static const Color colorTeal200 = Color(0xFF9ED1CF);
|
|
117
|
+
static const Color colorTeal300 = Color(0xFF72B2B0);
|
|
118
|
+
static const Color colorTeal400 = Color(0xFF469593);
|
|
119
|
+
static const Color colorTeal500 = Color(0xFF008280);
|
|
120
|
+
static const Color colorTeal600 = Color(0xFF116F6E);
|
|
121
|
+
static const Color colorTeal700 = Color(0xFF185B5A);
|
|
122
|
+
static const Color colorTeal800 = Color(0xFF144241);
|
|
123
|
+
static const Color colorTeal900 = Color(0xFF032B2A);
|
|
124
|
+
static const Color colorTeal950 = Color(0xFF02201F);
|
|
125
|
+
|
|
126
|
+
// ── Jade ─────────────────────────────────────────────────────────
|
|
127
|
+
static const Color colorJade50 = Color(0xFFEAF3EF);
|
|
128
|
+
static const Color colorJade100 = Color(0xFFC6EADF);
|
|
129
|
+
static const Color colorJade200 = Color(0xFF8CD4C2);
|
|
130
|
+
static const Color colorJade300 = Color(0xFF63B4A2);
|
|
131
|
+
static const Color colorJade400 = Color(0xFF349985);
|
|
132
|
+
static const Color colorJade500 = Color(0xFF008370);
|
|
133
|
+
static const Color colorJade600 = Color(0xFF0E7060);
|
|
134
|
+
static const Color colorJade700 = Color(0xFF0E5D50);
|
|
135
|
+
static const Color colorJade800 = Color(0xFF034439);
|
|
136
|
+
static const Color colorJade900 = Color(0xFF002C24);
|
|
137
|
+
static const Color colorJade950 = Color(0xFF02201A);
|
|
138
|
+
|
|
139
|
+
// ================================================================
|
|
140
|
+
// SEMANTIC TOKENS
|
|
141
|
+
// ================================================================
|
|
142
|
+
|
|
143
|
+
// ── Surfaces — Light ─────────────────────────────────────────────
|
|
144
|
+
static const Color colorSurfaceBase = colorStaticWhite;
|
|
145
|
+
static const Color colorSurfaceRaised = colorStaticWhite;
|
|
146
|
+
static const Color colorSurfaceContainer = colorNeutral50;
|
|
147
|
+
static const Color colorSurfacePressed = colorNeutral300;
|
|
148
|
+
static const Color colorSurfaceSelected = colorNeutral50;
|
|
149
|
+
static const Color colorSurfaceSelectedPressed = colorNeutral200;
|
|
150
|
+
static const Color colorSurfaceActive = colorNeutral100;
|
|
151
|
+
static const Color colorSurfaceAction = colorPrimaryDefault;
|
|
152
|
+
static const Color colorSurfaceInset = colorNeutral50;
|
|
153
|
+
static const Color colorSurfaceInverse = colorNeutral900;
|
|
154
|
+
static const Color colorSurfaceAccent = colorGrayTransparent2;
|
|
155
|
+
static const Color colorSurfaceOnAction = colorGray25;
|
|
156
|
+
static const Color colorSurfaceOnActionDisabled = colorNeutral300;
|
|
157
|
+
static const Color colorSurfaceActionDisabled = colorNeutral100;
|
|
158
|
+
static const Color colorSurfaceSuccess = colorSuccess50;
|
|
159
|
+
static const Color colorSurfaceInfo = colorInformation50;
|
|
160
|
+
static const Color colorSurfaceWarning = colorWarning50;
|
|
161
|
+
static const Color colorSurfaceError = colorError50;
|
|
162
|
+
static const Color colorSurfaceOverlay = colorNeutral500Transparent;
|
|
163
|
+
static const Color colorSurfaceOverlayLevel2 = colorNeutral500Transparent2;
|
|
164
|
+
|
|
165
|
+
// ── Surfaces — Dark ──────────────────────────────────────────────
|
|
166
|
+
static const Color colorSurfaceBaseDark = colorNeutral900;
|
|
167
|
+
static const Color colorSurfaceRaisedDark = colorNeutral900;
|
|
168
|
+
static const Color colorSurfaceContainerDark = colorNeutral900;
|
|
169
|
+
static const Color colorSurfacePressedDark = colorNeutral600;
|
|
170
|
+
static const Color colorSurfaceSelectedDark = colorNeutral700;
|
|
171
|
+
static const Color colorSurfaceSelectedPressedDark = colorNeutral600;
|
|
172
|
+
static const Color colorSurfaceActiveDark = colorNeutral600;
|
|
173
|
+
static const Color colorSurfaceActionDark = colorPrimaryDefault;
|
|
174
|
+
static const Color colorSurfaceInsetDark = colorNeutral900;
|
|
175
|
+
static const Color colorSurfaceInverseDark = colorNeutral50Transparent;
|
|
176
|
+
static const Color colorSurfaceAccentDark = colorGrayTransparent2;
|
|
177
|
+
static const Color colorSurfaceOnActionDark = colorGray900;
|
|
178
|
+
static const Color colorSurfaceOnActionDisabledDark = colorNeutral600;
|
|
179
|
+
static const Color colorSurfaceActionDisabledDark = colorNeutral900;
|
|
180
|
+
static const Color colorSurfaceSuccessDark = colorSuccess600;
|
|
181
|
+
static const Color colorSurfaceInfoDark = colorInformation600;
|
|
182
|
+
static const Color colorSurfaceWarningDark = colorWarning600;
|
|
183
|
+
static const Color colorSurfaceErrorDark = colorError600;
|
|
184
|
+
static const Color colorSurfaceOverlayDark = colorNeutral500Transparent2;
|
|
185
|
+
static const Color colorSurfaceOverlayLevel2Dark = colorNeutral500Transparent;
|
|
186
|
+
|
|
187
|
+
// ── Primary — Light ──────────────────────────────────────────────
|
|
188
|
+
static const Color colorPrimaryDefault = colorPrimaryDefault;
|
|
189
|
+
static const Color colorPrimaryPressed = colorPrimaryPressed;
|
|
190
|
+
static const Color colorPrimaryContainer = colorPrimaryContainer;
|
|
191
|
+
|
|
192
|
+
// ── Primary — Dark ───────────────────────────────────────────────
|
|
193
|
+
static const Color colorPrimaryDefaultDark = Color(0xFF3E88EF);
|
|
194
|
+
static const Color colorPrimaryPressedDark = Color(0xFFAEC7F8);
|
|
195
|
+
static const Color colorPrimaryContainerDark = Color(0xFF001B3E);
|
|
196
|
+
|
|
197
|
+
// ── Neutral — Light ──────────────────────────────────────────────
|
|
198
|
+
static const Color colorNeutralDefault = colorNeutral700;
|
|
199
|
+
static const Color colorNeutralPressed = colorNeutral900;
|
|
200
|
+
static const Color colorNeutralContainer = colorNeutral50;
|
|
201
|
+
static const Color colorNeutralContainerPressed = colorNeutral300;
|
|
202
|
+
|
|
203
|
+
// ── Neutral — Dark ───────────────────────────────────────────────
|
|
204
|
+
static const Color colorNeutralDefaultDark = colorNeutral300;
|
|
205
|
+
static const Color colorNeutralPressedDark = colorNeutral50;
|
|
206
|
+
static const Color colorNeutralContainerDark = colorNeutral900;
|
|
207
|
+
static const Color colorNeutralContainerPressedDark = colorNeutral700;
|
|
208
|
+
|
|
209
|
+
// ── Accent — Light ───────────────────────────────────────────────
|
|
210
|
+
static const Color colorAccentDefault = colorAccentDefault;
|
|
211
|
+
static const Color colorAccentActive = colorAccentActive;
|
|
212
|
+
static const Color colorAccentContainer = colorAccentContainer;
|
|
213
|
+
|
|
214
|
+
// ── Accent — Dark ────────────────────────────────────────────────
|
|
215
|
+
static const Color colorAccentDefaultDark = Color(0xFFEA4F8B);
|
|
216
|
+
static const Color colorAccentActiveDark = Color(0xFFFFB1C7);
|
|
217
|
+
static const Color colorAccentContainerDark = Color(0xFF9A1F53);
|
|
218
|
+
|
|
219
|
+
// ── Status Colors — Light ────────────────────────────────────────
|
|
220
|
+
static const Color colorSuccessDefault = colorSuccess600;
|
|
221
|
+
static const Color colorSuccessPressed = colorSuccess800;
|
|
222
|
+
static const Color colorSuccessContainer = colorSuccess100;
|
|
223
|
+
static const Color colorWarningDefault = colorWarning600;
|
|
224
|
+
static const Color colorWarningPressed = colorWarning800;
|
|
225
|
+
static const Color colorWarningContainer = colorWarning100;
|
|
226
|
+
static const Color colorErrorDefault = colorError600;
|
|
227
|
+
static const Color colorErrorPressed = colorError800;
|
|
228
|
+
static const Color colorErrorContainer = colorError100;
|
|
229
|
+
static const Color colorInfoDefault = colorInformation600;
|
|
230
|
+
static const Color colorInfoPressed = colorInformation800;
|
|
231
|
+
static const Color colorInfoContainer = colorInformation100;
|
|
232
|
+
|
|
233
|
+
// ── Status Colors — Dark ─────────────────────────────────────────
|
|
234
|
+
static const Color colorSuccessDefaultDark = colorSuccess400;
|
|
235
|
+
static const Color colorSuccessPressedDark = colorSuccess200;
|
|
236
|
+
static const Color colorSuccessContainerDark = colorSuccess800;
|
|
237
|
+
static const Color colorWarningDefaultDark = colorWarning400;
|
|
238
|
+
static const Color colorWarningPressedDark = colorWarning200;
|
|
239
|
+
static const Color colorWarningContainerDark = colorWarning800;
|
|
240
|
+
static const Color colorErrorDefaultDark = colorError400;
|
|
241
|
+
static const Color colorErrorPressedDark = colorError200;
|
|
242
|
+
static const Color colorErrorContainerDark = colorError950;
|
|
243
|
+
static const Color colorInfoDefaultDark = colorInformation400;
|
|
244
|
+
static const Color colorInfoPressedDark = colorInformation200;
|
|
245
|
+
static const Color colorInfoContainerDark = colorInformation800;
|
|
246
|
+
|
|
247
|
+
// ── Text — Light ─────────────────────────────────────────────────
|
|
248
|
+
static const Color colorTextStaticWhite = colorStaticWhite;
|
|
249
|
+
static const Color colorTextStaticBlack = colorStaticBlack;
|
|
250
|
+
static const Color colorTextDefault = colorStaticBlack;
|
|
251
|
+
static const Color colorTextSecondary = colorNeutral600;
|
|
252
|
+
static const Color colorTextMuted = colorNeutral500;
|
|
253
|
+
static const Color colorTextInverse = colorStaticWhite;
|
|
254
|
+
static const Color colorTextLink = colorInformation700;
|
|
255
|
+
static const Color colorTextAction = colorPrimaryDefault;
|
|
256
|
+
static const Color colorTextSuccess = colorSuccess700;
|
|
257
|
+
static const Color colorTextInfo = colorInformation700;
|
|
258
|
+
static const Color colorTextWarning = colorWarning700;
|
|
259
|
+
static const Color colorTextError = colorError700;
|
|
260
|
+
static const Color colorTextOnAction = colorStaticWhite;
|
|
261
|
+
static const Color colorTextOnDisabled = colorNeutral400;
|
|
262
|
+
static const Color colorTextAccent = colorTextAccent;
|
|
263
|
+
static const Color colorTextInverseAccent = colorTextInverseAccent;
|
|
264
|
+
static const Color colorTextNeutralDefault = colorNeutral600;
|
|
265
|
+
static const Color colorTextNeutralPressed = colorNeutral900;
|
|
266
|
+
|
|
267
|
+
// ── Text — Dark ──────────────────────────────────────────────────
|
|
268
|
+
static const Color colorTextStaticWhiteDark = colorStaticWhite;
|
|
269
|
+
static const Color colorTextStaticBlackDark = colorStaticBlack;
|
|
270
|
+
static const Color colorTextDefaultDark = colorStaticWhite;
|
|
271
|
+
static const Color colorTextSecondaryDark = colorNeutral200;
|
|
272
|
+
static const Color colorTextMutedDark = colorNeutral300;
|
|
273
|
+
static const Color colorTextInverseDark = colorStaticBlack;
|
|
274
|
+
static const Color colorTextLinkDark = colorInformation400;
|
|
275
|
+
static const Color colorTextActionDark = Color(0xFF3E88EF);
|
|
276
|
+
static const Color colorTextSuccessDark = colorSuccess300;
|
|
277
|
+
static const Color colorTextInfoDark = colorInformation300;
|
|
278
|
+
static const Color colorTextWarningDark = colorWarning300;
|
|
279
|
+
static const Color colorTextErrorDark = colorError300;
|
|
280
|
+
static const Color colorTextOnActionDark = colorStaticBlack;
|
|
281
|
+
static const Color colorTextOnDisabledDark = colorNeutral600;
|
|
282
|
+
static const Color colorTextAccentDark = colorTextInverseAccent;
|
|
283
|
+
static const Color colorTextInverseAccentDark = Color(0xFF5E47E6);
|
|
284
|
+
static const Color colorTextNeutralDefaultDark = colorNeutral300;
|
|
285
|
+
static const Color colorTextNeutralPressedDark = colorNeutral50;
|
|
286
|
+
|
|
287
|
+
// ── Icons — Light ────────────────────────────────────────────────
|
|
288
|
+
static const Color colorIconsStaticWhite = colorStaticWhite;
|
|
289
|
+
static const Color colorIconsStaticBlack = colorStaticBlack;
|
|
290
|
+
static const Color colorIconsDefault = colorNeutral900;
|
|
291
|
+
static const Color colorIconsMuted = colorNeutral500;
|
|
292
|
+
static const Color colorIconsDisabled = colorNeutral400;
|
|
293
|
+
static const Color colorIconsInverse = colorStaticWhite;
|
|
294
|
+
static const Color colorIconsAction = colorPrimaryDefault;
|
|
295
|
+
static const Color colorIconsSuccess = colorSuccess600;
|
|
296
|
+
static const Color colorIconsInfo = colorInformation700;
|
|
297
|
+
static const Color colorIconsWarning = colorWarning700;
|
|
298
|
+
static const Color colorIconsError = colorError700;
|
|
299
|
+
static const Color colorIconsNeutralDefault = colorNeutral700;
|
|
300
|
+
static const Color colorIconsNeutralPressed = colorNeutral900;
|
|
301
|
+
|
|
302
|
+
// ── Icons — Dark ─────────────────────────────────────────────────
|
|
303
|
+
static const Color colorIconsStaticWhiteDark = colorStaticWhite;
|
|
304
|
+
static const Color colorIconsStaticBlackDark = colorStaticBlack;
|
|
305
|
+
static const Color colorIconsDefaultDark = colorNeutral25;
|
|
306
|
+
static const Color colorIconsMutedDark = colorNeutral400;
|
|
307
|
+
static const Color colorIconsDisabledDark = colorNeutral600;
|
|
308
|
+
static const Color colorIconsInverseDark = colorStaticBlack;
|
|
309
|
+
static const Color colorIconsActionDark = Color(0xFF3E88EF);
|
|
310
|
+
static const Color colorIconsSuccessDark = colorSuccess400;
|
|
311
|
+
static const Color colorIconsInfoDark = colorInformation300;
|
|
312
|
+
static const Color colorIconsWarningDark = colorWarning300;
|
|
313
|
+
static const Color colorIconsErrorDark = colorError300;
|
|
314
|
+
static const Color colorIconsNeutralDefaultDark = colorNeutral300;
|
|
315
|
+
static const Color colorIconsNeutralPressedDark = colorNeutral50;
|
|
316
|
+
|
|
317
|
+
// ── Borders — Light ──────────────────────────────────────────────
|
|
318
|
+
static const Color colorBorderDefault = colorNeutral100;
|
|
319
|
+
static const Color colorBorderNeutralActive = colorNeutral500;
|
|
320
|
+
static const Color colorBorderNeutralDisabled = colorNeutral200;
|
|
321
|
+
static const Color colorBorderNeutralContainer = colorNeutral200;
|
|
322
|
+
static const Color colorBorderNeutralContainerPressed = colorNeutral400;
|
|
323
|
+
static const Color colorBorderSuccess = colorSuccess500;
|
|
324
|
+
static const Color colorBorderWarning = colorWarning500;
|
|
325
|
+
static const Color colorBorderError = colorError700;
|
|
326
|
+
static const Color colorBorderInfo = colorInformation500;
|
|
327
|
+
static const Color colorBorderPrimary = colorBorderPrimary;
|
|
328
|
+
static const Color colorBorderPrimaryPressed = colorBorderPrimaryPressed;
|
|
329
|
+
|
|
330
|
+
// ── Borders — Dark ───────────────────────────────────────────────
|
|
331
|
+
static const Color colorBorderDefaultDark = colorNeutral800;
|
|
332
|
+
static const Color colorBorderNeutralActiveDark = colorNeutral500;
|
|
333
|
+
static const Color colorBorderNeutralDisabledDark = colorNeutral700;
|
|
334
|
+
static const Color colorBorderNeutralContainerDark = colorNeutral700;
|
|
335
|
+
static const Color colorBorderNeutralContainerPressedDark = colorNeutral300;
|
|
336
|
+
static const Color colorBorderSuccessDark = colorSuccess400;
|
|
337
|
+
static const Color colorBorderWarningDark = colorWarning400;
|
|
338
|
+
static const Color colorBorderErrorDark = colorError300;
|
|
339
|
+
static const Color colorBorderInfoDark = colorInformation400;
|
|
340
|
+
static const Color colorBorderPrimaryDark = Color(0xFF3E88EF);
|
|
341
|
+
static const Color colorBorderPrimaryPressedDark = Color(0xFFAEC7F8);
|
|
342
|
+
|
|
343
|
+
// ── Elevation — Light ────────────────────────────────────────────
|
|
344
|
+
static const Color colorElevationNone = colorElevationNone;
|
|
345
|
+
static const Color colorElevationLow = colorElevationLow;
|
|
346
|
+
static const Color colorElevationMedium = colorElevationMedium;
|
|
347
|
+
static const Color colorElevationHigh = colorElevationHigh;
|
|
348
|
+
static const Color colorElevationHigher = colorElevationHigher;
|
|
349
|
+
static const Color colorElevationHighest = colorElevationHighest;
|
|
350
|
+
static const Color colorElevationInner = colorElevationInner;
|
|
351
|
+
|
|
352
|
+
// ── Elevation — Dark ─────────────────────────────────────────────
|
|
353
|
+
static const Color colorElevationNoneDark = colorElevationNone;
|
|
354
|
+
static const Color colorElevationLowDark = Color(0x66000000);
|
|
355
|
+
static const Color colorElevationMediumDark = Color(0x59000000);
|
|
356
|
+
static const Color colorElevationHighDark = Color(0x4D000000);
|
|
357
|
+
static const Color colorElevationHigherDark = Color(0x40000000);
|
|
358
|
+
static const Color colorElevationHighestDark = Color(0x33000000);
|
|
359
|
+
static const Color colorElevationInnerDark = Color(0x0D000102);
|
|
360
|
+
|
|
361
|
+
// ── Spacing (logical pixels) ─────────────────────────────────────
|
|
362
|
+
static const double spacing0 = 0;
|
|
363
|
+
static const double spacing25 = 2;
|
|
364
|
+
static const double spacing50 = 4;
|
|
365
|
+
static const double spacing75 = 6;
|
|
366
|
+
static const double spacing100 = 8;
|
|
367
|
+
static const double spacing150 = 12;
|
|
368
|
+
static const double spacing200 = 16;
|
|
369
|
+
static const double spacing250 = 20;
|
|
370
|
+
static const double spacing300 = 24;
|
|
371
|
+
static const double spacing350 = 28;
|
|
372
|
+
static const double spacing400 = 32;
|
|
373
|
+
static const double spacing500 = 40;
|
|
374
|
+
static const double spacing550 = 44;
|
|
375
|
+
static const double spacing600 = 48;
|
|
376
|
+
static const double spacing700 = 56;
|
|
377
|
+
static const double spacing800 = 64;
|
|
378
|
+
static const double spacing1000 = 80;
|
|
379
|
+
static const double spacing1200 = 96;
|
|
380
|
+
static const double spacing1500 = 120;
|
|
381
|
+
|
|
382
|
+
// ── Font Sizes ───────────────────────────────────────────────────
|
|
383
|
+
static const double fontSize2xs = 10;
|
|
384
|
+
static const double fontSizeXs = 12;
|
|
385
|
+
static const double fontSizeSm = 14;
|
|
386
|
+
static const double fontSizeMd = 16;
|
|
387
|
+
static const double fontSizeLg = 18;
|
|
388
|
+
static const double fontSizeXl = 20;
|
|
389
|
+
static const double fontSize2xl = 24;
|
|
390
|
+
static const double fontSize3xl = 28;
|
|
391
|
+
static const double fontSize4xl = 32;
|
|
392
|
+
static const double fontSize5xl = 40;
|
|
393
|
+
static const double fontSize6xl = 48;
|
|
394
|
+
|
|
395
|
+
// ── Elevation Shadows ────────────────────────────────────────────
|
|
396
|
+
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))];
|
|
397
|
+
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))];
|
|
398
|
+
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))];
|
|
399
|
+
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))];
|
|
400
|
+
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))];
|
|
401
|
+
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))];
|
|
402
|
+
|
|
403
|
+
// ── Animation Durations ──────────────────────────────────────────
|
|
404
|
+
static const Duration durationInstant = Duration(milliseconds: 0);
|
|
405
|
+
static const Duration durationFast = Duration(milliseconds: 100);
|
|
406
|
+
static const Duration durationDefault = Duration(milliseconds: 200);
|
|
407
|
+
static const Duration durationSlow = Duration(milliseconds: 300);
|
|
408
|
+
static const Duration durationSlower = Duration(milliseconds: 500);
|
|
409
|
+
|
|
410
|
+
// ── Animation Curves ─────────────────────────────────────────────
|
|
411
|
+
static const Curve easingStandard = Cubic(0.4, 0.0, 0.2, 1);
|
|
412
|
+
static const Curve easingDecelerate = Cubic(0.0, 0.0, 0.2, 1);
|
|
413
|
+
static const Curve easingAccelerate = Cubic(0.4, 0.0, 1.0, 1);
|
|
414
|
+
|
|
415
|
+
// ── Z-index equivalents (layer ordering) ────────────────────────
|
|
416
|
+
static const int zBelow = -1;
|
|
417
|
+
static const int zBase = 0;
|
|
418
|
+
static const int zRaised = 10;
|
|
419
|
+
static const int zDropdown = 100;
|
|
420
|
+
static const int zSticky = 200;
|
|
421
|
+
static const int zOverlay = 300;
|
|
422
|
+
static const int zModal = 400;
|
|
423
|
+
static const int zPopover = 500;
|
|
424
|
+
static const int zToast = 600;
|
|
425
|
+
static const int zTop = 999;
|
|
426
|
+
}
|
|
@@ -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)
|
|
@@ -722,7 +722,7 @@ public enum BrandsyncToken {
|
|
|
722
722
|
public static let colorIconsWarning = UIColor(red: 0.827, green: 0.608, blue: 0.000, alpha: 1)
|
|
723
723
|
public static let colorIconsError = UIColor(red: 1.000, green: 0.502, blue: 0.478, alpha: 1)
|
|
724
724
|
public static let colorIconsNeutralDefault = UIColor(red: 0.627, green: 0.647, blue: 0.706, alpha: 1)
|
|
725
|
-
public static let colorIconsNeutralPressed = UIColor(red: 0.
|
|
725
|
+
public static let colorIconsNeutralPressed = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
|
|
726
726
|
public static let colorBorderDefault = UIColor(red: 0.212, green: 0.235, blue: 0.278, alpha: 1)
|
|
727
727
|
public static let colorBorderNeutralActive = UIColor(red: 0.427, green: 0.459, blue: 0.522, alpha: 1)
|
|
728
728
|
public static let colorBorderNeutralDisabled = UIColor(red: 0.302, green: 0.325, blue: 0.373, 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.23",
|
|
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/
|
|
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",
|