@fastwork/xosmoz-theme 0.41.0 → 0.42.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.
@@ -37,10 +37,11 @@ class XzBaseScale {
37
37
  Color get shade400 => _shades[400]!;
38
38
  }
39
39
 
40
- /// Semantic role color with soft, line, bg, fg, text sub-groups.
40
+ /// Semantic role color with soft, softSolid, line, bg, fg, text sub-groups.
41
41
  class XzRoleColor {
42
42
  const XzRoleColor({
43
43
  this.soft = const {},
44
+ this.softSolid = const {},
44
45
  this.line = const {},
45
46
  this.bg = const {},
46
47
  this.fg = const {},
@@ -48,6 +49,7 @@ class XzRoleColor {
48
49
  });
49
50
 
50
51
  final Map<int, Color> soft;
52
+ final Map<int, Color> softSolid;
51
53
  final Map<int, Color> line;
52
54
  final Map<int, Color> bg;
53
55
  final Map<int, Color> fg;
@@ -55,6 +57,8 @@ class XzRoleColor {
55
57
 
56
58
  Color get soft100 => soft[100]!;
57
59
  Color get soft200 => soft[200]!;
60
+ Color get softSolid100 => softSolid[100]!;
61
+ Color get softSolid200 => softSolid[200]!;
58
62
  Color get line100 => line[100]!;
59
63
  Color get line200 => line[200]!;
60
64
  Color get line300 => line[300]!;
@@ -178,6 +182,10 @@ class XzColors {
178
182
  100: Color(0x1A0669FF),
179
183
  200: Color(0x290669FF),
180
184
  },
185
+ softSolid: {
186
+ 100: Color(0xFFE0ECFE),
187
+ 200: Color(0xFFD3E4FF),
188
+ },
181
189
  bg: {
182
190
  100: Color(0xFF0669FF),
183
191
  200: Color(0xFF0061EF),
@@ -191,6 +199,10 @@ class XzColors {
191
199
  100: Color(0x1AE32A20),
192
200
  200: Color(0x29E32A20),
193
201
  },
202
+ softSolid: {
203
+ 100: Color(0xFFF8E7E7),
204
+ 200: Color(0xFFF9DCDA),
205
+ },
194
206
  bg: {
195
207
  100: Color(0xFFE32A20),
196
208
  200: Color(0xFFD81912),
@@ -204,6 +216,10 @@ class XzColors {
204
216
  100: Color(0x1A15C02D),
205
217
  200: Color(0x2915C02D),
206
218
  },
219
+ softSolid: {
220
+ 100: Color(0xFFE5F4E9),
221
+ 200: Color(0xFFDAF1DE),
222
+ },
207
223
  bg: {
208
224
  100: Color(0xFF15C02D),
209
225
  200: Color(0xFF00B625),
@@ -217,6 +233,10 @@ class XzColors {
217
233
  100: Color(0x1AFFB508),
218
234
  200: Color(0x29FFB508),
219
235
  },
236
+ softSolid: {
237
+ 100: Color(0xFFF7F3EA),
238
+ 200: Color(0xFFF8EFDF),
239
+ },
220
240
  bg: {
221
241
  100: Color(0xFFFFB508),
222
242
  200: Color(0xFFF3AC00),
@@ -230,6 +250,10 @@ class XzColors {
230
250
  100: Color(0x1A00CAE7),
231
251
  200: Color(0x2900CAE7),
232
252
  },
253
+ softSolid: {
254
+ 100: Color(0xFFE6F5FA),
255
+ 200: Color(0xFFDCF2F9),
256
+ },
233
257
  bg: {
234
258
  100: Color(0xFF00CAE7),
235
259
  200: Color(0xFF00C0DB),
@@ -243,6 +267,10 @@ class XzColors {
243
267
  100: Color(0x1A798598),
244
268
  200: Color(0x29798598),
245
269
  },
270
+ softSolid: {
271
+ 100: Color(0xFFE9EDF2),
272
+ 200: Color(0xFFE1E6EB),
273
+ },
246
274
  bg: {
247
275
  100: Color(0xFF798598),
248
276
  200: Color(0xFF707C8F),
@@ -288,6 +316,10 @@ class XzColors {
288
316
  100: Color(0x1A0669FF),
289
317
  200: Color(0x290669FF),
290
318
  },
319
+ softSolid: {
320
+ 100: Color(0xFF2A354A),
321
+ 200: Color(0xFF2A3955),
322
+ },
291
323
  bg: {
292
324
  100: Color(0xFF0669FF),
293
325
  200: Color(0xFF347EFF),
@@ -301,6 +333,10 @@ class XzColors {
301
333
  100: Color(0x1AE32A20),
302
334
  200: Color(0x29E32A20),
303
335
  },
336
+ softSolid: {
337
+ 100: Color(0xFF3D3238),
338
+ 200: Color(0xFF483439),
339
+ },
304
340
  bg: {
305
341
  100: Color(0xFFE32A20),
306
342
  200: Color(0xFFF64032),
@@ -314,6 +350,10 @@ class XzColors {
314
350
  100: Color(0x1A15C02D),
315
351
  200: Color(0x2915C02D),
316
352
  },
353
+ softSolid: {
354
+ 100: Color(0xFF2D3C3B),
355
+ 200: Color(0xFF2F443C),
356
+ },
317
357
  bg: {
318
358
  100: Color(0xFF15C02D),
319
359
  200: Color(0xFF35D141),
@@ -327,6 +367,10 @@ class XzColors {
327
367
  100: Color(0x1AFFB508),
328
368
  200: Color(0x29FFB508),
329
369
  },
370
+ softSolid: {
371
+ 100: Color(0xFF3D3B3B),
372
+ 200: Color(0xFF48423D),
373
+ },
330
374
  bg: {
331
375
  100: Color(0xFFFFB508),
332
376
  200: Color(0xFFFFCC76),
@@ -340,6 +384,10 @@ class XzColors {
340
384
  100: Color(0x1A00CAE7),
341
385
  200: Color(0x2900CAE7),
342
386
  },
387
+ softSolid: {
388
+ 100: Color(0xFF2E3C47),
389
+ 200: Color(0xFF304451),
390
+ },
343
391
  bg: {
344
392
  100: Color(0xFF00CAE7),
345
393
  200: Color(0xFF31DBF8),
@@ -353,6 +401,10 @@ class XzColors {
353
401
  100: Color(0x1A798598),
354
402
  200: Color(0x29798598),
355
403
  },
404
+ softSolid: {
405
+ 100: Color(0xFF313641),
406
+ 200: Color(0xFF363B46),
407
+ },
356
408
  bg: {
357
409
  100: Color(0xFF798598),
358
410
  200: Color(0xFF8894A7),
Binary file
@@ -251,6 +251,34 @@
251
251
  }
252
252
  }
253
253
  },
254
+ "softSolid": {
255
+ "100": {
256
+ "$type": "color",
257
+ "$value": {
258
+ "colorSpace": "srgb",
259
+ "components": [
260
+ 0.164706,
261
+ 0.207843,
262
+ 0.290196
263
+ ],
264
+ "alpha": 1,
265
+ "hex": "#2A354A"
266
+ }
267
+ },
268
+ "200": {
269
+ "$type": "color",
270
+ "$value": {
271
+ "colorSpace": "srgb",
272
+ "components": [
273
+ 0.164706,
274
+ 0.223529,
275
+ 0.333333
276
+ ],
277
+ "alpha": 1,
278
+ "hex": "#2A3955"
279
+ }
280
+ }
281
+ },
254
282
  "bg": {
255
283
  "100": {
256
284
  "$type": "color",
@@ -324,6 +352,34 @@
324
352
  }
325
353
  }
326
354
  },
355
+ "softSolid": {
356
+ "100": {
357
+ "$type": "color",
358
+ "$value": {
359
+ "colorSpace": "srgb",
360
+ "components": [
361
+ 0.239216,
362
+ 0.196078,
363
+ 0.219608
364
+ ],
365
+ "alpha": 1,
366
+ "hex": "#3D3238"
367
+ }
368
+ },
369
+ "200": {
370
+ "$type": "color",
371
+ "$value": {
372
+ "colorSpace": "srgb",
373
+ "components": [
374
+ 0.282353,
375
+ 0.203922,
376
+ 0.223529
377
+ ],
378
+ "alpha": 1,
379
+ "hex": "#483439"
380
+ }
381
+ }
382
+ },
327
383
  "bg": {
328
384
  "100": {
329
385
  "$type": "color",
@@ -397,6 +453,34 @@
397
453
  }
398
454
  }
399
455
  },
456
+ "softSolid": {
457
+ "100": {
458
+ "$type": "color",
459
+ "$value": {
460
+ "colorSpace": "srgb",
461
+ "components": [
462
+ 0.176471,
463
+ 0.235294,
464
+ 0.231373
465
+ ],
466
+ "alpha": 1,
467
+ "hex": "#2D3C3B"
468
+ }
469
+ },
470
+ "200": {
471
+ "$type": "color",
472
+ "$value": {
473
+ "colorSpace": "srgb",
474
+ "components": [
475
+ 0.184314,
476
+ 0.266667,
477
+ 0.235294
478
+ ],
479
+ "alpha": 1,
480
+ "hex": "#2F443C"
481
+ }
482
+ }
483
+ },
400
484
  "bg": {
401
485
  "100": {
402
486
  "$type": "color",
@@ -470,6 +554,34 @@
470
554
  }
471
555
  }
472
556
  },
557
+ "softSolid": {
558
+ "100": {
559
+ "$type": "color",
560
+ "$value": {
561
+ "colorSpace": "srgb",
562
+ "components": [
563
+ 0.239216,
564
+ 0.231373,
565
+ 0.231373
566
+ ],
567
+ "alpha": 1,
568
+ "hex": "#3D3B3B"
569
+ }
570
+ },
571
+ "200": {
572
+ "$type": "color",
573
+ "$value": {
574
+ "colorSpace": "srgb",
575
+ "components": [
576
+ 0.282353,
577
+ 0.258824,
578
+ 0.239216
579
+ ],
580
+ "alpha": 1,
581
+ "hex": "#48423D"
582
+ }
583
+ }
584
+ },
473
585
  "bg": {
474
586
  "100": {
475
587
  "$type": "color",
@@ -543,6 +655,34 @@
543
655
  }
544
656
  }
545
657
  },
658
+ "softSolid": {
659
+ "100": {
660
+ "$type": "color",
661
+ "$value": {
662
+ "colorSpace": "srgb",
663
+ "components": [
664
+ 0.180392,
665
+ 0.235294,
666
+ 0.278431
667
+ ],
668
+ "alpha": 1,
669
+ "hex": "#2E3C47"
670
+ }
671
+ },
672
+ "200": {
673
+ "$type": "color",
674
+ "$value": {
675
+ "colorSpace": "srgb",
676
+ "components": [
677
+ 0.188235,
678
+ 0.266667,
679
+ 0.317647
680
+ ],
681
+ "alpha": 1,
682
+ "hex": "#304451"
683
+ }
684
+ }
685
+ },
546
686
  "bg": {
547
687
  "100": {
548
688
  "$type": "color",
@@ -1012,6 +1152,34 @@
1012
1152
  }
1013
1153
  }
1014
1154
  },
1155
+ "softSolid": {
1156
+ "100": {
1157
+ "$type": "color",
1158
+ "$value": {
1159
+ "colorSpace": "srgb",
1160
+ "components": [
1161
+ 0.192157,
1162
+ 0.211765,
1163
+ 0.254902
1164
+ ],
1165
+ "alpha": 1,
1166
+ "hex": "#313641"
1167
+ }
1168
+ },
1169
+ "200": {
1170
+ "$type": "color",
1171
+ "$value": {
1172
+ "colorSpace": "srgb",
1173
+ "components": [
1174
+ 0.211765,
1175
+ 0.231373,
1176
+ 0.27451
1177
+ ],
1178
+ "alpha": 1,
1179
+ "hex": "#363B46"
1180
+ }
1181
+ }
1182
+ },
1015
1183
  "bg": {
1016
1184
  "100": {
1017
1185
  "$type": "color",
@@ -251,6 +251,34 @@
251
251
  }
252
252
  }
253
253
  },
254
+ "softSolid": {
255
+ "100": {
256
+ "$type": "color",
257
+ "$value": {
258
+ "colorSpace": "srgb",
259
+ "components": [
260
+ 0.878431,
261
+ 0.92549,
262
+ 0.996078
263
+ ],
264
+ "alpha": 1,
265
+ "hex": "#E0ECFE"
266
+ }
267
+ },
268
+ "200": {
269
+ "$type": "color",
270
+ "$value": {
271
+ "colorSpace": "srgb",
272
+ "components": [
273
+ 0.827451,
274
+ 0.894118,
275
+ 1
276
+ ],
277
+ "alpha": 1,
278
+ "hex": "#D3E4FF"
279
+ }
280
+ }
281
+ },
254
282
  "bg": {
255
283
  "100": {
256
284
  "$type": "color",
@@ -324,6 +352,34 @@
324
352
  }
325
353
  }
326
354
  },
355
+ "softSolid": {
356
+ "100": {
357
+ "$type": "color",
358
+ "$value": {
359
+ "colorSpace": "srgb",
360
+ "components": [
361
+ 0.972549,
362
+ 0.905882,
363
+ 0.905882
364
+ ],
365
+ "alpha": 1,
366
+ "hex": "#F8E7E7"
367
+ }
368
+ },
369
+ "200": {
370
+ "$type": "color",
371
+ "$value": {
372
+ "colorSpace": "srgb",
373
+ "components": [
374
+ 0.976471,
375
+ 0.862745,
376
+ 0.854902
377
+ ],
378
+ "alpha": 1,
379
+ "hex": "#F9DCDA"
380
+ }
381
+ }
382
+ },
327
383
  "bg": {
328
384
  "100": {
329
385
  "$type": "color",
@@ -397,6 +453,34 @@
397
453
  }
398
454
  }
399
455
  },
456
+ "softSolid": {
457
+ "100": {
458
+ "$type": "color",
459
+ "$value": {
460
+ "colorSpace": "srgb",
461
+ "components": [
462
+ 0.898039,
463
+ 0.956863,
464
+ 0.913725
465
+ ],
466
+ "alpha": 1,
467
+ "hex": "#E5F4E9"
468
+ }
469
+ },
470
+ "200": {
471
+ "$type": "color",
472
+ "$value": {
473
+ "colorSpace": "srgb",
474
+ "components": [
475
+ 0.854902,
476
+ 0.945098,
477
+ 0.870588
478
+ ],
479
+ "alpha": 1,
480
+ "hex": "#DAF1DE"
481
+ }
482
+ }
483
+ },
400
484
  "bg": {
401
485
  "100": {
402
486
  "$type": "color",
@@ -470,6 +554,34 @@
470
554
  }
471
555
  }
472
556
  },
557
+ "softSolid": {
558
+ "100": {
559
+ "$type": "color",
560
+ "$value": {
561
+ "colorSpace": "srgb",
562
+ "components": [
563
+ 0.968627,
564
+ 0.952941,
565
+ 0.917647
566
+ ],
567
+ "alpha": 1,
568
+ "hex": "#F7F3EA"
569
+ }
570
+ },
571
+ "200": {
572
+ "$type": "color",
573
+ "$value": {
574
+ "colorSpace": "srgb",
575
+ "components": [
576
+ 0.972549,
577
+ 0.937255,
578
+ 0.87451
579
+ ],
580
+ "alpha": 1,
581
+ "hex": "#F8EFDF"
582
+ }
583
+ }
584
+ },
473
585
  "bg": {
474
586
  "100": {
475
587
  "$type": "color",
@@ -543,6 +655,34 @@
543
655
  }
544
656
  }
545
657
  },
658
+ "softSolid": {
659
+ "100": {
660
+ "$type": "color",
661
+ "$value": {
662
+ "colorSpace": "srgb",
663
+ "components": [
664
+ 0.901961,
665
+ 0.960784,
666
+ 0.980392
667
+ ],
668
+ "alpha": 1,
669
+ "hex": "#E6F5FA"
670
+ }
671
+ },
672
+ "200": {
673
+ "$type": "color",
674
+ "$value": {
675
+ "colorSpace": "srgb",
676
+ "components": [
677
+ 0.862745,
678
+ 0.94902,
679
+ 0.976471
680
+ ],
681
+ "alpha": 1,
682
+ "hex": "#DCF2F9"
683
+ }
684
+ }
685
+ },
546
686
  "bg": {
547
687
  "100": {
548
688
  "$type": "color",
@@ -1012,6 +1152,34 @@
1012
1152
  }
1013
1153
  }
1014
1154
  },
1155
+ "softSolid": {
1156
+ "100": {
1157
+ "$type": "color",
1158
+ "$value": {
1159
+ "colorSpace": "srgb",
1160
+ "components": [
1161
+ 0.913725,
1162
+ 0.929412,
1163
+ 0.94902
1164
+ ],
1165
+ "alpha": 1,
1166
+ "hex": "#E9EDF2"
1167
+ }
1168
+ },
1169
+ "200": {
1170
+ "$type": "color",
1171
+ "$value": {
1172
+ "colorSpace": "srgb",
1173
+ "components": [
1174
+ 0.882353,
1175
+ 0.901961,
1176
+ 0.921569
1177
+ ],
1178
+ "alpha": 1,
1179
+ "hex": "#E1E6EB"
1180
+ }
1181
+ }
1182
+ },
1015
1183
  "bg": {
1016
1184
  "100": {
1017
1185
  "$type": "color",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastwork/xosmoz-theme",
3
- "version": "0.41.0",
3
+ "version": "0.42.0",
4
4
  "description": "Xosmoz Theme - Design tokens and theming system for Xosmoz",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",