@primer/primitives 10.4.0 → 10.5.0-rc.6c9d75b1

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 (76) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +3 -3
  20. package/dist/build/schemas/stringToken.d.ts +3 -3
  21. package/dist/build/schemas/tokenType.d.ts +1 -1
  22. package/dist/build/schemas/typographyToken.d.ts +3 -3
  23. package/dist/build/schemas/validTokenType.d.ts +1 -1
  24. package/dist/build/schemas/validTokenType.js +1 -0
  25. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  26. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  27. package/dist/build/transformers/gradientToCss.js +23 -0
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/functional/themes/dark-colorblind.css +130 -0
  31. package/dist/css/functional/themes/dark-dimmed.css +130 -0
  32. package/dist/css/functional/themes/dark-high-contrast.css +130 -0
  33. package/dist/css/functional/themes/dark-tritanopia.css +130 -0
  34. package/dist/css/functional/themes/dark.css +130 -0
  35. package/dist/css/functional/themes/light-colorblind.css +130 -0
  36. package/dist/css/functional/themes/light-high-contrast.css +130 -0
  37. package/dist/css/functional/themes/light-tritanopia.css +130 -0
  38. package/dist/css/functional/themes/light.css +130 -0
  39. package/dist/docs/functional/themes/dark-colorblind.json +2167 -161
  40. package/dist/docs/functional/themes/dark-dimmed.json +2167 -161
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2168 -162
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2167 -161
  43. package/dist/docs/functional/themes/dark.json +2167 -161
  44. package/dist/docs/functional/themes/light-colorblind.json +2166 -160
  45. package/dist/docs/functional/themes/light-high-contrast.json +2168 -162
  46. package/dist/docs/functional/themes/light-tritanopia.json +2166 -160
  47. package/dist/docs/functional/themes/light.json +2166 -160
  48. package/dist/figma/themes/dark-colorblind.json +811 -26
  49. package/dist/figma/themes/dark-dimmed.json +811 -26
  50. package/dist/figma/themes/dark-high-contrast.json +811 -26
  51. package/dist/figma/themes/dark-tritanopia.json +811 -26
  52. package/dist/figma/themes/dark.json +811 -26
  53. package/dist/figma/themes/light-colorblind.json +810 -25
  54. package/dist/figma/themes/light-high-contrast.json +810 -25
  55. package/dist/figma/themes/light-tritanopia.json +810 -25
  56. package/dist/figma/themes/light.json +810 -25
  57. package/dist/internalCss/dark-colorblind.css +130 -0
  58. package/dist/internalCss/dark-dimmed.css +130 -0
  59. package/dist/internalCss/dark-high-contrast.css +130 -0
  60. package/dist/internalCss/dark-tritanopia.css +130 -0
  61. package/dist/internalCss/dark.css +130 -0
  62. package/dist/internalCss/light-colorblind.css +130 -0
  63. package/dist/internalCss/light-high-contrast.css +130 -0
  64. package/dist/internalCss/light-tritanopia.css +130 -0
  65. package/dist/internalCss/light.css +130 -0
  66. package/dist/styleLint/functional/themes/dark-colorblind.json +2167 -161
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2167 -161
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2168 -162
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2167 -161
  70. package/dist/styleLint/functional/themes/dark.json +2167 -161
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2180 -174
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2168 -162
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2180 -174
  74. package/dist/styleLint/functional/themes/light.json +2180 -174
  75. package/package.json +1 -1
  76. package/src/tokens/functional/color/data-vis.json5 +911 -41
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -178,14 +178,28 @@
178
178
  --data-auburn-color-muted: #271817;
179
179
  --data-blue-color-emphasis: #0576ff;
180
180
  --data-blue-color-muted: #001a47;
181
+ --data-brown-color-emphasis: #94774c;
182
+ --data-brown-color-muted: #241c14;
183
+ --data-coral-color-emphasis: #e1430e;
184
+ --data-coral-color-muted: #351008;
181
185
  --data-gray-color-emphasis: #576270;
182
186
  --data-gray-color-muted: #1c1c1c;
183
187
  --data-green-color-emphasis: #2f6f37;
184
188
  --data-green-color-muted: #122117;
189
+ --data-lemon-color-emphasis: #977b0c;
190
+ --data-lemon-color-muted: #291d00;
191
+ --data-lime-color-emphasis: #5f892f;
192
+ --data-lime-color-muted: #141f0f;
193
+ --data-olive-color-emphasis: #7a8321;
194
+ --data-olive-color-muted: #171e0b;
185
195
  --data-orange-color-emphasis: #984b10;
186
196
  --data-orange-color-muted: #311708;
197
+ --data-pine-color-emphasis: #18915e;
198
+ --data-pine-color-muted: #082119;
187
199
  --data-pink-color-emphasis: #d34591;
188
200
  --data-pink-color-muted: #2d1524;
201
+ --data-plum-color-emphasis: #b643ef;
202
+ --data-plum-color-muted: #2a0e3f;
189
203
  --data-purple-color-emphasis: #975bf1;
190
204
  --data-purple-color-muted: #211047;
191
205
  --data-red-color-emphasis: #eb3342;
@@ -538,6 +552,40 @@
538
552
  --controlTrack-fgColor-rest: var(--fgColor-muted);
539
553
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
540
554
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
555
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
556
+ --data-auburn-color-gradientStop-2: #27181700;
557
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
558
+ --data-blue-color-gradientStop-2: #001a4700;
559
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
560
+ --data-brown-color-gradientStop-2: #241c1400;
561
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
562
+ --data-coral-color-gradientStop-2: #35100800;
563
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
564
+ --data-gray-color-gradientStop-2: #1c1c1c00;
565
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
566
+ --data-green-color-gradientStop-2: #12211700;
567
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
568
+ --data-lemon-color-gradientStop-2: #291d0000;
569
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
570
+ --data-lime-color-gradientStop-2: #141f0f00;
571
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
572
+ --data-olive-color-gradientStop-2: #171e0b00;
573
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
574
+ --data-orange-color-gradientStop-2: #31170800;
575
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
576
+ --data-pine-color-gradientStop-2: #08211900;
577
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
578
+ --data-pink-color-gradientStop-2: #2d152400;
579
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
580
+ --data-plum-color-gradientStop-2: #2a0e3f00;
581
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
582
+ --data-purple-color-gradientStop-2: #21104700;
583
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
584
+ --data-red-color-gradientStop-2: #3c061400;
585
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
586
+ --data-teal-color-gradientStop-2: #041f2500;
587
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
588
+ --data-yellow-color-gradientStop-2: #2e1a0000;
541
589
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
542
590
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
543
591
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -607,6 +655,23 @@
607
655
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
608
656
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
609
657
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
658
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
659
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
660
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
661
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
662
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
663
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
664
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
665
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
666
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
667
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
668
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
669
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
670
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
671
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
672
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
673
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
674
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
610
675
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
611
676
  --focus-outline: 2px solid #1f6feb;
612
677
  --overlay-borderColor: var(--borderColor-muted);
@@ -802,14 +867,28 @@
802
867
  --data-auburn-color-muted: #271817;
803
868
  --data-blue-color-emphasis: #0576ff;
804
869
  --data-blue-color-muted: #001a47;
870
+ --data-brown-color-emphasis: #94774c;
871
+ --data-brown-color-muted: #241c14;
872
+ --data-coral-color-emphasis: #e1430e;
873
+ --data-coral-color-muted: #351008;
805
874
  --data-gray-color-emphasis: #576270;
806
875
  --data-gray-color-muted: #1c1c1c;
807
876
  --data-green-color-emphasis: #2f6f37;
808
877
  --data-green-color-muted: #122117;
878
+ --data-lemon-color-emphasis: #977b0c;
879
+ --data-lemon-color-muted: #291d00;
880
+ --data-lime-color-emphasis: #5f892f;
881
+ --data-lime-color-muted: #141f0f;
882
+ --data-olive-color-emphasis: #7a8321;
883
+ --data-olive-color-muted: #171e0b;
809
884
  --data-orange-color-emphasis: #984b10;
810
885
  --data-orange-color-muted: #311708;
886
+ --data-pine-color-emphasis: #18915e;
887
+ --data-pine-color-muted: #082119;
811
888
  --data-pink-color-emphasis: #d34591;
812
889
  --data-pink-color-muted: #2d1524;
890
+ --data-plum-color-emphasis: #b643ef;
891
+ --data-plum-color-muted: #2a0e3f;
813
892
  --data-purple-color-emphasis: #975bf1;
814
893
  --data-purple-color-muted: #211047;
815
894
  --data-red-color-emphasis: #eb3342;
@@ -1162,6 +1241,40 @@
1162
1241
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1163
1242
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1164
1243
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1244
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1245
+ --data-auburn-color-gradientStop-2: #27181700;
1246
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1247
+ --data-blue-color-gradientStop-2: #001a4700;
1248
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1249
+ --data-brown-color-gradientStop-2: #241c1400;
1250
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1251
+ --data-coral-color-gradientStop-2: #35100800;
1252
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1253
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1254
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1255
+ --data-green-color-gradientStop-2: #12211700;
1256
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1257
+ --data-lemon-color-gradientStop-2: #291d0000;
1258
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1259
+ --data-lime-color-gradientStop-2: #141f0f00;
1260
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1261
+ --data-olive-color-gradientStop-2: #171e0b00;
1262
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1263
+ --data-orange-color-gradientStop-2: #31170800;
1264
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1265
+ --data-pine-color-gradientStop-2: #08211900;
1266
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1267
+ --data-pink-color-gradientStop-2: #2d152400;
1268
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1269
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1270
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1271
+ --data-purple-color-gradientStop-2: #21104700;
1272
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1273
+ --data-red-color-gradientStop-2: #3c061400;
1274
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1275
+ --data-teal-color-gradientStop-2: #041f2500;
1276
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1277
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1165
1278
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1166
1279
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1167
1280
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1231,6 +1344,23 @@
1231
1344
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1232
1345
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1233
1346
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1347
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1348
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1349
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1350
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1351
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1352
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1353
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1354
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1355
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1356
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1357
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1358
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1359
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1360
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1361
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1362
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1363
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1234
1364
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1235
1365
  --focus-outline: 2px solid #1f6feb;
1236
1366
  --overlay-borderColor: var(--borderColor-muted);
package/dist/css/functional/themes/dark.css CHANGED
@@ -172,14 +172,28 @@
172
172
  --data-auburn-color-muted: #271817;
173
173
  --data-blue-color-emphasis: #0576ff;
174
174
  --data-blue-color-muted: #001a47;
175
+ --data-brown-color-emphasis: #94774c;
176
+ --data-brown-color-muted: #241c14;
177
+ --data-coral-color-emphasis: #e1430e;
178
+ --data-coral-color-muted: #351008;
175
179
  --data-gray-color-emphasis: #576270;
176
180
  --data-gray-color-muted: #1c1c1c;
177
181
  --data-green-color-emphasis: #2f6f37;
178
182
  --data-green-color-muted: #122117;
183
+ --data-lemon-color-emphasis: #977b0c;
184
+ --data-lemon-color-muted: #291d00;
185
+ --data-lime-color-emphasis: #5f892f;
186
+ --data-lime-color-muted: #141f0f;
187
+ --data-olive-color-emphasis: #7a8321;
188
+ --data-olive-color-muted: #171e0b;
179
189
  --data-orange-color-emphasis: #984b10;
180
190
  --data-orange-color-muted: #311708;
191
+ --data-pine-color-emphasis: #18915e;
192
+ --data-pine-color-muted: #082119;
181
193
  --data-pink-color-emphasis: #d34591;
182
194
  --data-pink-color-muted: #2d1524;
195
+ --data-plum-color-emphasis: #b643ef;
196
+ --data-plum-color-muted: #2a0e3f;
183
197
  --data-purple-color-emphasis: #975bf1;
184
198
  --data-purple-color-muted: #211047;
185
199
  --data-red-color-emphasis: #eb3342;
@@ -534,6 +548,40 @@
534
548
  --controlTrack-fgColor-rest: var(--fgColor-muted);
535
549
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
536
550
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
551
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
552
+ --data-auburn-color-gradientStop-2: #27181700;
553
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
554
+ --data-blue-color-gradientStop-2: #001a4700;
555
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
556
+ --data-brown-color-gradientStop-2: #241c1400;
557
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
558
+ --data-coral-color-gradientStop-2: #35100800;
559
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
560
+ --data-gray-color-gradientStop-2: #1c1c1c00;
561
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
562
+ --data-green-color-gradientStop-2: #12211700;
563
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
564
+ --data-lemon-color-gradientStop-2: #291d0000;
565
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
566
+ --data-lime-color-gradientStop-2: #141f0f00;
567
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
568
+ --data-olive-color-gradientStop-2: #171e0b00;
569
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
570
+ --data-orange-color-gradientStop-2: #31170800;
571
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
572
+ --data-pine-color-gradientStop-2: #08211900;
573
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
574
+ --data-pink-color-gradientStop-2: #2d152400;
575
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
576
+ --data-plum-color-gradientStop-2: #2a0e3f00;
577
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
578
+ --data-purple-color-gradientStop-2: #21104700;
579
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
580
+ --data-red-color-gradientStop-2: #3c061400;
581
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
582
+ --data-teal-color-gradientStop-2: #041f2500;
583
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
584
+ --data-yellow-color-gradientStop-2: #2e1a0000;
537
585
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
538
586
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
539
587
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -607,6 +655,23 @@
607
655
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
608
656
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
609
657
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
658
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
659
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
660
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
661
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
662
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
663
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
664
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
665
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
666
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
667
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
668
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
669
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
670
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
671
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
672
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
673
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
674
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
610
675
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
611
676
  --focus-outline: 2px solid #1f6feb;
612
677
  --overlay-borderColor: var(--borderColor-muted);
@@ -796,14 +861,28 @@
796
861
  --data-auburn-color-muted: #271817;
797
862
  --data-blue-color-emphasis: #0576ff;
798
863
  --data-blue-color-muted: #001a47;
864
+ --data-brown-color-emphasis: #94774c;
865
+ --data-brown-color-muted: #241c14;
866
+ --data-coral-color-emphasis: #e1430e;
867
+ --data-coral-color-muted: #351008;
799
868
  --data-gray-color-emphasis: #576270;
800
869
  --data-gray-color-muted: #1c1c1c;
801
870
  --data-green-color-emphasis: #2f6f37;
802
871
  --data-green-color-muted: #122117;
872
+ --data-lemon-color-emphasis: #977b0c;
873
+ --data-lemon-color-muted: #291d00;
874
+ --data-lime-color-emphasis: #5f892f;
875
+ --data-lime-color-muted: #141f0f;
876
+ --data-olive-color-emphasis: #7a8321;
877
+ --data-olive-color-muted: #171e0b;
803
878
  --data-orange-color-emphasis: #984b10;
804
879
  --data-orange-color-muted: #311708;
880
+ --data-pine-color-emphasis: #18915e;
881
+ --data-pine-color-muted: #082119;
805
882
  --data-pink-color-emphasis: #d34591;
806
883
  --data-pink-color-muted: #2d1524;
884
+ --data-plum-color-emphasis: #b643ef;
885
+ --data-plum-color-muted: #2a0e3f;
807
886
  --data-purple-color-emphasis: #975bf1;
808
887
  --data-purple-color-muted: #211047;
809
888
  --data-red-color-emphasis: #eb3342;
@@ -1158,6 +1237,40 @@
1158
1237
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1159
1238
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1160
1239
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1240
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1241
+ --data-auburn-color-gradientStop-2: #27181700;
1242
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1243
+ --data-blue-color-gradientStop-2: #001a4700;
1244
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1245
+ --data-brown-color-gradientStop-2: #241c1400;
1246
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1247
+ --data-coral-color-gradientStop-2: #35100800;
1248
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1249
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1250
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1251
+ --data-green-color-gradientStop-2: #12211700;
1252
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1253
+ --data-lemon-color-gradientStop-2: #291d0000;
1254
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1255
+ --data-lime-color-gradientStop-2: #141f0f00;
1256
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1257
+ --data-olive-color-gradientStop-2: #171e0b00;
1258
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1259
+ --data-orange-color-gradientStop-2: #31170800;
1260
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1261
+ --data-pine-color-gradientStop-2: #08211900;
1262
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1263
+ --data-pink-color-gradientStop-2: #2d152400;
1264
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1265
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1266
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1267
+ --data-purple-color-gradientStop-2: #21104700;
1268
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1269
+ --data-red-color-gradientStop-2: #3c061400;
1270
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1271
+ --data-teal-color-gradientStop-2: #041f2500;
1272
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1273
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1161
1274
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1162
1275
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1163
1276
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1231,6 +1344,23 @@
1231
1344
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1232
1345
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1233
1346
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1347
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1348
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1349
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1350
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1351
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1352
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1353
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1354
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1355
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1356
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1357
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1358
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1359
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1360
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1361
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1362
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1363
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1234
1364
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1235
1365
  --focus-outline: 2px solid #1f6feb;
1236
1366
  --overlay-borderColor: var(--borderColor-muted);
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -159,14 +159,28 @@
159
159
  --data-auburn-color-muted: #f2e9e9;
160
160
  --data-blue-color-emphasis: #006edb;
161
161
  --data-blue-color-muted: #d1f0ff;
162
+ --data-brown-color-emphasis: #856d4c;
163
+ --data-brown-color-muted: #eeeae2;
164
+ --data-coral-color-emphasis: #d43511;
165
+ --data-coral-color-muted: #ffe5db;
162
166
  --data-gray-color-emphasis: #808fa3;
163
167
  --data-gray-color-muted: #e8ecf2;
164
168
  --data-green-color-emphasis: #30a147;
165
169
  --data-green-color-muted: #caf7ca;
170
+ --data-lemon-color-emphasis: #866e04;
171
+ --data-lemon-color-muted: #f7eea1;
172
+ --data-lime-color-emphasis: #527a29;
173
+ --data-lime-color-muted: #e3f2b5;
174
+ --data-olive-color-emphasis: #64762d;
175
+ --data-olive-color-muted: #f0f0ad;
166
176
  --data-orange-color-emphasis: #eb670f;
167
177
  --data-orange-color-muted: #ffe7d1;
178
+ --data-pine-color-emphasis: #167e53;
179
+ --data-pine-color-muted: #bff8db;
168
180
  --data-pink-color-emphasis: #ce2c85;
169
181
  --data-pink-color-muted: #ffe5f1;
182
+ --data-plum-color-emphasis: #a830e8;
183
+ --data-plum-color-muted: #f8e5ff;
170
184
  --data-purple-color-emphasis: #894ceb;
171
185
  --data-purple-color-muted: #f1e5ff;
172
186
  --data-red-color-emphasis: #df0c24;
@@ -532,6 +546,40 @@
532
546
  --controlTrack-borderColor-rest: var(--borderColor-default);
533
547
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
534
548
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
549
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
550
+ --data-auburn-color-gradientStop-2: #f2e9e900;
551
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
552
+ --data-blue-color-gradientStop-2: #d1f0ff00;
553
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
554
+ --data-brown-color-gradientStop-2: #eeeae200;
555
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
556
+ --data-coral-color-gradientStop-2: #ffe5db00;
557
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
558
+ --data-gray-color-gradientStop-2: #e8ecf200;
559
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
560
+ --data-green-color-gradientStop-2: #caf7ca00;
561
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
562
+ --data-lemon-color-gradientStop-2: #f7eea100;
563
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
564
+ --data-lime-color-gradientStop-2: #e3f2b500;
565
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
566
+ --data-olive-color-gradientStop-2: #f0f0ad00;
567
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
568
+ --data-orange-color-gradientStop-2: #ffe7d100;
569
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
570
+ --data-pine-color-gradientStop-2: #bff8db00;
571
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
572
+ --data-pink-color-gradientStop-2: #ffe5f100;
573
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
574
+ --data-plum-color-gradientStop-2: #f8e5ff00;
575
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
576
+ --data-purple-color-gradientStop-2: #f1e5ff00;
577
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
578
+ --data-red-color-gradientStop-2: #ffe2e000;
579
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
580
+ --data-teal-color-gradientStop-2: #c7f5ef00;
581
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
582
+ --data-yellow-color-gradientStop-2: #ffec9e00;
535
583
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
536
584
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
537
585
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -600,6 +648,23 @@
600
648
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
601
649
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
602
650
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
651
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
652
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
653
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
654
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
655
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
656
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
657
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
658
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
659
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
660
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
661
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
662
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
663
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
664
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
665
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
666
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
667
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
603
668
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
604
669
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
605
670
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -783,14 +848,28 @@
783
848
  --data-auburn-color-muted: #f2e9e9;
784
849
  --data-blue-color-emphasis: #006edb;
785
850
  --data-blue-color-muted: #d1f0ff;
851
+ --data-brown-color-emphasis: #856d4c;
852
+ --data-brown-color-muted: #eeeae2;
853
+ --data-coral-color-emphasis: #d43511;
854
+ --data-coral-color-muted: #ffe5db;
786
855
  --data-gray-color-emphasis: #808fa3;
787
856
  --data-gray-color-muted: #e8ecf2;
788
857
  --data-green-color-emphasis: #30a147;
789
858
  --data-green-color-muted: #caf7ca;
859
+ --data-lemon-color-emphasis: #866e04;
860
+ --data-lemon-color-muted: #f7eea1;
861
+ --data-lime-color-emphasis: #527a29;
862
+ --data-lime-color-muted: #e3f2b5;
863
+ --data-olive-color-emphasis: #64762d;
864
+ --data-olive-color-muted: #f0f0ad;
790
865
  --data-orange-color-emphasis: #eb670f;
791
866
  --data-orange-color-muted: #ffe7d1;
867
+ --data-pine-color-emphasis: #167e53;
868
+ --data-pine-color-muted: #bff8db;
792
869
  --data-pink-color-emphasis: #ce2c85;
793
870
  --data-pink-color-muted: #ffe5f1;
871
+ --data-plum-color-emphasis: #a830e8;
872
+ --data-plum-color-muted: #f8e5ff;
794
873
  --data-purple-color-emphasis: #894ceb;
795
874
  --data-purple-color-muted: #f1e5ff;
796
875
  --data-red-color-emphasis: #df0c24;
@@ -1156,6 +1235,40 @@
1156
1235
  --controlTrack-borderColor-rest: var(--borderColor-default);
1157
1236
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1158
1237
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1238
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1239
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1240
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1241
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1242
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1243
+ --data-brown-color-gradientStop-2: #eeeae200;
1244
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1245
+ --data-coral-color-gradientStop-2: #ffe5db00;
1246
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1247
+ --data-gray-color-gradientStop-2: #e8ecf200;
1248
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1249
+ --data-green-color-gradientStop-2: #caf7ca00;
1250
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1251
+ --data-lemon-color-gradientStop-2: #f7eea100;
1252
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1253
+ --data-lime-color-gradientStop-2: #e3f2b500;
1254
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1255
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1256
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1257
+ --data-orange-color-gradientStop-2: #ffe7d100;
1258
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1259
+ --data-pine-color-gradientStop-2: #bff8db00;
1260
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1261
+ --data-pink-color-gradientStop-2: #ffe5f100;
1262
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1263
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1264
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1265
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1266
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1267
+ --data-red-color-gradientStop-2: #ffe2e000;
1268
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1269
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1270
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1271
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1159
1272
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1160
1273
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1161
1274
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1224,6 +1337,23 @@
1224
1337
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1225
1338
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1226
1339
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1340
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1341
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1342
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1343
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1344
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1345
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1346
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1347
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1348
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1349
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1350
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1351
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1352
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1353
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1354
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1355
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1356
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1227
1357
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1228
1358
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1229
1359
  --diffBlob-additionWord-fgColor: var(--fgColor-default);