pswex-design-system 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/LICENSE.md +16 -0
  2. package/README.md +67 -0
  3. package/bin/instalar.mjs +62 -0
  4. package/package.json +31 -0
  5. package/skill/README.md +57 -0
  6. package/skill/SKILL.md +117 -0
  7. package/skill/assets/PROMPT-FIGMA.md +138 -0
  8. package/skill/assets/catalogo-icones.json +324 -0
  9. package/skill/assets/figma-variables.json +764 -0
  10. package/skill/assets/manifesto.json +1287 -0
  11. package/skill/assets/pswex.tokens.json +694 -0
  12. package/skill/assets/styles.css +381 -0
  13. package/skill/assets/tokens.css +81 -0
  14. package/skill/references/classes.md +27 -0
  15. package/skill/references/componentes.md +628 -0
  16. package/skill/references/cor.md +166 -0
  17. package/skill/references/fundos.md +43 -0
  18. package/skill/references/icones.md +71 -0
  19. package/skill/references/voz.md +76 -0
package/skill/assets/figma-variables.json ADDED
@@ -0,0 +1,764 @@
1
+ {
2
+ "$schema": "pswex/figma-variables/1",
3
+ "descricao": "Colecoes de variaveis para importar no Figma.",
4
+ "collections": [
5
+ {
6
+ "name": "PSWEX Marca",
7
+ "modes": [
8
+ "Unico"
9
+ ],
10
+ "variables": [
11
+ {
12
+ "name": "principal/navy",
13
+ "type": "COLOR",
14
+ "values": {
15
+ "Unico": "#232F3E"
16
+ },
17
+ "scopes": [
18
+ "FRAME_FILL",
19
+ "SHAPE_FILL",
20
+ "STROKE_COLOR"
21
+ ],
22
+ "codeSyntax": {
23
+ "WEB": "var(--navy)"
24
+ },
25
+ "description": "Navy"
26
+ },
27
+ {
28
+ "name": "principal/red",
29
+ "type": "COLOR",
30
+ "values": {
31
+ "Unico": "#C7273E"
32
+ },
33
+ "scopes": [
34
+ "FRAME_FILL",
35
+ "SHAPE_FILL",
36
+ "STROKE_COLOR"
37
+ ],
38
+ "codeSyntax": {
39
+ "WEB": "var(--red)"
40
+ },
41
+ "description": "Vermelho"
42
+ },
43
+ {
44
+ "name": "principal/teal",
45
+ "type": "COLOR",
46
+ "values": {
47
+ "Unico": "#1F4768"
48
+ },
49
+ "scopes": [
50
+ "FRAME_FILL",
51
+ "SHAPE_FILL",
52
+ "STROKE_COLOR"
53
+ ],
54
+ "codeSyntax": {
55
+ "WEB": "var(--teal)"
56
+ },
57
+ "description": "Teal"
58
+ },
59
+ {
60
+ "name": "secundaria/mint",
61
+ "type": "COLOR",
62
+ "values": {
63
+ "Unico": "#C1EDCC"
64
+ },
65
+ "scopes": [
66
+ "FRAME_FILL",
67
+ "SHAPE_FILL",
68
+ "STROKE_COLOR"
69
+ ],
70
+ "codeSyntax": {
71
+ "WEB": "var(--mint)"
72
+ },
73
+ "description": "Mint"
74
+ },
75
+ {
76
+ "name": "secundaria/sky",
77
+ "type": "COLOR",
78
+ "values": {
79
+ "Unico": "#7CCFDB"
80
+ },
81
+ "scopes": [
82
+ "FRAME_FILL",
83
+ "SHAPE_FILL",
84
+ "STROKE_COLOR"
85
+ ],
86
+ "codeSyntax": {
87
+ "WEB": "var(--sky)"
88
+ },
89
+ "description": "Sky"
90
+ },
91
+ {
92
+ "name": "secundaria/leaf",
93
+ "type": "COLOR",
94
+ "values": {
95
+ "Unico": "#669933"
96
+ },
97
+ "scopes": [
98
+ "FRAME_FILL",
99
+ "SHAPE_FILL",
100
+ "STROKE_COLOR"
101
+ ],
102
+ "codeSyntax": {
103
+ "WEB": "var(--leaf)"
104
+ },
105
+ "description": "Leaf"
106
+ },
107
+ {
108
+ "name": "secundaria/lime",
109
+ "type": "COLOR",
110
+ "values": {
111
+ "Unico": "#99CC33"
112
+ },
113
+ "scopes": [
114
+ "FRAME_FILL",
115
+ "SHAPE_FILL",
116
+ "STROKE_COLOR"
117
+ ],
118
+ "codeSyntax": {
119
+ "WEB": "var(--lime)"
120
+ },
121
+ "description": "Lime, o CTA"
122
+ },
123
+ {
124
+ "name": "variacao/navy-700",
125
+ "type": "COLOR",
126
+ "values": {
127
+ "Unico": "#35485F"
128
+ },
129
+ "scopes": [
130
+ "FRAME_FILL",
131
+ "SHAPE_FILL",
132
+ "STROKE_COLOR"
133
+ ],
134
+ "codeSyntax": {
135
+ "WEB": "var(--navy-700)"
136
+ },
137
+ "description": "Navy 700"
138
+ },
139
+ {
140
+ "name": "variacao/navy-800",
141
+ "type": "COLOR",
142
+ "values": {
143
+ "Unico": "#2B3A4D"
144
+ },
145
+ "scopes": [
146
+ "FRAME_FILL",
147
+ "SHAPE_FILL",
148
+ "STROKE_COLOR"
149
+ ],
150
+ "codeSyntax": {
151
+ "WEB": "var(--navy-800)"
152
+ },
153
+ "description": "Navy 800"
154
+ },
155
+ {
156
+ "name": "variacao/navy-900",
157
+ "type": "COLOR",
158
+ "values": {
159
+ "Unico": "#1B2531"
160
+ },
161
+ "scopes": [
162
+ "FRAME_FILL",
163
+ "SHAPE_FILL",
164
+ "STROKE_COLOR"
165
+ ],
166
+ "codeSyntax": {
167
+ "WEB": "var(--navy-900)"
168
+ },
169
+ "description": "Navy 900"
170
+ },
171
+ {
172
+ "name": "variacao/navy-950",
173
+ "type": "COLOR",
174
+ "values": {
175
+ "Unico": "#19212C"
176
+ },
177
+ "scopes": [
178
+ "FRAME_FILL",
179
+ "SHAPE_FILL",
180
+ "STROKE_COLOR"
181
+ ],
182
+ "codeSyntax": {
183
+ "WEB": "var(--navy-950)"
184
+ },
185
+ "description": "Navy 950"
186
+ },
187
+ {
188
+ "name": "variacao/red-600",
189
+ "type": "COLOR",
190
+ "values": {
191
+ "Unico": "#A92135"
192
+ },
193
+ "scopes": [
194
+ "FRAME_FILL",
195
+ "SHAPE_FILL",
196
+ "STROKE_COLOR"
197
+ ],
198
+ "codeSyntax": {
199
+ "WEB": "var(--red-600)"
200
+ },
201
+ "description": "Vermelho 600"
202
+ },
203
+ {
204
+ "name": "variacao/red-700",
205
+ "type": "COLOR",
206
+ "values": {
207
+ "Unico": "#941D2E"
208
+ },
209
+ "scopes": [
210
+ "FRAME_FILL",
211
+ "SHAPE_FILL",
212
+ "STROKE_COLOR"
213
+ ],
214
+ "codeSyntax": {
215
+ "WEB": "var(--red-700)"
216
+ },
217
+ "description": "Vermelho 700"
218
+ },
219
+ {
220
+ "name": "variacao/sky-800",
221
+ "type": "COLOR",
222
+ "values": {
223
+ "Unico": "#267F8C"
224
+ },
225
+ "scopes": [
226
+ "FRAME_FILL",
227
+ "SHAPE_FILL",
228
+ "STROKE_COLOR"
229
+ ],
230
+ "codeSyntax": {
231
+ "WEB": "var(--sky-800)"
232
+ },
233
+ "description": "Sky 800"
234
+ },
235
+ {
236
+ "name": "variacao/leaf-800",
237
+ "type": "COLOR",
238
+ "values": {
239
+ "Unico": "#4A6F25"
240
+ },
241
+ "scopes": [
242
+ "FRAME_FILL",
243
+ "SHAPE_FILL",
244
+ "STROKE_COLOR"
245
+ ],
246
+ "codeSyntax": {
247
+ "WEB": "var(--leaf-800)"
248
+ },
249
+ "description": "Leaf 800"
250
+ },
251
+ {
252
+ "name": "neutro/charcoal",
253
+ "type": "COLOR",
254
+ "values": {
255
+ "Unico": "#353437"
256
+ },
257
+ "scopes": [
258
+ "FRAME_FILL",
259
+ "SHAPE_FILL",
260
+ "STROKE_COLOR"
261
+ ],
262
+ "codeSyntax": {
263
+ "WEB": "var(--charcoal)"
264
+ },
265
+ "description": "Carvão"
266
+ },
267
+ {
268
+ "name": "neutro/gray-dark",
269
+ "type": "COLOR",
270
+ "values": {
271
+ "Unico": "#4D4D4C"
272
+ },
273
+ "scopes": [
274
+ "FRAME_FILL",
275
+ "SHAPE_FILL",
276
+ "STROKE_COLOR"
277
+ ],
278
+ "codeSyntax": {
279
+ "WEB": "var(--gray-dark)"
280
+ },
281
+ "description": "Cinza escuro"
282
+ },
283
+ {
284
+ "name": "neutro/gray-mid",
285
+ "type": "COLOR",
286
+ "values": {
287
+ "Unico": "#656565"
288
+ },
289
+ "scopes": [
290
+ "FRAME_FILL",
291
+ "SHAPE_FILL",
292
+ "STROKE_COLOR"
293
+ ],
294
+ "codeSyntax": {
295
+ "WEB": "var(--gray-mid)"
296
+ },
297
+ "description": "Cinza médio"
298
+ },
299
+ {
300
+ "name": "neutro/ice",
301
+ "type": "COLOR",
302
+ "values": {
303
+ "Unico": "#FFFCF1"
304
+ },
305
+ "scopes": [
306
+ "FRAME_FILL",
307
+ "SHAPE_FILL",
308
+ "STROKE_COLOR"
309
+ ],
310
+ "codeSyntax": {
311
+ "WEB": "var(--ice)"
312
+ },
313
+ "description": "Gelo"
314
+ },
315
+ {
316
+ "name": "neutro/offwhite",
317
+ "type": "COLOR",
318
+ "values": {
319
+ "Unico": "#F4F4EE"
320
+ },
321
+ "scopes": [
322
+ "FRAME_FILL",
323
+ "SHAPE_FILL",
324
+ "STROKE_COLOR"
325
+ ],
326
+ "codeSyntax": {
327
+ "WEB": "var(--offwhite)"
328
+ },
329
+ "description": "Off-white"
330
+ }
331
+ ]
332
+ },
333
+ {
334
+ "name": "PSWEX Tema",
335
+ "modes": [
336
+ "Claro",
337
+ "Escuro"
338
+ ],
339
+ "variables": [
340
+ {
341
+ "name": "fundo/bg",
342
+ "type": "COLOR",
343
+ "values": {
344
+ "Claro": "#FFFAFA",
345
+ "Escuro": "#12181F"
346
+ },
347
+ "scopes": [
348
+ "FRAME_FILL",
349
+ "SHAPE_FILL",
350
+ "STROKE_COLOR"
351
+ ],
352
+ "codeSyntax": {
353
+ "WEB": "var(--bg)"
354
+ },
355
+ "description": "Fundo"
356
+ },
357
+ {
358
+ "name": "fundo/surface",
359
+ "type": "COLOR",
360
+ "values": {
361
+ "Claro": "#FFFFFF",
362
+ "Escuro": "#1B242F"
363
+ },
364
+ "scopes": [
365
+ "FRAME_FILL",
366
+ "SHAPE_FILL",
367
+ "STROKE_COLOR"
368
+ ],
369
+ "codeSyntax": {
370
+ "WEB": "var(--surface)"
371
+ },
372
+ "description": "Superfície"
373
+ },
374
+ {
375
+ "name": "fundo/paper",
376
+ "type": "COLOR",
377
+ "values": {
378
+ "Claro": "#FFFFFF",
379
+ "Escuro": "#1B242F"
380
+ },
381
+ "scopes": [
382
+ "FRAME_FILL",
383
+ "SHAPE_FILL",
384
+ "STROKE_COLOR"
385
+ ],
386
+ "codeSyntax": {
387
+ "WEB": "var(--paper)"
388
+ },
389
+ "description": "Papel, superfície de card"
390
+ },
391
+ {
392
+ "name": "fundo/snow",
393
+ "type": "COLOR",
394
+ "values": {
395
+ "Claro": "#FFFAFA",
396
+ "Escuro": "#151D26"
397
+ },
398
+ "scopes": [
399
+ "FRAME_FILL",
400
+ "SHAPE_FILL",
401
+ "STROKE_COLOR"
402
+ ],
403
+ "codeSyntax": {
404
+ "WEB": "var(--snow)"
405
+ },
406
+ "description": "Snow"
407
+ },
408
+ {
409
+ "name": "fundo/beige",
410
+ "type": "COLOR",
411
+ "values": {
412
+ "Claro": "#F8F4E3",
413
+ "Escuro": "#1E2732"
414
+ },
415
+ "scopes": [
416
+ "FRAME_FILL",
417
+ "SHAPE_FILL",
418
+ "STROKE_COLOR"
419
+ ],
420
+ "codeSyntax": {
421
+ "WEB": "var(--beige)"
422
+ },
423
+ "description": "Bege"
424
+ },
425
+ {
426
+ "name": "fundo/light",
427
+ "type": "COLOR",
428
+ "values": {
429
+ "Claro": "#F2F3F4",
430
+ "Escuro": "#1A222C"
431
+ },
432
+ "scopes": [
433
+ "FRAME_FILL",
434
+ "SHAPE_FILL",
435
+ "STROKE_COLOR"
436
+ ],
437
+ "codeSyntax": {
438
+ "WEB": "var(--light)"
439
+ },
440
+ "description": "Light"
441
+ },
442
+ {
443
+ "name": "fundo/teal-50",
444
+ "type": "COLOR",
445
+ "values": {
446
+ "Claro": "#E9F0F7",
447
+ "Escuro": "#17222E"
448
+ },
449
+ "scopes": [
450
+ "FRAME_FILL",
451
+ "SHAPE_FILL",
452
+ "STROKE_COLOR"
453
+ ],
454
+ "codeSyntax": {
455
+ "WEB": "var(--teal-50)"
456
+ },
457
+ "description": "Teal claro"
458
+ },
459
+ {
460
+ "name": "texto/fg",
461
+ "type": "COLOR",
462
+ "values": {
463
+ "Claro": "#232F3E",
464
+ "Escuro": "#EEF3F8"
465
+ },
466
+ "scopes": [
467
+ "TEXT_FILL"
468
+ ],
469
+ "codeSyntax": {
470
+ "WEB": "var(--fg)"
471
+ },
472
+ "description": "Texto principal"
473
+ },
474
+ {
475
+ "name": "texto/ink",
476
+ "type": "COLOR",
477
+ "values": {
478
+ "Claro": "#232F3E",
479
+ "Escuro": "#EEF3F8"
480
+ },
481
+ "scopes": [
482
+ "TEXT_FILL"
483
+ ],
484
+ "codeSyntax": {
485
+ "WEB": "var(--ink)"
486
+ },
487
+ "description": "Título"
488
+ },
489
+ {
490
+ "name": "texto/ink-2",
491
+ "type": "COLOR",
492
+ "values": {
493
+ "Claro": "#4D4D4C",
494
+ "Escuro": "#C3CFDC"
495
+ },
496
+ "scopes": [
497
+ "TEXT_FILL"
498
+ ],
499
+ "codeSyntax": {
500
+ "WEB": "var(--ink-2)"
501
+ },
502
+ "description": "Texto de apoio"
503
+ },
504
+ {
505
+ "name": "texto/ink-3",
506
+ "type": "COLOR",
507
+ "values": {
508
+ "Claro": "#656565",
509
+ "Escuro": "#A3B2C2"
510
+ },
511
+ "scopes": [
512
+ "TEXT_FILL"
513
+ ],
514
+ "codeSyntax": {
515
+ "WEB": "var(--ink-3)"
516
+ },
517
+ "description": "Texto terciário"
518
+ },
519
+ {
520
+ "name": "texto/muted",
521
+ "type": "COLOR",
522
+ "values": {
523
+ "Claro": "#656565",
524
+ "Escuro": "#9FB0C2"
525
+ },
526
+ "scopes": [
527
+ "TEXT_FILL"
528
+ ],
529
+ "codeSyntax": {
530
+ "WEB": "var(--muted)"
531
+ },
532
+ "description": "Texto discreto"
533
+ },
534
+ {
535
+ "name": "acento/accent-txt",
536
+ "type": "COLOR",
537
+ "values": {
538
+ "Claro": "#C7273E",
539
+ "Escuro": "#F4808F"
540
+ },
541
+ "scopes": [
542
+ "TEXT_FILL"
543
+ ],
544
+ "codeSyntax": {
545
+ "WEB": "var(--accent-txt)"
546
+ },
547
+ "description": "Acento"
548
+ },
549
+ {
550
+ "name": "acento/accent-2-txt",
551
+ "type": "COLOR",
552
+ "values": {
553
+ "Claro": "#1F4768",
554
+ "Escuro": "#8FC5DE"
555
+ },
556
+ "scopes": [
557
+ "TEXT_FILL"
558
+ ],
559
+ "codeSyntax": {
560
+ "WEB": "var(--accent-2-txt)"
561
+ },
562
+ "description": "Acento secundário"
563
+ },
564
+ {
565
+ "name": "linha/line",
566
+ "type": "COLOR",
567
+ "values": {
568
+ "Claro": "#D5DBE2",
569
+ "Escuro": "#2C3947"
570
+ },
571
+ "scopes": [
572
+ "STROKE_COLOR"
573
+ ],
574
+ "codeSyntax": {
575
+ "WEB": "var(--line)"
576
+ },
577
+ "description": "Linha"
578
+ },
579
+ {
580
+ "name": "linha/line-300",
581
+ "type": "COLOR",
582
+ "values": {
583
+ "Claro": "#9CA7B4",
584
+ "Escuro": "#44566A"
585
+ },
586
+ "scopes": [
587
+ "STROKE_COLOR"
588
+ ],
589
+ "codeSyntax": {
590
+ "WEB": "var(--line-300)"
591
+ },
592
+ "description": "Linha 300"
593
+ }
594
+ ]
595
+ },
596
+ {
597
+ "name": "PSWEX Sobre cor",
598
+ "modes": [
599
+ "Unico"
600
+ ],
601
+ "variables": [
602
+ {
603
+ "name": "texto/lime-ink",
604
+ "type": "COLOR",
605
+ "values": {
606
+ "Unico": "#232F3E"
607
+ },
608
+ "scopes": [
609
+ "TEXT_FILL"
610
+ ],
611
+ "codeSyntax": {
612
+ "WEB": "var(--lime-ink)"
613
+ },
614
+ "description": "Sobre lime e mint"
615
+ },
616
+ {
617
+ "name": "texto/on-bright",
618
+ "type": "COLOR",
619
+ "values": {
620
+ "Unico": "#232F3E"
621
+ },
622
+ "scopes": [
623
+ "TEXT_FILL"
624
+ ],
625
+ "codeSyntax": {
626
+ "WEB": "var(--on-bright)"
627
+ },
628
+ "description": "Sobre cor clara da marca"
629
+ },
630
+ {
631
+ "name": "texto/ondark-200",
632
+ "type": "COLOR",
633
+ "values": {
634
+ "Unico": "#AFBCCC"
635
+ },
636
+ "scopes": [
637
+ "TEXT_FILL"
638
+ ],
639
+ "codeSyntax": {
640
+ "WEB": "var(--ondark-200)"
641
+ },
642
+ "description": "Apoio sobre fundo escuro"
643
+ },
644
+ {
645
+ "name": "texto/ondark-400",
646
+ "type": "COLOR",
647
+ "values": {
648
+ "Unico": "#94A6BC"
649
+ },
650
+ "scopes": [
651
+ "TEXT_FILL"
652
+ ],
653
+ "codeSyntax": {
654
+ "WEB": "var(--ondark-400)"
655
+ },
656
+ "description": "Texto menor sobre fundo escuro"
657
+ },
658
+ {
659
+ "name": "texto/red-ondark",
660
+ "type": "COLOR",
661
+ "values": {
662
+ "Unico": "#F4808F"
663
+ },
664
+ "scopes": [
665
+ "TEXT_FILL"
666
+ ],
667
+ "codeSyntax": {
668
+ "WEB": "var(--red-ondark)"
669
+ },
670
+ "description": "Vermelho sobre escuro"
671
+ },
672
+ {
673
+ "name": "linha/line-inv",
674
+ "type": "COLOR",
675
+ "values": {
676
+ "Unico": "rgba(196,219,241,.24)"
677
+ },
678
+ "scopes": [
679
+ "STROKE_COLOR"
680
+ ],
681
+ "codeSyntax": {
682
+ "WEB": "var(--line-inv)"
683
+ },
684
+ "description": "Linha sobre fundo escuro"
685
+ }
686
+ ]
687
+ },
688
+ {
689
+ "name": "PSWEX Layout",
690
+ "modes": [
691
+ "Unico"
692
+ ],
693
+ "variables": [
694
+ {
695
+ "name": "medida/shell",
696
+ "type": "FLOAT",
697
+ "values": {
698
+ "Unico": 1200.0
699
+ },
700
+ "scopes": [
701
+ "WIDTH_HEIGHT",
702
+ "GAP"
703
+ ],
704
+ "codeSyntax": {
705
+ "WEB": "var(--shell)"
706
+ },
707
+ "description": "Largura máxima do conteúdo"
708
+ },
709
+ {
710
+ "name": "raio/r",
711
+ "type": "FLOAT",
712
+ "values": {
713
+ "Unico": 14.0
714
+ },
715
+ "scopes": [
716
+ "CORNER_RADIUS"
717
+ ],
718
+ "codeSyntax": {
719
+ "WEB": "var(--r)"
720
+ },
721
+ "description": "Raio padrão"
722
+ },
723
+ {
724
+ "name": "raio/r-lg",
725
+ "type": "FLOAT",
726
+ "values": {
727
+ "Unico": 22.0
728
+ },
729
+ "scopes": [
730
+ "CORNER_RADIUS"
731
+ ],
732
+ "codeSyntax": {
733
+ "WEB": "var(--r-lg)"
734
+ },
735
+ "description": "Raio grande"
736
+ },
737
+ {
738
+ "name": "sombra/shadow",
739
+ "type": "STRING",
740
+ "values": {
741
+ "Unico": "0 1px 3px rgba(35,47,62,.08),0 6px 14px -8px rgba(35,47,62,.12)"
742
+ },
743
+ "scopes": [],
744
+ "codeSyntax": {
745
+ "WEB": "var(--shadow)"
746
+ },
747
+ "description": "Sombra padrão"
748
+ },
749
+ {
750
+ "name": "sombra/shadow-lg",
751
+ "type": "STRING",
752
+ "values": {
753
+ "Unico": "0 2px 6px rgba(35,47,62,.10),0 14px 28px -14px rgba(35,47,62,.18)"
754
+ },
755
+ "scopes": [],
756
+ "codeSyntax": {
757
+ "WEB": "var(--shadow-lg)"
758
+ },
759
+ "description": "Sombra elevada"
760
+ }
761
+ ]
762
+ }
763
+ ]
764
+ }