@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/internalCss/light-high-contrast.css CHANGED
@@ -464,14 +464,28 @@
464
464
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
465
465
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
466
466
  --data-blue-color-muted: var(--base-display-color-blue-0);
467
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
468
+ --data-brown-color-muted: var(--base-display-color-brown-0);
469
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
470
+ --data-coral-color-muted: var(--base-display-color-coral-0);
467
471
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
468
472
  --data-gray-color-muted: var(--base-display-color-gray-0);
469
473
  --data-green-color-emphasis: var(--base-display-color-green-4);
470
474
  --data-green-color-muted: var(--base-display-color-green-0);
475
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
476
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
477
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
478
+ --data-lime-color-muted: var(--base-display-color-lime-0);
479
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
480
+ --data-olive-color-muted: var(--base-display-color-olive-0);
471
481
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
472
482
  --data-orange-color-muted: var(--base-display-color-orange-0);
483
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
484
+ --data-pine-color-muted: var(--base-display-color-pine-0);
473
485
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
474
486
  --data-pink-color-muted: var(--base-display-color-pink-0);
487
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
488
+ --data-plum-color-muted: var(--base-display-color-plum-0);
475
489
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
476
490
  --data-purple-color-muted: var(--base-display-color-purple-0);
477
491
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -832,6 +846,40 @@
832
846
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
833
847
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
834
848
  --counter-borderColor: var(--borderColor-default);
849
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
850
+ --data-auburn-color-gradientStop-2: #f2e9e900;
851
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
852
+ --data-blue-color-gradientStop-2: #d1f0ff00;
853
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
854
+ --data-brown-color-gradientStop-2: #eeeae200;
855
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
856
+ --data-coral-color-gradientStop-2: #ffe5db00;
857
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
858
+ --data-gray-color-gradientStop-2: #e8ecf200;
859
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
860
+ --data-green-color-gradientStop-2: #caf7ca00;
861
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
862
+ --data-lemon-color-gradientStop-2: #f7eea100;
863
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
864
+ --data-lime-color-gradientStop-2: #e3f2b500;
865
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
866
+ --data-olive-color-gradientStop-2: #f0f0ad00;
867
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
868
+ --data-orange-color-gradientStop-2: #ffe7d100;
869
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
870
+ --data-pine-color-gradientStop-2: #bff8db00;
871
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
872
+ --data-pink-color-gradientStop-2: #ffe5f100;
873
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
874
+ --data-plum-color-gradientStop-2: #f8e5ff00;
875
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
876
+ --data-purple-color-gradientStop-2: #f1e5ff00;
877
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
878
+ --data-red-color-gradientStop-2: #ffe2e000;
879
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
880
+ --data-teal-color-gradientStop-2: #c7f5ef00;
881
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
882
+ --data-yellow-color-gradientStop-2: #ffec9e00;
835
883
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
836
884
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
837
885
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -906,6 +954,23 @@
906
954
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
907
955
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
908
956
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
957
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
958
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
959
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
960
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
961
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
962
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
963
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
964
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
965
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
966
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
967
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
968
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
969
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
970
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
971
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
972
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
973
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
909
974
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
910
975
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
911
976
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -1392,14 +1457,28 @@
1392
1457
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1393
1458
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1394
1459
  --data-blue-color-muted: var(--base-display-color-blue-0);
1460
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1461
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1462
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1463
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1395
1464
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1396
1465
  --data-gray-color-muted: var(--base-display-color-gray-0);
1397
1466
  --data-green-color-emphasis: var(--base-display-color-green-4);
1398
1467
  --data-green-color-muted: var(--base-display-color-green-0);
1468
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1469
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1470
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1471
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1472
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1473
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1399
1474
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1400
1475
  --data-orange-color-muted: var(--base-display-color-orange-0);
1476
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1477
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1401
1478
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1402
1479
  --data-pink-color-muted: var(--base-display-color-pink-0);
1480
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1481
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1403
1482
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1404
1483
  --data-purple-color-muted: var(--base-display-color-purple-0);
1405
1484
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1760,6 +1839,40 @@
1760
1839
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1761
1840
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1762
1841
  --counter-borderColor: var(--borderColor-default);
1842
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1843
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1844
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1845
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1846
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1847
+ --data-brown-color-gradientStop-2: #eeeae200;
1848
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1849
+ --data-coral-color-gradientStop-2: #ffe5db00;
1850
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1851
+ --data-gray-color-gradientStop-2: #e8ecf200;
1852
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1853
+ --data-green-color-gradientStop-2: #caf7ca00;
1854
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1855
+ --data-lemon-color-gradientStop-2: #f7eea100;
1856
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1857
+ --data-lime-color-gradientStop-2: #e3f2b500;
1858
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1859
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1860
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1861
+ --data-orange-color-gradientStop-2: #ffe7d100;
1862
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1863
+ --data-pine-color-gradientStop-2: #bff8db00;
1864
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1865
+ --data-pink-color-gradientStop-2: #ffe5f100;
1866
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1867
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1868
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1869
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1870
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1871
+ --data-red-color-gradientStop-2: #ffe2e000;
1872
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1873
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1874
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1875
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1763
1876
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1764
1877
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1765
1878
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1834,6 +1947,23 @@
1834
1947
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1835
1948
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1836
1949
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1950
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1951
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1952
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1953
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1954
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1955
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1956
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1957
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1958
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1959
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1960
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1961
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1962
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1963
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1964
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1965
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1966
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1837
1967
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1838
1968
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1839
1969
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -469,14 +469,28 @@
469
469
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
470
470
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
471
471
  --data-blue-color-muted: var(--base-display-color-blue-0);
472
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
473
+ --data-brown-color-muted: var(--base-display-color-brown-0);
474
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
475
+ --data-coral-color-muted: var(--base-display-color-coral-0);
472
476
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
473
477
  --data-gray-color-muted: var(--base-display-color-gray-0);
474
478
  --data-green-color-emphasis: var(--base-display-color-green-4);
475
479
  --data-green-color-muted: var(--base-display-color-green-0);
480
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
481
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
482
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
483
+ --data-lime-color-muted: var(--base-display-color-lime-0);
484
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
485
+ --data-olive-color-muted: var(--base-display-color-olive-0);
476
486
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
477
487
  --data-orange-color-muted: var(--base-display-color-orange-0);
488
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
489
+ --data-pine-color-muted: var(--base-display-color-pine-0);
478
490
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
479
491
  --data-pink-color-muted: var(--base-display-color-pink-0);
492
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
493
+ --data-plum-color-muted: var(--base-display-color-plum-0);
480
494
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
481
495
  --data-purple-color-muted: var(--base-display-color-purple-0);
482
496
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -836,6 +850,40 @@
836
850
  --controlTrack-borderColor-rest: var(--borderColor-default);
837
851
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
838
852
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
853
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
854
+ --data-auburn-color-gradientStop-2: #f2e9e900;
855
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
856
+ --data-blue-color-gradientStop-2: #d1f0ff00;
857
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
858
+ --data-brown-color-gradientStop-2: #eeeae200;
859
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
860
+ --data-coral-color-gradientStop-2: #ffe5db00;
861
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
862
+ --data-gray-color-gradientStop-2: #e8ecf200;
863
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
864
+ --data-green-color-gradientStop-2: #caf7ca00;
865
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
866
+ --data-lemon-color-gradientStop-2: #f7eea100;
867
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
868
+ --data-lime-color-gradientStop-2: #e3f2b500;
869
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
870
+ --data-olive-color-gradientStop-2: #f0f0ad00;
871
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
872
+ --data-orange-color-gradientStop-2: #ffe7d100;
873
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
874
+ --data-pine-color-gradientStop-2: #bff8db00;
875
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
876
+ --data-pink-color-gradientStop-2: #ffe5f100;
877
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
878
+ --data-plum-color-gradientStop-2: #f8e5ff00;
879
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
880
+ --data-purple-color-gradientStop-2: #f1e5ff00;
881
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
882
+ --data-red-color-gradientStop-2: #ffe2e000;
883
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
884
+ --data-teal-color-gradientStop-2: #c7f5ef00;
885
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
886
+ --data-yellow-color-gradientStop-2: #ffec9e00;
839
887
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
840
888
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
841
889
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -904,6 +952,23 @@
904
952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
905
953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
906
954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
955
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
956
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
957
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
958
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
959
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
960
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
961
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
962
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
963
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
964
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
965
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
966
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
967
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
968
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
969
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
970
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
971
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
907
972
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
908
973
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
909
974
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1397,14 +1462,28 @@
1397
1462
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1398
1463
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1399
1464
  --data-blue-color-muted: var(--base-display-color-blue-0);
1465
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1466
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1467
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1468
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1400
1469
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1401
1470
  --data-gray-color-muted: var(--base-display-color-gray-0);
1402
1471
  --data-green-color-emphasis: var(--base-display-color-green-4);
1403
1472
  --data-green-color-muted: var(--base-display-color-green-0);
1473
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1474
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1475
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1476
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1477
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1478
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1404
1479
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1405
1480
  --data-orange-color-muted: var(--base-display-color-orange-0);
1481
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1482
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1406
1483
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1407
1484
  --data-pink-color-muted: var(--base-display-color-pink-0);
1485
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1486
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1408
1487
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1409
1488
  --data-purple-color-muted: var(--base-display-color-purple-0);
1410
1489
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1764,6 +1843,40 @@
1764
1843
  --controlTrack-borderColor-rest: var(--borderColor-default);
1765
1844
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1766
1845
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1846
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1847
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1848
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1849
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1850
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1851
+ --data-brown-color-gradientStop-2: #eeeae200;
1852
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1853
+ --data-coral-color-gradientStop-2: #ffe5db00;
1854
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1855
+ --data-gray-color-gradientStop-2: #e8ecf200;
1856
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1857
+ --data-green-color-gradientStop-2: #caf7ca00;
1858
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1859
+ --data-lemon-color-gradientStop-2: #f7eea100;
1860
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1861
+ --data-lime-color-gradientStop-2: #e3f2b500;
1862
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1863
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1864
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1865
+ --data-orange-color-gradientStop-2: #ffe7d100;
1866
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1867
+ --data-pine-color-gradientStop-2: #bff8db00;
1868
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1869
+ --data-pink-color-gradientStop-2: #ffe5f100;
1870
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1871
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1872
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1873
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1874
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1875
+ --data-red-color-gradientStop-2: #ffe2e000;
1876
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1877
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1878
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1879
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1767
1880
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1768
1881
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1769
1882
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1832,6 +1945,23 @@
1832
1945
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1833
1946
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1834
1947
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1948
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1949
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1950
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1951
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1952
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1953
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1954
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1955
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1956
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1957
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1958
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1959
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1960
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1961
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1962
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1963
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1964
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1835
1965
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1836
1966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1837
1967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
package/dist/internalCss/light.css CHANGED
@@ -467,14 +467,28 @@
467
467
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
468
468
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
469
469
  --data-blue-color-muted: var(--base-display-color-blue-0);
470
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
471
+ --data-brown-color-muted: var(--base-display-color-brown-0);
472
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
473
+ --data-coral-color-muted: var(--base-display-color-coral-0);
470
474
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
471
475
  --data-gray-color-muted: var(--base-display-color-gray-0);
472
476
  --data-green-color-emphasis: var(--base-display-color-green-4);
473
477
  --data-green-color-muted: var(--base-display-color-green-0);
478
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
479
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
480
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
481
+ --data-lime-color-muted: var(--base-display-color-lime-0);
482
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
483
+ --data-olive-color-muted: var(--base-display-color-olive-0);
474
484
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
475
485
  --data-orange-color-muted: var(--base-display-color-orange-0);
486
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
487
+ --data-pine-color-muted: var(--base-display-color-pine-0);
476
488
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
477
489
  --data-pink-color-muted: var(--base-display-color-pink-0);
490
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
491
+ --data-plum-color-muted: var(--base-display-color-plum-0);
478
492
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
479
493
  --data-purple-color-muted: var(--base-display-color-purple-0);
480
494
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -834,6 +848,40 @@
834
848
  --controlTrack-borderColor-rest: var(--borderColor-default);
835
849
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
836
850
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
851
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
852
+ --data-auburn-color-gradientStop-2: #f2e9e900;
853
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
854
+ --data-blue-color-gradientStop-2: #d1f0ff00;
855
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
856
+ --data-brown-color-gradientStop-2: #eeeae200;
857
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
858
+ --data-coral-color-gradientStop-2: #ffe5db00;
859
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
860
+ --data-gray-color-gradientStop-2: #e8ecf200;
861
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
862
+ --data-green-color-gradientStop-2: #caf7ca00;
863
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
864
+ --data-lemon-color-gradientStop-2: #f7eea100;
865
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
866
+ --data-lime-color-gradientStop-2: #e3f2b500;
867
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
868
+ --data-olive-color-gradientStop-2: #f0f0ad00;
869
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
870
+ --data-orange-color-gradientStop-2: #ffe7d100;
871
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
872
+ --data-pine-color-gradientStop-2: #bff8db00;
873
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
874
+ --data-pink-color-gradientStop-2: #ffe5f100;
875
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
876
+ --data-plum-color-gradientStop-2: #f8e5ff00;
877
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
878
+ --data-purple-color-gradientStop-2: #f1e5ff00;
879
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
880
+ --data-red-color-gradientStop-2: #ffe2e000;
881
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
882
+ --data-teal-color-gradientStop-2: #c7f5ef00;
883
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
884
+ --data-yellow-color-gradientStop-2: #ffec9e00;
837
885
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
838
886
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
839
887
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -904,6 +952,23 @@
904
952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
905
953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
906
954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
955
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
956
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
957
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
958
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
959
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
960
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
961
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
962
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
963
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
964
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
965
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
966
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
967
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
968
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
969
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
970
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
971
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
907
972
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
908
973
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
909
974
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1395,14 +1460,28 @@
1395
1460
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1396
1461
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1397
1462
  --data-blue-color-muted: var(--base-display-color-blue-0);
1463
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1464
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1465
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1466
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1398
1467
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1399
1468
  --data-gray-color-muted: var(--base-display-color-gray-0);
1400
1469
  --data-green-color-emphasis: var(--base-display-color-green-4);
1401
1470
  --data-green-color-muted: var(--base-display-color-green-0);
1471
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1472
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1473
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1474
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1475
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1476
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1402
1477
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1403
1478
  --data-orange-color-muted: var(--base-display-color-orange-0);
1479
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1480
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1404
1481
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1405
1482
  --data-pink-color-muted: var(--base-display-color-pink-0);
1483
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1484
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1406
1485
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1407
1486
  --data-purple-color-muted: var(--base-display-color-purple-0);
1408
1487
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1762,6 +1841,40 @@
1762
1841
  --controlTrack-borderColor-rest: var(--borderColor-default);
1763
1842
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1764
1843
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1844
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1845
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1846
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1847
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1848
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1849
+ --data-brown-color-gradientStop-2: #eeeae200;
1850
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1851
+ --data-coral-color-gradientStop-2: #ffe5db00;
1852
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1853
+ --data-gray-color-gradientStop-2: #e8ecf200;
1854
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1855
+ --data-green-color-gradientStop-2: #caf7ca00;
1856
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1857
+ --data-lemon-color-gradientStop-2: #f7eea100;
1858
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1859
+ --data-lime-color-gradientStop-2: #e3f2b500;
1860
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1861
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1862
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1863
+ --data-orange-color-gradientStop-2: #ffe7d100;
1864
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1865
+ --data-pine-color-gradientStop-2: #bff8db00;
1866
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1867
+ --data-pink-color-gradientStop-2: #ffe5f100;
1868
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1869
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1870
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1871
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1872
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1873
+ --data-red-color-gradientStop-2: #ffe2e000;
1874
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1875
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1876
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1877
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1765
1878
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1766
1879
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1767
1880
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1832,6 +1945,23 @@
1832
1945
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1833
1946
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1834
1947
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1948
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1949
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1950
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1951
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1952
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1953
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1954
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1955
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1956
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1957
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1958
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1959
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1960
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1961
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1962
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1963
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1964
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1835
1965
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1836
1966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1837
1967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);