@primer/primitives 10.4.0 → 10.5.0-rc.21e0fa7a

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 (77) 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 +2176 -170
  40. package/dist/docs/functional/themes/dark-dimmed.json +2176 -170
  41. package/dist/docs/functional/themes/dark-high-contrast.json +2177 -171
  42. package/dist/docs/functional/themes/dark-tritanopia.json +2176 -170
  43. package/dist/docs/functional/themes/dark.json +2176 -170
  44. package/dist/docs/functional/themes/light-colorblind.json +2174 -168
  45. package/dist/docs/functional/themes/light-high-contrast.json +2177 -171
  46. package/dist/docs/functional/themes/light-tritanopia.json +2174 -168
  47. package/dist/docs/functional/themes/light.json +2174 -168
  48. package/dist/figma/themes/dark-colorblind.json +819 -34
  49. package/dist/figma/themes/dark-dimmed.json +819 -34
  50. package/dist/figma/themes/dark-high-contrast.json +819 -34
  51. package/dist/figma/themes/dark-tritanopia.json +819 -34
  52. package/dist/figma/themes/dark.json +819 -34
  53. package/dist/figma/themes/light-colorblind.json +818 -33
  54. package/dist/figma/themes/light-high-contrast.json +818 -33
  55. package/dist/figma/themes/light-tritanopia.json +818 -33
  56. package/dist/figma/themes/light.json +818 -33
  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 +2175 -169
  67. package/dist/styleLint/functional/themes/dark-dimmed.json +2175 -169
  68. package/dist/styleLint/functional/themes/dark-high-contrast.json +2177 -171
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +2175 -169
  70. package/dist/styleLint/functional/themes/dark.json +2175 -169
  71. package/dist/styleLint/functional/themes/light-colorblind.json +2174 -168
  72. package/dist/styleLint/functional/themes/light-high-contrast.json +2177 -171
  73. package/dist/styleLint/functional/themes/light-tritanopia.json +2174 -168
  74. package/dist/styleLint/functional/themes/light.json +2174 -168
  75. package/package.json +1 -1
  76. package/src/tokens/functional/color/borderColor.json5 +8 -8
  77. package/src/tokens/functional/color/data-vis.json5 +911 -41
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -175,14 +175,28 @@
175
175
  --data-auburn-color-muted: #271817;
176
176
  --data-blue-color-emphasis: #0576ff;
177
177
  --data-blue-color-muted: #001a47;
178
+ --data-brown-color-emphasis: #94774c;
179
+ --data-brown-color-muted: #241c14;
180
+ --data-coral-color-emphasis: #e1430e;
181
+ --data-coral-color-muted: #351008;
178
182
  --data-gray-color-emphasis: #576270;
179
183
  --data-gray-color-muted: #1c1c1c;
180
184
  --data-green-color-emphasis: #2f6f37;
181
185
  --data-green-color-muted: #122117;
186
+ --data-lemon-color-emphasis: #977b0c;
187
+ --data-lemon-color-muted: #291d00;
188
+ --data-lime-color-emphasis: #5f892f;
189
+ --data-lime-color-muted: #141f0f;
190
+ --data-olive-color-emphasis: #7a8321;
191
+ --data-olive-color-muted: #171e0b;
182
192
  --data-orange-color-emphasis: #984b10;
183
193
  --data-orange-color-muted: #311708;
194
+ --data-pine-color-emphasis: #18915e;
195
+ --data-pine-color-muted: #082119;
184
196
  --data-pink-color-emphasis: #d34591;
185
197
  --data-pink-color-muted: #2d1524;
198
+ --data-plum-color-emphasis: #b643ef;
199
+ --data-plum-color-muted: #2a0e3f;
186
200
  --data-purple-color-emphasis: #975bf1;
187
201
  --data-purple-color-muted: #211047;
188
202
  --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: #388bfd26;
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);
@@ -799,14 +864,28 @@
799
864
  --data-auburn-color-muted: #271817;
800
865
  --data-blue-color-emphasis: #0576ff;
801
866
  --data-blue-color-muted: #001a47;
867
+ --data-brown-color-emphasis: #94774c;
868
+ --data-brown-color-muted: #241c14;
869
+ --data-coral-color-emphasis: #e1430e;
870
+ --data-coral-color-muted: #351008;
802
871
  --data-gray-color-emphasis: #576270;
803
872
  --data-gray-color-muted: #1c1c1c;
804
873
  --data-green-color-emphasis: #2f6f37;
805
874
  --data-green-color-muted: #122117;
875
+ --data-lemon-color-emphasis: #977b0c;
876
+ --data-lemon-color-muted: #291d00;
877
+ --data-lime-color-emphasis: #5f892f;
878
+ --data-lime-color-muted: #141f0f;
879
+ --data-olive-color-emphasis: #7a8321;
880
+ --data-olive-color-muted: #171e0b;
806
881
  --data-orange-color-emphasis: #984b10;
807
882
  --data-orange-color-muted: #311708;
883
+ --data-pine-color-emphasis: #18915e;
884
+ --data-pine-color-muted: #082119;
808
885
  --data-pink-color-emphasis: #d34591;
809
886
  --data-pink-color-muted: #2d1524;
887
+ --data-plum-color-emphasis: #b643ef;
888
+ --data-plum-color-muted: #2a0e3f;
810
889
  --data-purple-color-emphasis: #975bf1;
811
890
  --data-purple-color-muted: #211047;
812
891
  --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: #388bfd26;
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-dimmed.css CHANGED
@@ -184,14 +184,28 @@
184
184
  --data-auburn-color-muted: #271817;
185
185
  --data-blue-color-emphasis: #0576ff;
186
186
  --data-blue-color-muted: #001a47;
187
+ --data-brown-color-emphasis: #94774c;
188
+ --data-brown-color-muted: #241c14;
189
+ --data-coral-color-emphasis: #e1430e;
190
+ --data-coral-color-muted: #351008;
187
191
  --data-gray-color-emphasis: #576270;
188
192
  --data-gray-color-muted: #1c1c1c;
189
193
  --data-green-color-emphasis: #2f6f37;
190
194
  --data-green-color-muted: #122117;
195
+ --data-lemon-color-emphasis: #977b0c;
196
+ --data-lemon-color-muted: #291d00;
197
+ --data-lime-color-emphasis: #5f892f;
198
+ --data-lime-color-muted: #141f0f;
199
+ --data-olive-color-emphasis: #7a8321;
200
+ --data-olive-color-muted: #171e0b;
191
201
  --data-orange-color-emphasis: #984b10;
192
202
  --data-orange-color-muted: #311708;
203
+ --data-pine-color-emphasis: #18915e;
204
+ --data-pine-color-muted: #082119;
193
205
  --data-pink-color-emphasis: #d34591;
194
206
  --data-pink-color-muted: #2d1524;
207
+ --data-plum-color-emphasis: #b643ef;
208
+ --data-plum-color-muted: #2a0e3f;
195
209
  --data-purple-color-emphasis: #975bf1;
196
210
  --data-purple-color-muted: #211047;
197
211
  --data-red-color-emphasis: #eb3342;
@@ -550,6 +564,40 @@
550
564
  --controlTrack-fgColor-rest: var(--fgColor-muted);
551
565
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
552
566
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
567
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
568
+ --data-auburn-color-gradientStop-2: #27181700;
569
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
570
+ --data-blue-color-gradientStop-2: #001a4700;
571
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
572
+ --data-brown-color-gradientStop-2: #241c1400;
573
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
574
+ --data-coral-color-gradientStop-2: #35100800;
575
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
576
+ --data-gray-color-gradientStop-2: #1c1c1c00;
577
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
578
+ --data-green-color-gradientStop-2: #12211700;
579
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
580
+ --data-lemon-color-gradientStop-2: #291d0000;
581
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
582
+ --data-lime-color-gradientStop-2: #141f0f00;
583
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
584
+ --data-olive-color-gradientStop-2: #171e0b00;
585
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
586
+ --data-orange-color-gradientStop-2: #31170800;
587
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
588
+ --data-pine-color-gradientStop-2: #08211900;
589
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
590
+ --data-pink-color-gradientStop-2: #2d152400;
591
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
592
+ --data-plum-color-gradientStop-2: #2a0e3f00;
593
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
594
+ --data-purple-color-gradientStop-2: #21104700;
595
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
596
+ --data-red-color-gradientStop-2: #3c061400;
597
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
598
+ --data-teal-color-gradientStop-2: #041f2500;
599
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
600
+ --data-yellow-color-gradientStop-2: #2e1a0000;
553
601
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
554
602
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
555
603
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -619,6 +667,23 @@
619
667
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
620
668
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
621
669
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
670
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
671
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
672
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
673
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
674
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
675
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
676
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
677
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
678
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
679
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
680
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
681
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
682
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
683
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
684
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
685
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
686
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
622
687
  --focus-outline: 2px solid #316dca;
623
688
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
624
689
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -808,14 +873,28 @@
808
873
  --data-auburn-color-muted: #271817;
809
874
  --data-blue-color-emphasis: #0576ff;
810
875
  --data-blue-color-muted: #001a47;
876
+ --data-brown-color-emphasis: #94774c;
877
+ --data-brown-color-muted: #241c14;
878
+ --data-coral-color-emphasis: #e1430e;
879
+ --data-coral-color-muted: #351008;
811
880
  --data-gray-color-emphasis: #576270;
812
881
  --data-gray-color-muted: #1c1c1c;
813
882
  --data-green-color-emphasis: #2f6f37;
814
883
  --data-green-color-muted: #122117;
884
+ --data-lemon-color-emphasis: #977b0c;
885
+ --data-lemon-color-muted: #291d00;
886
+ --data-lime-color-emphasis: #5f892f;
887
+ --data-lime-color-muted: #141f0f;
888
+ --data-olive-color-emphasis: #7a8321;
889
+ --data-olive-color-muted: #171e0b;
815
890
  --data-orange-color-emphasis: #984b10;
816
891
  --data-orange-color-muted: #311708;
892
+ --data-pine-color-emphasis: #18915e;
893
+ --data-pine-color-muted: #082119;
817
894
  --data-pink-color-emphasis: #d34591;
818
895
  --data-pink-color-muted: #2d1524;
896
+ --data-plum-color-emphasis: #b643ef;
897
+ --data-plum-color-muted: #2a0e3f;
819
898
  --data-purple-color-emphasis: #975bf1;
820
899
  --data-purple-color-muted: #211047;
821
900
  --data-red-color-emphasis: #eb3342;
@@ -1174,6 +1253,40 @@
1174
1253
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1175
1254
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1176
1255
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1256
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1257
+ --data-auburn-color-gradientStop-2: #27181700;
1258
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1259
+ --data-blue-color-gradientStop-2: #001a4700;
1260
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1261
+ --data-brown-color-gradientStop-2: #241c1400;
1262
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1263
+ --data-coral-color-gradientStop-2: #35100800;
1264
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1265
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1266
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1267
+ --data-green-color-gradientStop-2: #12211700;
1268
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1269
+ --data-lemon-color-gradientStop-2: #291d0000;
1270
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1271
+ --data-lime-color-gradientStop-2: #141f0f00;
1272
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1273
+ --data-olive-color-gradientStop-2: #171e0b00;
1274
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1275
+ --data-orange-color-gradientStop-2: #31170800;
1276
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1277
+ --data-pine-color-gradientStop-2: #08211900;
1278
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1279
+ --data-pink-color-gradientStop-2: #2d152400;
1280
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1281
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1282
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1283
+ --data-purple-color-gradientStop-2: #21104700;
1284
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1285
+ --data-red-color-gradientStop-2: #3c061400;
1286
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1287
+ --data-teal-color-gradientStop-2: #041f2500;
1288
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1289
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1177
1290
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1178
1291
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1179
1292
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1243,6 +1356,23 @@
1243
1356
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1244
1357
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1245
1358
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1359
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1360
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1361
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1362
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1363
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1364
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1365
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1366
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1367
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1368
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1369
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1370
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1371
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1372
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1373
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1374
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1375
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1246
1376
  --focus-outline: 2px solid #316dca;
1247
1377
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1248
1378
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -179,14 +179,28 @@
179
179
  --data-auburn-color-muted: #271817;
180
180
  --data-blue-color-emphasis: #0576ff;
181
181
  --data-blue-color-muted: #001a47;
182
+ --data-brown-color-emphasis: #94774c;
183
+ --data-brown-color-muted: #241c14;
184
+ --data-coral-color-emphasis: #e1430e;
185
+ --data-coral-color-muted: #351008;
182
186
  --data-gray-color-emphasis: #576270;
183
187
  --data-gray-color-muted: #1c1c1c;
184
188
  --data-green-color-emphasis: #2f6f37;
185
189
  --data-green-color-muted: #122117;
190
+ --data-lemon-color-emphasis: #977b0c;
191
+ --data-lemon-color-muted: #291d00;
192
+ --data-lime-color-emphasis: #5f892f;
193
+ --data-lime-color-muted: #141f0f;
194
+ --data-olive-color-emphasis: #7a8321;
195
+ --data-olive-color-muted: #171e0b;
186
196
  --data-orange-color-emphasis: #984b10;
187
197
  --data-orange-color-muted: #311708;
198
+ --data-pine-color-emphasis: #18915e;
199
+ --data-pine-color-muted: #082119;
188
200
  --data-pink-color-emphasis: #d34591;
189
201
  --data-pink-color-muted: #2d1524;
202
+ --data-plum-color-emphasis: #b643ef;
203
+ --data-plum-color-muted: #2a0e3f;
190
204
  --data-purple-color-emphasis: #975bf1;
191
205
  --data-purple-color-muted: #211047;
192
206
  --data-red-color-emphasis: #eb3342;
@@ -524,6 +538,40 @@
524
538
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
525
539
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
526
540
  --counter-borderColor: var(--borderColor-default);
541
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
542
+ --data-auburn-color-gradientStop-2: #27181700;
543
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
544
+ --data-blue-color-gradientStop-2: #001a4700;
545
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
546
+ --data-brown-color-gradientStop-2: #241c1400;
547
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
548
+ --data-coral-color-gradientStop-2: #35100800;
549
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
550
+ --data-gray-color-gradientStop-2: #1c1c1c00;
551
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
552
+ --data-green-color-gradientStop-2: #12211700;
553
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
554
+ --data-lemon-color-gradientStop-2: #291d0000;
555
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
556
+ --data-lime-color-gradientStop-2: #141f0f00;
557
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
558
+ --data-olive-color-gradientStop-2: #171e0b00;
559
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
560
+ --data-orange-color-gradientStop-2: #31170800;
561
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
562
+ --data-pine-color-gradientStop-2: #08211900;
563
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
564
+ --data-pink-color-gradientStop-2: #2d152400;
565
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
566
+ --data-plum-color-gradientStop-2: #2a0e3f00;
567
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
568
+ --data-purple-color-gradientStop-2: #21104700;
569
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
570
+ --data-red-color-gradientStop-2: #3c061400;
571
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
572
+ --data-teal-color-gradientStop-2: #041f2500;
573
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
574
+ --data-yellow-color-gradientStop-2: #2e1a0000;
527
575
  --diffBlob-additionLine-bgColor: #0ac74033;
528
576
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
529
577
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -593,6 +641,23 @@
593
641
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
594
642
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
595
643
  --controlTrack-fgColor-rest: var(--fgColor-default);
644
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
645
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
646
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
647
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
648
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
649
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
650
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
651
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
652
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
653
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
654
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
655
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
656
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
657
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
658
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
659
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
660
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
596
661
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
597
662
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
598
663
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -803,14 +868,28 @@
803
868
  --data-auburn-color-muted: #271817;
804
869
  --data-blue-color-emphasis: #0576ff;
805
870
  --data-blue-color-muted: #001a47;
871
+ --data-brown-color-emphasis: #94774c;
872
+ --data-brown-color-muted: #241c14;
873
+ --data-coral-color-emphasis: #e1430e;
874
+ --data-coral-color-muted: #351008;
806
875
  --data-gray-color-emphasis: #576270;
807
876
  --data-gray-color-muted: #1c1c1c;
808
877
  --data-green-color-emphasis: #2f6f37;
809
878
  --data-green-color-muted: #122117;
879
+ --data-lemon-color-emphasis: #977b0c;
880
+ --data-lemon-color-muted: #291d00;
881
+ --data-lime-color-emphasis: #5f892f;
882
+ --data-lime-color-muted: #141f0f;
883
+ --data-olive-color-emphasis: #7a8321;
884
+ --data-olive-color-muted: #171e0b;
810
885
  --data-orange-color-emphasis: #984b10;
811
886
  --data-orange-color-muted: #311708;
887
+ --data-pine-color-emphasis: #18915e;
888
+ --data-pine-color-muted: #082119;
812
889
  --data-pink-color-emphasis: #d34591;
813
890
  --data-pink-color-muted: #2d1524;
891
+ --data-plum-color-emphasis: #b643ef;
892
+ --data-plum-color-muted: #2a0e3f;
814
893
  --data-purple-color-emphasis: #975bf1;
815
894
  --data-purple-color-muted: #211047;
816
895
  --data-red-color-emphasis: #eb3342;
@@ -1148,6 +1227,40 @@
1148
1227
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1149
1228
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1150
1229
  --counter-borderColor: var(--borderColor-default);
1230
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1231
+ --data-auburn-color-gradientStop-2: #27181700;
1232
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1233
+ --data-blue-color-gradientStop-2: #001a4700;
1234
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1235
+ --data-brown-color-gradientStop-2: #241c1400;
1236
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1237
+ --data-coral-color-gradientStop-2: #35100800;
1238
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1239
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1240
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1241
+ --data-green-color-gradientStop-2: #12211700;
1242
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1243
+ --data-lemon-color-gradientStop-2: #291d0000;
1244
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1245
+ --data-lime-color-gradientStop-2: #141f0f00;
1246
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1247
+ --data-olive-color-gradientStop-2: #171e0b00;
1248
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1249
+ --data-orange-color-gradientStop-2: #31170800;
1250
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1251
+ --data-pine-color-gradientStop-2: #08211900;
1252
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1253
+ --data-pink-color-gradientStop-2: #2d152400;
1254
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1255
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1256
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1257
+ --data-purple-color-gradientStop-2: #21104700;
1258
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1259
+ --data-red-color-gradientStop-2: #3c061400;
1260
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1261
+ --data-teal-color-gradientStop-2: #041f2500;
1262
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1263
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1151
1264
  --diffBlob-additionLine-bgColor: #0ac74033;
1152
1265
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1153
1266
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -1217,6 +1330,23 @@
1217
1330
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1218
1331
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1219
1332
  --controlTrack-fgColor-rest: var(--fgColor-default);
1333
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1334
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1335
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1336
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1337
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1338
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1339
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1340
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1341
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1342
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1343
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1344
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1345
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1346
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1347
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1348
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1349
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1220
1350
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1221
1351
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1222
1352
  --diffBlob-additionWord-fgColor: var(--fgColor-default);