@primer/primitives 10.5.1-rc.605714e8 → 10.6.0-rc.49a3da64

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 (47) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +0 -102
  2. package/dist/css/functional/themes/dark-dimmed.css +0 -102
  3. package/dist/css/functional/themes/dark-high-contrast.css +0 -102
  4. package/dist/css/functional/themes/dark-tritanopia.css +0 -102
  5. package/dist/css/functional/themes/dark.css +0 -102
  6. package/dist/css/functional/themes/light-colorblind.css +0 -102
  7. package/dist/css/functional/themes/light-high-contrast.css +0 -102
  8. package/dist/css/functional/themes/light-tritanopia.css +0 -102
  9. package/dist/css/functional/themes/light.css +0 -102
  10. package/dist/docs/functional/themes/dark-colorblind.json +331 -1861
  11. package/dist/docs/functional/themes/dark-dimmed.json +331 -1861
  12. package/dist/docs/functional/themes/dark-high-contrast.json +331 -1861
  13. package/dist/docs/functional/themes/dark-tritanopia.json +331 -1861
  14. package/dist/docs/functional/themes/dark.json +331 -1861
  15. package/dist/docs/functional/themes/light-colorblind.json +331 -1861
  16. package/dist/docs/functional/themes/light-high-contrast.json +331 -1861
  17. package/dist/docs/functional/themes/light-tritanopia.json +331 -1861
  18. package/dist/docs/functional/themes/light.json +331 -1861
  19. package/dist/figma/themes/dark-colorblind.json +0 -561
  20. package/dist/figma/themes/dark-dimmed.json +0 -561
  21. package/dist/figma/themes/dark-high-contrast.json +0 -561
  22. package/dist/figma/themes/dark-tritanopia.json +0 -561
  23. package/dist/figma/themes/dark.json +0 -561
  24. package/dist/figma/themes/light-colorblind.json +0 -561
  25. package/dist/figma/themes/light-high-contrast.json +0 -561
  26. package/dist/figma/themes/light-tritanopia.json +0 -561
  27. package/dist/figma/themes/light.json +0 -561
  28. package/dist/internalCss/dark-colorblind.css +0 -102
  29. package/dist/internalCss/dark-dimmed.css +0 -102
  30. package/dist/internalCss/dark-high-contrast.css +0 -102
  31. package/dist/internalCss/dark-tritanopia.css +0 -102
  32. package/dist/internalCss/dark.css +0 -102
  33. package/dist/internalCss/light-colorblind.css +0 -102
  34. package/dist/internalCss/light-high-contrast.css +0 -102
  35. package/dist/internalCss/light-tritanopia.css +0 -102
  36. package/dist/internalCss/light.css +0 -102
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +309 -1839
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +309 -1839
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +309 -1839
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +309 -1839
  41. package/dist/styleLint/functional/themes/dark.json +309 -1839
  42. package/dist/styleLint/functional/themes/light-colorblind.json +309 -1839
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +309 -1839
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +309 -1839
  45. package/dist/styleLint/functional/themes/light.json +309 -1839
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/data-vis.json5 +0 -646
package/src/tokens/functional/color/data-vis.json5 CHANGED
@@ -30,44 +30,6 @@
30
30
  },
31
31
  },
32
32
  },
33
- gradientStop: {
34
- '1': {
35
- $value: '{data.blue.color.muted}',
36
- $type: 'color',
37
- $extensions: {
38
- 'org.primer.figma': {
39
- collection: 'mode',
40
- group: 'component',
41
- scopes: ['bgColor'],
42
- },
43
- },
44
- },
45
- '2': {
46
- $value: '{data.blue.color.muted}',
47
- $type: 'color',
48
- alpha: 0,
49
- $extensions: {
50
- 'org.primer.figma': {
51
- collection: 'mode',
52
- group: 'component',
53
- scopes: ['bgColor'],
54
- },
55
- },
56
- },
57
- },
58
- },
59
- gradient: {
60
- $type: 'gradient',
61
- $value: [
62
- {
63
- color: '{data.blue.color.gradientStop.1}',
64
- position: 0,
65
- },
66
- {
67
- color: '{data.blue.color.gradientStop.2}',
68
- position: 1,
69
- },
70
- ],
71
33
  },
72
34
  },
73
35
  auburn: {
@@ -100,44 +62,6 @@
100
62
  },
101
63
  },
102
64
  },
103
- gradientStop: {
104
- '1': {
105
- $value: '{data.auburn.color.muted}',
106
- $type: 'color',
107
- $extensions: {
108
- 'org.primer.figma': {
109
- collection: 'mode',
110
- group: 'component',
111
- scopes: ['bgColor'],
112
- },
113
- },
114
- },
115
- '2': {
116
- $value: '{data.auburn.color.muted}',
117
- $type: 'color',
118
- alpha: 0,
119
- $extensions: {
120
- 'org.primer.figma': {
121
- collection: 'mode',
122
- group: 'component',
123
- scopes: ['bgColor'],
124
- },
125
- },
126
- },
127
- },
128
- },
129
- gradient: {
130
- $type: 'gradient',
131
- $value: [
132
- {
133
- color: '{data.auburn.color.gradientStop.1}',
134
- position: 0,
135
- },
136
- {
137
- color: '{data.auburn.color.gradientStop.2}',
138
- position: 1,
139
- },
140
- ],
141
65
  },
142
66
  },
143
67
  orange: {
@@ -170,44 +94,6 @@
170
94
  },
171
95
  },
172
96
  },
173
- gradientStop: {
174
- '1': {
175
- $value: '{data.orange.color.muted}',
176
- $type: 'color',
177
- $extensions: {
178
- 'org.primer.figma': {
179
- collection: 'mode',
180
- group: 'component',
181
- scopes: ['bgColor'],
182
- },
183
- },
184
- },
185
- '2': {
186
- $value: '{data.orange.color.muted}',
187
- $type: 'color',
188
- alpha: 0,
189
- $extensions: {
190
- 'org.primer.figma': {
191
- collection: 'mode',
192
- group: 'component',
193
- scopes: ['bgColor'],
194
- },
195
- },
196
- },
197
- },
198
- },
199
- gradient: {
200
- $type: 'gradient',
201
- $value: [
202
- {
203
- color: '{data.orange.color.gradientStop.1}',
204
- position: 0,
205
- },
206
- {
207
- color: '{data.orange.color.gradientStop.2}',
208
- position: 1,
209
- },
210
- ],
211
97
  },
212
98
  },
213
99
  yellow: {
@@ -240,44 +126,6 @@
240
126
  },
241
127
  },
242
128
  },
243
- gradientStop: {
244
- '1': {
245
- $value: '{data.yellow.color.muted}',
246
- $type: 'color',
247
- $extensions: {
248
- 'org.primer.figma': {
249
- collection: 'mode',
250
- group: 'component',
251
- scopes: ['bgColor'],
252
- },
253
- },
254
- },
255
- '2': {
256
- $value: '{data.yellow.color.muted}',
257
- $type: 'color',
258
- alpha: 0,
259
- $extensions: {
260
- 'org.primer.figma': {
261
- collection: 'mode',
262
- group: 'component',
263
- scopes: ['bgColor'],
264
- },
265
- },
266
- },
267
- },
268
- },
269
- gradient: {
270
- $type: 'gradient',
271
- $value: [
272
- {
273
- color: '{data.yellow.color.gradientStop.1}',
274
- position: 0,
275
- },
276
- {
277
- color: '{data.yellow.color.gradientStop.2}',
278
- position: 1,
279
- },
280
- ],
281
129
  },
282
130
  },
283
131
  green: {
@@ -310,44 +158,6 @@
310
158
  },
311
159
  },
312
160
  },
313
- gradientStop: {
314
- '1': {
315
- $value: '{data.green.color.muted}',
316
- $type: 'color',
317
- $extensions: {
318
- 'org.primer.figma': {
319
- collection: 'mode',
320
- group: 'component',
321
- scopes: ['bgColor'],
322
- },
323
- },
324
- },
325
- '2': {
326
- $value: '{data.green.color.muted}',
327
- $type: 'color',
328
- alpha: 0,
329
- $extensions: {
330
- 'org.primer.figma': {
331
- collection: 'mode',
332
- group: 'component',
333
- scopes: ['bgColor'],
334
- },
335
- },
336
- },
337
- },
338
- },
339
- gradient: {
340
- $type: 'gradient',
341
- $value: [
342
- {
343
- color: '{data.green.color.gradientStop.1}',
344
- position: 0,
345
- },
346
- {
347
- color: '{data.green.color.gradientStop.2}',
348
- position: 1,
349
- },
350
- ],
351
161
  },
352
162
  },
353
163
  teal: {
@@ -380,44 +190,6 @@
380
190
  },
381
191
  },
382
192
  },
383
- gradientStop: {
384
- '1': {
385
- $value: '{data.teal.color.muted}',
386
- $type: 'color',
387
- $extensions: {
388
- 'org.primer.figma': {
389
- collection: 'mode',
390
- group: 'component',
391
- scopes: ['bgColor'],
392
- },
393
- },
394
- },
395
- '2': {
396
- $value: '{data.teal.color.muted}',
397
- $type: 'color',
398
- alpha: 0,
399
- $extensions: {
400
- 'org.primer.figma': {
401
- collection: 'mode',
402
- group: 'component',
403
- scopes: ['bgColor'],
404
- },
405
- },
406
- },
407
- },
408
- },
409
- gradient: {
410
- $type: 'gradient',
411
- $value: [
412
- {
413
- color: '{data.teal.color.gradientStop.1}',
414
- position: 0,
415
- },
416
- {
417
- color: '{data.teal.color.gradientStop.2}',
418
- position: 1,
419
- },
420
- ],
421
193
  },
422
194
  },
423
195
  purple: {
@@ -450,44 +222,6 @@
450
222
  },
451
223
  },
452
224
  },
453
- gradientStop: {
454
- '1': {
455
- $value: '{data.purple.color.muted}',
456
- $type: 'color',
457
- $extensions: {
458
- 'org.primer.figma': {
459
- collection: 'mode',
460
- group: 'component',
461
- scopes: ['bgColor'],
462
- },
463
- },
464
- },
465
- '2': {
466
- $value: '{data.purple.color.muted}',
467
- $type: 'color',
468
- alpha: 0,
469
- $extensions: {
470
- 'org.primer.figma': {
471
- collection: 'mode',
472
- group: 'component',
473
- scopes: ['bgColor'],
474
- },
475
- },
476
- },
477
- },
478
- },
479
- gradient: {
480
- $type: 'gradient',
481
- $value: [
482
- {
483
- color: '{data.purple.color.gradientStop.1}',
484
- position: 0,
485
- },
486
- {
487
- color: '{data.purple.color.gradientStop.2}',
488
- position: 1,
489
- },
490
- ],
491
225
  },
492
226
  },
493
227
  pink: {
@@ -520,44 +254,6 @@
520
254
  },
521
255
  },
522
256
  },
523
- gradientStop: {
524
- '1': {
525
- $value: '{data.pink.color.muted}',
526
- $type: 'color',
527
- $extensions: {
528
- 'org.primer.figma': {
529
- collection: 'mode',
530
- group: 'component',
531
- scopes: ['bgColor'],
532
- },
533
- },
534
- },
535
- '2': {
536
- $value: '{data.pink.color.muted}',
537
- $type: 'color',
538
- alpha: 0,
539
- $extensions: {
540
- 'org.primer.figma': {
541
- collection: 'mode',
542
- group: 'component',
543
- scopes: ['bgColor'],
544
- },
545
- },
546
- },
547
- },
548
- },
549
- gradient: {
550
- $type: 'gradient',
551
- $value: [
552
- {
553
- color: '{data.pink.color.gradientStop.1}',
554
- position: 0,
555
- },
556
- {
557
- color: '{data.pink.color.gradientStop.2}',
558
- position: 1,
559
- },
560
- ],
561
257
  },
562
258
  },
563
259
  plum: {
@@ -590,44 +286,6 @@
590
286
  },
591
287
  },
592
288
  },
593
- gradientStop: {
594
- '1': {
595
- $value: '{data.plum.color.muted}',
596
- $type: 'color',
597
- $extensions: {
598
- 'org.primer.figma': {
599
- collection: 'mode',
600
- group: 'component',
601
- scopes: ['bgColor'],
602
- },
603
- },
604
- },
605
- '2': {
606
- $value: '{data.plum.color.muted}',
607
- $type: 'color',
608
- alpha: 0,
609
- $extensions: {
610
- 'org.primer.figma': {
611
- collection: 'mode',
612
- group: 'component',
613
- scopes: ['bgColor'],
614
- },
615
- },
616
- },
617
- },
618
- },
619
- gradient: {
620
- $type: 'gradient',
621
- $value: [
622
- {
623
- color: '{data.plum.color.gradientStop.1}',
624
- position: 0,
625
- },
626
- {
627
- color: '{data.plum.color.gradientStop.2}',
628
- position: 1,
629
- },
630
- ],
631
289
  },
632
290
  },
633
291
  red: {
@@ -660,44 +318,6 @@
660
318
  },
661
319
  },
662
320
  },
663
- gradientStop: {
664
- '1': {
665
- $value: '{data.red.color.muted}',
666
- $type: 'color',
667
- $extensions: {
668
- 'org.primer.figma': {
669
- collection: 'mode',
670
- group: 'component',
671
- scopes: ['bgColor'],
672
- },
673
- },
674
- },
675
- '2': {
676
- $value: '{data.red.color.muted}',
677
- $type: 'color',
678
- alpha: 0,
679
- $extensions: {
680
- 'org.primer.figma': {
681
- collection: 'mode',
682
- group: 'component',
683
- scopes: ['bgColor'],
684
- },
685
- },
686
- },
687
- },
688
- },
689
- gradient: {
690
- $type: 'gradient',
691
- $value: [
692
- {
693
- color: '{data.red.color.gradientStop.1}',
694
- position: 0,
695
- },
696
- {
697
- color: '{data.red.color.gradientStop.2}',
698
- position: 1,
699
- },
700
- ],
701
321
  },
702
322
  },
703
323
  gray: {
@@ -730,44 +350,6 @@
730
350
  },
731
351
  },
732
352
  },
733
- gradientStop: {
734
- '1': {
735
- $value: '{data.gray.color.muted}',
736
- $type: 'color',
737
- $extensions: {
738
- 'org.primer.figma': {
739
- collection: 'mode',
740
- group: 'component',
741
- scopes: ['bgColor'],
742
- },
743
- },
744
- },
745
- '2': {
746
- $value: '{data.gray.color.muted}',
747
- $type: 'color',
748
- alpha: 0,
749
- $extensions: {
750
- 'org.primer.figma': {
751
- collection: 'mode',
752
- group: 'component',
753
- scopes: ['bgColor'],
754
- },
755
- },
756
- },
757
- },
758
- },
759
- gradient: {
760
- $type: 'gradient',
761
- $value: [
762
- {
763
- color: '{data.gray.color.gradientStop.1}',
764
- position: 0,
765
- },
766
- {
767
- color: '{data.gray.color.gradientStop.2}',
768
- position: 1,
769
- },
770
- ],
771
353
  },
772
354
  },
773
355
  coral: {
@@ -800,44 +382,6 @@
800
382
  },
801
383
  },
802
384
  },
803
- gradientStop: {
804
- '1': {
805
- $value: '{data.coral.color.muted}',
806
- $type: 'color',
807
- $extensions: {
808
- 'org.primer.figma': {
809
- collection: 'mode',
810
- group: 'component',
811
- scopes: ['bgColor'],
812
- },
813
- },
814
- },
815
- '2': {
816
- $value: '{data.coral.color.muted}',
817
- $type: 'color',
818
- alpha: 0,
819
- $extensions: {
820
- 'org.primer.figma': {
821
- collection: 'mode',
822
- group: 'component',
823
- scopes: ['bgColor'],
824
- },
825
- },
826
- },
827
- },
828
- },
829
- gradient: {
830
- $type: 'gradient',
831
- $value: [
832
- {
833
- color: '{data.coral.color.gradientStop.1}',
834
- position: 0,
835
- },
836
- {
837
- color: '{data.coral.color.gradientStop.2}',
838
- position: 1,
839
- },
840
- ],
841
385
  },
842
386
  },
843
387
  brown: {
@@ -870,44 +414,6 @@
870
414
  },
871
415
  },
872
416
  },
873
- gradientStop: {
874
- '1': {
875
- $value: '{data.brown.color.muted}',
876
- $type: 'color',
877
- $extensions: {
878
- 'org.primer.figma': {
879
- collection: 'mode',
880
- group: 'component',
881
- scopes: ['bgColor'],
882
- },
883
- },
884
- },
885
- '2': {
886
- $value: '{data.brown.color.muted}',
887
- $type: 'color',
888
- alpha: 0,
889
- $extensions: {
890
- 'org.primer.figma': {
891
- collection: 'mode',
892
- group: 'component',
893
- scopes: ['bgColor'],
894
- },
895
- },
896
- },
897
- },
898
- },
899
- gradient: {
900
- $type: 'gradient',
901
- $value: [
902
- {
903
- color: '{data.brown.color.gradientStop.1}',
904
- position: 0,
905
- },
906
- {
907
- color: '{data.brown.color.gradientStop.2}',
908
- position: 1,
909
- },
910
- ],
911
417
  },
912
418
  },
913
419
  lemon: {
@@ -940,44 +446,6 @@
940
446
  },
941
447
  },
942
448
  },
943
- gradientStop: {
944
- '1': {
945
- $value: '{data.lemon.color.muted}',
946
- $type: 'color',
947
- $extensions: {
948
- 'org.primer.figma': {
949
- collection: 'mode',
950
- group: 'component',
951
- scopes: ['bgColor'],
952
- },
953
- },
954
- },
955
- '2': {
956
- $value: '{data.lemon.color.muted}',
957
- $type: 'color',
958
- alpha: 0,
959
- $extensions: {
960
- 'org.primer.figma': {
961
- collection: 'mode',
962
- group: 'component',
963
- scopes: ['bgColor'],
964
- },
965
- },
966
- },
967
- },
968
- },
969
- gradient: {
970
- $type: 'gradient',
971
- $value: [
972
- {
973
- color: '{data.lemon.color.gradientStop.1}',
974
- position: 0,
975
- },
976
- {
977
- color: '{data.lemon.color.gradientStop.2}',
978
- position: 1,
979
- },
980
- ],
981
449
  },
982
450
  },
983
451
  olive: {
@@ -1010,44 +478,6 @@
1010
478
  },
1011
479
  },
1012
480
  },
1013
- gradientStop: {
1014
- '1': {
1015
- $value: '{data.olive.color.muted}',
1016
- $type: 'color',
1017
- $extensions: {
1018
- 'org.primer.figma': {
1019
- collection: 'mode',
1020
- group: 'component',
1021
- scopes: ['bgColor'],
1022
- },
1023
- },
1024
- },
1025
- '2': {
1026
- $value: '{data.olive.color.muted}',
1027
- $type: 'color',
1028
- alpha: 0,
1029
- $extensions: {
1030
- 'org.primer.figma': {
1031
- collection: 'mode',
1032
- group: 'component',
1033
- scopes: ['bgColor'],
1034
- },
1035
- },
1036
- },
1037
- },
1038
- },
1039
- gradient: {
1040
- $type: 'gradient',
1041
- $value: [
1042
- {
1043
- color: '{data.olive.color.gradientStop.1}',
1044
- position: 0,
1045
- },
1046
- {
1047
- color: '{data.olive.color.gradientStop.2}',
1048
- position: 1,
1049
- },
1050
- ],
1051
481
  },
1052
482
  },
1053
483
  lime: {
@@ -1080,44 +510,6 @@
1080
510
  },
1081
511
  },
1082
512
  },
1083
- gradientStop: {
1084
- '1': {
1085
- $value: '{data.lime.color.muted}',
1086
- $type: 'color',
1087
- $extensions: {
1088
- 'org.primer.figma': {
1089
- collection: 'mode',
1090
- group: 'component',
1091
- scopes: ['bgColor'],
1092
- },
1093
- },
1094
- },
1095
- '2': {
1096
- $value: '{data.lime.color.muted}',
1097
- $type: 'color',
1098
- alpha: 0,
1099
- $extensions: {
1100
- 'org.primer.figma': {
1101
- collection: 'mode',
1102
- group: 'component',
1103
- scopes: ['bgColor'],
1104
- },
1105
- },
1106
- },
1107
- },
1108
- },
1109
- gradient: {
1110
- $type: 'gradient',
1111
- $value: [
1112
- {
1113
- color: '{data.lime.color.gradientStop.1}',
1114
- position: 0,
1115
- },
1116
- {
1117
- color: '{data.lime.color.gradientStop.2}',
1118
- position: 1,
1119
- },
1120
- ],
1121
513
  },
1122
514
  },
1123
515
  pine: {
@@ -1150,44 +542,6 @@
1150
542
  },
1151
543
  },
1152
544
  },
1153
- gradientStop: {
1154
- '1': {
1155
- $value: '{data.pine.color.muted}',
1156
- $type: 'color',
1157
- $extensions: {
1158
- 'org.primer.figma': {
1159
- collection: 'mode',
1160
- group: 'component',
1161
- scopes: ['bgColor'],
1162
- },
1163
- },
1164
- },
1165
- '2': {
1166
- $value: '{data.pine.color.muted}',
1167
- $type: 'color',
1168
- alpha: 0,
1169
- $extensions: {
1170
- 'org.primer.figma': {
1171
- collection: 'mode',
1172
- group: 'component',
1173
- scopes: ['bgColor'],
1174
- },
1175
- },
1176
- },
1177
- },
1178
- },
1179
- gradient: {
1180
- $type: 'gradient',
1181
- $value: [
1182
- {
1183
- color: '{data.pine.color.gradientStop.1}',
1184
- position: 0,
1185
- },
1186
- {
1187
- color: '{data.pine.color.gradientStop.2}',
1188
- position: 1,
1189
- },
1190
- ],
1191
545
  },
1192
546
  },
1193
547
  },