@maggioli-design-system/styles 6.1.0 → 6.3.2

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 (14) hide show
  1. package/dist/css/colors-brand-synbee.css +82 -0
  2. package/dist/css/colors-brand.css +49 -0
  3. package/dist/css/colors-label.css +346 -0
  4. package/dist/css/colors-rgb-brand-synbee.css +82 -0
  5. package/dist/css/colors-rgb-brand.css +49 -0
  6. package/dist/css/colors-rgb-label.css +346 -0
  7. package/dist/css/colors-rgb-status.css +148 -0
  8. package/dist/css/colors-rgb-tones.css +214 -0
  9. package/dist/css/colors-rgb.css +197 -32
  10. package/dist/css/colors-status.css +148 -0
  11. package/dist/css/colors-tones.css +214 -0
  12. package/dist/css/colors.css +197 -32
  13. package/package.json +4 -5
  14. package/tailwind.config.js +3 -0
package/dist/css/colors.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Thu, 20 Jan 2022 08:54:07 GMT
4
+ Generated at Tue, 15 Feb 2022 10:42:02 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -16,6 +16,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
16
16
  --adjust-tone-09: #f3f3f3;
17
17
  --adjust-tone-10: #f9f9f9;
18
18
  --adjust-tone: #ffffff;
19
+ --tone-slate-01: #1c222a;
20
+ --tone-slate-02: #212932;
21
+ --tone-slate-03: #364151;
22
+ --tone-slate-04: #47556a;
23
+ --tone-slate-05: #5f738f;
24
+ --tone-slate-06: #95a4b8;
25
+ --tone-slate-07: #ced5df;
26
+ --tone-slate-08: #e4e7ed;
27
+ --tone-slate-09: #f3f4f7;
28
+ --tone-slate-10: #f8f9fa;
29
+ --tone-slate: #ffffff;
30
+ --tone-grey-01: #1f2226;
31
+ --tone-grey-02: #25282e;
32
+ --tone-grey-03: #3b4049;
33
+ --tone-grey-04: #4e5460;
34
+ --tone-grey-05: #697282;
35
+ --tone-grey-06: #9ca3af;
36
+ --tone-grey-07: #d2d5da;
37
+ --tone-grey-08: #e5e7ea;
38
+ --tone-grey-09: #f3f4f6;
39
+ --tone-grey-10: #f8f9f9;
40
+ --tone-grey: #ffffff;
41
+ --tone-zinc-01: #212125;
42
+ --tone-zinc-02: #28282c;
43
+ --tone-zinc-03: #404046;
44
+ --tone-zinc-04: #53535c;
45
+ --tone-zinc-05: #70707c;
46
+ --tone-zinc-06: #a1a1aa;
47
+ --tone-zinc-07: #d4d4d8;
48
+ --tone-zinc-08: #e6e6e8;
49
+ --tone-zinc-09: #f4f4f5;
50
+ --tone-zinc-10: #f8f8f9;
51
+ --tone-zinc: #ffffff;
52
+ --tone-neutral-01: #212121;
53
+ --tone-neutral-02: #282828;
54
+ --tone-neutral-03: #414141;
55
+ --tone-neutral-04: #545454;
56
+ --tone-neutral-05: #717171;
57
+ --tone-neutral-06: #a2a2a2;
58
+ --tone-neutral-07: #d5d5d5;
59
+ --tone-neutral-08: #e7e7e7;
60
+ --tone-neutral-09: #f4f4f4;
61
+ --tone-neutral-10: #f8f8f8;
62
+ --tone-neutral: #ffffff;
63
+ --tone-stone-01: #232120;
64
+ --tone-stone-02: #2a2826;
65
+ --tone-stone-03: #443f3d;
66
+ --tone-stone-04: #595350;
67
+ --tone-stone-05: #78706c;
68
+ --tone-stone-06: #a7a19c;
69
+ --tone-stone-07: #d7d4d2;
70
+ --tone-stone-08: #e7e6e5;
71
+ --tone-stone-09: #f5f4f4;
72
+ --tone-stone-10: #f9f8f8;
73
+ --tone-stone: #ffffff;
19
74
  --brand-maggioli-01: #00379e;
20
75
  --brand-maggioli-02: #0240b4;
21
76
  --brand-maggioli-03: #0a50d4;
@@ -38,17 +93,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
38
93
  --brand-synbee-eolo-09: #e1e8f2;
39
94
  --brand-synbee-eolo-10: #f2f4f9;
40
95
  --brand-synbee-eolo: #597cb9;
41
- --brand-synbee-01: #503f00;
42
- --brand-synbee-02: #5c4800;
43
- --brand-synbee-03: #715900;
44
- --brand-synbee-04: #876a00;
45
- --brand-synbee-05: #a38000;
46
- --brand-synbee-06: #c79c00;
47
- --brand-synbee-07: #ecb900;
48
- --brand-synbee-08: #ffd53b;
49
- --brand-synbee-09: #ffe791;
50
- --brand-synbee-10: #fff5d1;
51
- --brand-synbee: #ffcf21;
96
+ --brand-synbee-01: #513e00;
97
+ --brand-synbee-02: #5d4800;
98
+ --brand-synbee-03: #735800;
99
+ --brand-synbee-04: #896900;
100
+ --brand-synbee-05: #a67f00;
101
+ --brand-synbee-06: #c99b00;
102
+ --brand-synbee-07: #efb800;
103
+ --brand-synbee-08: #ffd447;
104
+ --brand-synbee-09: #ffe798;
105
+ --brand-synbee-10: #fff5d4;
106
+ --brand-synbee: #ffcf30;
52
107
  --status-info-01: #0c465a;
53
108
  --status-info-02: #0e5168;
54
109
  --status-info-03: #11637f;
@@ -217,6 +272,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
217
272
  --adjust-tone-09: #101010;
218
273
  --adjust-tone-10: #080808;
219
274
  --adjust-tone: #000000;
275
+ --tone-slate-01: #dde1e8;
276
+ --tone-slate-02: #d2d9e1;
277
+ --tone-slate-03: #abb6c7;
278
+ --tone-slate-04: #8c9cb3;
279
+ --tone-slate-05: #657b98;
280
+ --tone-slate-06: #424f63;
281
+ --tone-slate-07: #242b36;
282
+ --tone-slate-08: #181d24;
283
+ --tone-slate-09: #0e1115;
284
+ --tone-slate-10: #060809;
285
+ --tone-slate: #000000;
286
+ --tone-grey-01: #dee1e5;
287
+ --tone-grey-02: #d5d8dd;
288
+ --tone-grey-03: #b1b6c0;
289
+ --tone-grey-04: #949ba8;
290
+ --tone-grey-05: #707a8a;
291
+ --tone-grey-06: #494f5a;
292
+ --tone-grey-07: #282b31;
293
+ --tone-grey-08: #1b1d21;
294
+ --tone-grey-09: #0e0f11;
295
+ --tone-grey-10: #070809;
296
+ --tone-grey: #000000;
297
+ --tone-zinc-01: #e0e0e3;
298
+ --tone-zinc-02: #d8d8db;
299
+ --tone-zinc-03: #b5b5bd;
300
+ --tone-zinc-04: #9a9aa4;
301
+ --tone-zinc-05: #787885;
302
+ --tone-zinc-06: #4e4e56;
303
+ --tone-zinc-07: #2a2a2f;
304
+ --tone-zinc-08: #1c1c1f;
305
+ --tone-zinc-09: #0f0f10;
306
+ --tone-zinc-10: #09090a;
307
+ --tone-zinc: #000000;
308
+ --tone-neutral-01: #e0e0e0;
309
+ --tone-neutral-02: #d7d7d7;
310
+ --tone-neutral-03: #b5b5b5;
311
+ --tone-neutral-04: #9b9b9b;
312
+ --tone-neutral-05: #7a7a7a;
313
+ --tone-neutral-06: #4e4e4e;
314
+ --tone-neutral-07: #2b2b2b;
315
+ --tone-neutral-08: #1d1d1d;
316
+ --tone-neutral-09: #0f0f0f;
317
+ --tone-neutral-10: #080808;
318
+ --tone-neutral: #000000;
319
+ --tone-stone-01: #e2e0df;
320
+ --tone-stone-02: #dad7d6;
321
+ --tone-stone-03: #b9b5b1;
322
+ --tone-stone-04: #a09a96;
323
+ --tone-stone-05: #7f7872;
324
+ --tone-stone-06: #534d4a;
325
+ --tone-stone-07: #2d2a28;
326
+ --tone-stone-08: #1e1c1b;
327
+ --tone-stone-09: #100f0e;
328
+ --tone-stone-10: #080807;
329
+ --tone-stone: #000000;
220
330
  --brand-maggioli-01: #a3b6db;
221
331
  --brand-maggioli-02: #8ea8da;
222
332
  --brand-maggioli-03: #6a91dc;
@@ -239,17 +349,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
239
349
  --brand-synbee-eolo-09: #121c2c;
240
350
  --brand-synbee-eolo-10: #0a0f17;
241
351
  --brand-synbee-eolo: #597cb9;
242
- --brand-synbee-01: #e0af00;
243
- --brand-synbee-02: #cea100;
244
- --brand-synbee-03: #b38c00;
245
- --brand-synbee-04: #9b7900;
246
- --brand-synbee-05: #7f6300;
247
- --brand-synbee-06: #624d00;
248
- --brand-synbee-07: #473800;
249
- --brand-synbee-08: #322700;
250
- --brand-synbee-09: #221b00;
352
+ --brand-synbee-01: #e2ae00;
353
+ --brand-synbee-02: #d1a000;
354
+ --brand-synbee-03: #b68b00;
355
+ --brand-synbee-04: #9d7800;
356
+ --brand-synbee-05: #816300;
357
+ --brand-synbee-06: #644c00;
358
+ --brand-synbee-07: #483700;
359
+ --brand-synbee-08: #332700;
360
+ --brand-synbee-09: #231b00;
251
361
  --brand-synbee-10: #130f00;
252
- --brand-synbee: #ffcf21;
362
+ --brand-synbee: #ffcf30;
253
363
  --status-info-01: #52c2e7;
254
364
  --status-info-02: #2ab4e2;
255
365
  --status-info-03: #1b9dc8;
@@ -419,6 +529,61 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
419
529
  --adjust-tone-09: #101010;
420
530
  --adjust-tone-10: #080808;
421
531
  --adjust-tone: #000000;
532
+ --tone-slate-01: #dde1e8;
533
+ --tone-slate-02: #d2d9e1;
534
+ --tone-slate-03: #abb6c7;
535
+ --tone-slate-04: #8c9cb3;
536
+ --tone-slate-05: #657b98;
537
+ --tone-slate-06: #424f63;
538
+ --tone-slate-07: #242b36;
539
+ --tone-slate-08: #181d24;
540
+ --tone-slate-09: #0e1115;
541
+ --tone-slate-10: #060809;
542
+ --tone-slate: #000000;
543
+ --tone-grey-01: #dee1e5;
544
+ --tone-grey-02: #d5d8dd;
545
+ --tone-grey-03: #b1b6c0;
546
+ --tone-grey-04: #949ba8;
547
+ --tone-grey-05: #707a8a;
548
+ --tone-grey-06: #494f5a;
549
+ --tone-grey-07: #282b31;
550
+ --tone-grey-08: #1b1d21;
551
+ --tone-grey-09: #0e0f11;
552
+ --tone-grey-10: #070809;
553
+ --tone-grey: #000000;
554
+ --tone-zinc-01: #e0e0e3;
555
+ --tone-zinc-02: #d8d8db;
556
+ --tone-zinc-03: #b5b5bd;
557
+ --tone-zinc-04: #9a9aa4;
558
+ --tone-zinc-05: #787885;
559
+ --tone-zinc-06: #4e4e56;
560
+ --tone-zinc-07: #2a2a2f;
561
+ --tone-zinc-08: #1c1c1f;
562
+ --tone-zinc-09: #0f0f10;
563
+ --tone-zinc-10: #09090a;
564
+ --tone-zinc: #000000;
565
+ --tone-neutral-01: #e0e0e0;
566
+ --tone-neutral-02: #d7d7d7;
567
+ --tone-neutral-03: #b5b5b5;
568
+ --tone-neutral-04: #9b9b9b;
569
+ --tone-neutral-05: #7a7a7a;
570
+ --tone-neutral-06: #4e4e4e;
571
+ --tone-neutral-07: #2b2b2b;
572
+ --tone-neutral-08: #1d1d1d;
573
+ --tone-neutral-09: #0f0f0f;
574
+ --tone-neutral-10: #080808;
575
+ --tone-neutral: #000000;
576
+ --tone-stone-01: #e2e0df;
577
+ --tone-stone-02: #dad7d6;
578
+ --tone-stone-03: #b9b5b1;
579
+ --tone-stone-04: #a09a96;
580
+ --tone-stone-05: #7f7872;
581
+ --tone-stone-06: #534d4a;
582
+ --tone-stone-07: #2d2a28;
583
+ --tone-stone-08: #1e1c1b;
584
+ --tone-stone-09: #100f0e;
585
+ --tone-stone-10: #080807;
586
+ --tone-stone: #000000;
422
587
  --brand-maggioli-01: #a3b6db;
423
588
  --brand-maggioli-02: #8ea8da;
424
589
  --brand-maggioli-03: #6a91dc;
@@ -441,17 +606,17 @@ Generated at Thu, 20 Jan 2022 08:54:07 GMT
441
606
  --brand-synbee-eolo-09: #121c2c;
442
607
  --brand-synbee-eolo-10: #0a0f17;
443
608
  --brand-synbee-eolo: #597cb9;
444
- --brand-synbee-01: #e0af00;
445
- --brand-synbee-02: #cea100;
446
- --brand-synbee-03: #b38c00;
447
- --brand-synbee-04: #9b7900;
448
- --brand-synbee-05: #7f6300;
449
- --brand-synbee-06: #624d00;
450
- --brand-synbee-07: #473800;
451
- --brand-synbee-08: #322700;
452
- --brand-synbee-09: #221b00;
609
+ --brand-synbee-01: #e2ae00;
610
+ --brand-synbee-02: #d1a000;
611
+ --brand-synbee-03: #b68b00;
612
+ --brand-synbee-04: #9d7800;
613
+ --brand-synbee-05: #816300;
614
+ --brand-synbee-06: #644c00;
615
+ --brand-synbee-07: #483700;
616
+ --brand-synbee-08: #332700;
617
+ --brand-synbee-09: #231b00;
453
618
  --brand-synbee-10: #130f00;
454
- --brand-synbee: #ffcf21;
619
+ --brand-synbee: #ffcf30;
455
620
  --status-info-01: #52c2e7;
456
621
  --status-info-02: #2ab4e2;
457
622
  --status-info-03: #1b9dc8;
package/package.json CHANGED
@@ -1,15 +1,14 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/styles",
3
- "version": "6.1.0",
3
+ "version": "6.3.2",
4
4
  "description": "This module contains SCSS and CSS styles used by Maggioli Design System, it also makes available a Tailwind config based on Maggioli design tokens.",
5
5
  "main": "./tailwind.config.js",
6
6
  "scripts": {
7
7
  "build": "npm run clean && npm run copy && npm run tailwind.build",
8
8
  "clean": "rm -rf dist || true && mkdir -p dist/css dist/tailwind",
9
- "copy": "npm run copy.tailwind && npm run copy.css.hex && npm run copy.css.rgb",
9
+ "copy": "npm run copy.tailwind && npm run copy.css",
10
10
  "copy.tailwind": "cp -rf tailwind dist",
11
- "copy.css.hex": "cp -rf ../design-tokens/dist/css/colors.css ./dist/css/colors.css",
12
- "copy.css.rgb": "cp -rf ../design-tokens/dist/css/colors-rgb.css ./dist/css/colors-rgb.css",
11
+ "copy.css": "cp -rf ../design-tokens/dist/css/*.css ./dist/css/.",
13
12
  "tailwind.base": "tailwindcss -i ./css/base.css -o ./dist/css/base.css",
14
13
  "tailwind.build": "npm run tailwind.base && npm run tailwind.typography",
15
14
  "tailwind.typography": "tailwindcss -i ./css/typography.css -o ./dist/css/typography.css"
@@ -38,12 +37,12 @@
38
37
  ],
39
38
  "license": "ISC",
40
39
  "dependencies": {
41
- "@maggioli-design-system/design-tokens": "^6.1.1",
42
40
  "normalize.css": "^8.0.1",
43
41
  "typeface-karla": "^1.1.13",
44
42
  "typeface-roboto": "^1.1.13"
45
43
  },
46
44
  "devDependencies": {
45
+ "@maggioli-design-system/design-tokens": "^6.4.1",
47
46
  "autoprefixer": "^10.4.0",
48
47
  "postcss": "^8.4.5",
49
48
  "postcss-import": "^14.0.2",
package/tailwind.config.js CHANGED
@@ -99,6 +99,9 @@ module.exports = {
99
99
  text: '75ch',
100
100
  title: '30ch',
101
101
  },
102
+ height: {
103
+ 13: '3.25rem',
104
+ },
102
105
  minHeight: {
103
106
  ...minSize,
104
107
  },