@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.1c002767

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 (123) 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 +1995 -3
  20. package/dist/build/schemas/shadowToken.js +27 -0
  21. package/dist/build/schemas/stringToken.d.ts +3 -3
  22. package/dist/build/schemas/tokenType.d.ts +1 -1
  23. package/dist/build/schemas/typographyToken.d.ts +3 -3
  24. package/dist/build/schemas/validTokenType.d.ts +1 -1
  25. package/dist/build/schemas/validTokenType.js +1 -0
  26. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  27. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  28. package/dist/build/transformers/gradientToCss.js +23 -0
  29. package/dist/build/transformers/index.d.ts +1 -0
  30. package/dist/build/transformers/index.js +1 -0
  31. package/dist/css/functional/themes/dark-colorblind.css +138 -8
  32. package/dist/css/functional/themes/dark-dimmed.css +138 -8
  33. package/dist/css/functional/themes/dark-high-contrast.css +150 -20
  34. package/dist/css/functional/themes/dark-tritanopia.css +138 -8
  35. package/dist/css/functional/themes/dark.css +138 -8
  36. package/dist/css/functional/themes/light-colorblind.css +138 -8
  37. package/dist/css/functional/themes/light-high-contrast.css +150 -20
  38. package/dist/css/functional/themes/light-tritanopia.css +138 -8
  39. package/dist/css/functional/themes/light.css +138 -8
  40. package/dist/css/primitives.css +0 -6
  41. package/dist/docs/functional/themes/dark-colorblind.json +13601 -2768
  42. package/dist/docs/functional/themes/dark-dimmed.json +13889 -2760
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15016 -2909
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13546 -2741
  45. package/dist/docs/functional/themes/dark.json +12052 -1345
  46. package/dist/docs/functional/themes/light-colorblind.json +13567 -2764
  47. package/dist/docs/functional/themes/light-high-contrast.json +15056 -3021
  48. package/dist/docs/functional/themes/light-tritanopia.json +13555 -2780
  49. package/dist/docs/functional/themes/light.json +12092 -1359
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6380 -5472
  52. package/dist/figma/themes/dark-dimmed.json +6453 -5214
  53. package/dist/figma/themes/dark-high-contrast.json +6402 -4025
  54. package/dist/figma/themes/dark-tritanopia.json +6364 -5490
  55. package/dist/figma/themes/dark.json +5560 -4791
  56. package/dist/figma/themes/light-colorblind.json +6285 -5324
  57. package/dist/figma/themes/light-high-contrast.json +6362 -3994
  58. package/dist/figma/themes/light-tritanopia.json +6282 -5352
  59. package/dist/figma/themes/light.json +6281 -5396
  60. package/dist/internalCss/dark-colorblind.css +138 -8
  61. package/dist/internalCss/dark-dimmed.css +138 -8
  62. package/dist/internalCss/dark-high-contrast.css +150 -20
  63. package/dist/internalCss/dark-tritanopia.css +138 -8
  64. package/dist/internalCss/dark.css +138 -8
  65. package/dist/internalCss/light-colorblind.css +138 -8
  66. package/dist/internalCss/light-high-contrast.css +150 -20
  67. package/dist/internalCss/light-tritanopia.css +138 -8
  68. package/dist/internalCss/light.css +138 -8
  69. package/dist/styleLint/functional/themes/dark-colorblind.json +13581 -2748
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +13905 -2776
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15028 -2921
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13587 -2782
  73. package/dist/styleLint/functional/themes/dark.json +12085 -1378
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13535 -2732
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15071 -3036
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13524 -2749
  77. package/dist/styleLint/functional/themes/light.json +12097 -1364
  78. package/package.json +1 -1
  79. package/src/tokens/component/avatar.json5 +33 -0
  80. package/src/tokens/component/button.json5 +1714 -0
  81. package/src/tokens/component/contribution.json5 +0 -37
  82. package/src/tokens/component/header.json5 +3 -0
  83. package/src/tokens/component/label.json5 +1942 -0
  84. package/src/tokens/component/menu.json5 +24 -0
  85. package/src/tokens/component/overlay.json5 +1 -1
  86. package/src/tokens/component/selectMenu.json5 +38 -0
  87. package/src/tokens/component/sideNav.json5 +22 -0
  88. package/src/tokens/component/treeView.json5 +24 -0
  89. package/src/tokens/component/underlineNav.json5 +56 -0
  90. package/src/tokens/functional/color/borderColor.json5 +8 -8
  91. package/src/tokens/functional/color/control.json5 +1087 -0
  92. package/src/tokens/functional/color/data-vis.json5 +911 -41
  93. package/src/tokens/functional/color/display.json5 +2170 -0
  94. package/src/tokens/functional/color/selection.json5 +22 -0
  95. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  96. package/dist/css/functional/motion/motion.css +0 -6
  97. package/dist/docs/functional/motion/motion.json +0 -66
  98. package/dist/fallbacks/functional/motion/motion.json +0 -6
  99. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  100. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  101. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  102. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  103. package/dist/figma/shadows/dark.json +0 -1152
  104. package/dist/figma/shadows/light-colorblind.json +0 -1052
  105. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  106. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  107. package/dist/figma/shadows/light.json +0 -1052
  108. package/dist/styleLint/functional/motion/motion.json +0 -66
  109. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  110. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  111. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  112. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  113. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  114. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  115. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  119. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  120. package/src/tokens/functional/motion/loading.json5 +0 -17
  121. package/src/tokens/functional/motion/patterns.json5 +0 -35
  122. package/src/tokens/functional/shadow/dark.json5 +0 -369
  123. package/src/tokens/functional/shadow/light.json5 +0 -363
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -140,16 +140,16 @@
140
140
  --color-prettylights-syntax-string-regexp: #72f088;
141
141
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
142
142
  --color-prettylights-syntax-variable: #ffb757;
143
- --contribution-default-bgColor-0: #212830;
143
+ --contribution-default-bgColor-0: #151b23;
144
144
  --contribution-default-bgColor-1: #007728;
145
145
  --contribution-default-bgColor-2: #02a232;
146
146
  --contribution-default-bgColor-3: #0ac740;
147
147
  --contribution-default-bgColor-4: #4ae168;
148
- --contribution-default-borderColor-0: #ffffff;
149
- --contribution-default-borderColor-1: #ffffff;
150
- --contribution-default-borderColor-2: #ffffff;
151
- --contribution-default-borderColor-3: #ffffff;
152
- --contribution-default-borderColor-4: #ffffff;
148
+ --contribution-default-borderColor-0: #ffffff0d;
149
+ --contribution-default-borderColor-1: #ffffff0d;
150
+ --contribution-default-borderColor-2: #ffffff0d;
151
+ --contribution-default-borderColor-3: #ffffff0d;
152
+ --contribution-default-borderColor-4: #ffffff0d;
153
153
  --contribution-halloween-bgColor-1: #fac68f;
154
154
  --contribution-halloween-bgColor-2: #c46212;
155
155
  --contribution-halloween-bgColor-3: #984b10;
@@ -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;
@@ -548,9 +596,9 @@
548
596
  --selection-bgColor: #194fb1b3;
549
597
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
550
598
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
551
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
552
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
553
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
599
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
600
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
601
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
554
602
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
555
603
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
556
604
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -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);
@@ -621,7 +686,7 @@
621
686
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
622
687
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
688
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
689
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
625
690
  }
626
691
  @media (prefers-color-scheme: dark) {
627
692
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -764,16 +829,16 @@
764
829
  --color-prettylights-syntax-string-regexp: #72f088;
765
830
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
766
831
  --color-prettylights-syntax-variable: #ffb757;
767
- --contribution-default-bgColor-0: #212830;
832
+ --contribution-default-bgColor-0: #151b23;
768
833
  --contribution-default-bgColor-1: #007728;
769
834
  --contribution-default-bgColor-2: #02a232;
770
835
  --contribution-default-bgColor-3: #0ac740;
771
836
  --contribution-default-bgColor-4: #4ae168;
772
- --contribution-default-borderColor-0: #ffffff;
773
- --contribution-default-borderColor-1: #ffffff;
774
- --contribution-default-borderColor-2: #ffffff;
775
- --contribution-default-borderColor-3: #ffffff;
776
- --contribution-default-borderColor-4: #ffffff;
837
+ --contribution-default-borderColor-0: #ffffff0d;
838
+ --contribution-default-borderColor-1: #ffffff0d;
839
+ --contribution-default-borderColor-2: #ffffff0d;
840
+ --contribution-default-borderColor-3: #ffffff0d;
841
+ --contribution-default-borderColor-4: #ffffff0d;
777
842
  --contribution-halloween-bgColor-1: #fac68f;
778
843
  --contribution-halloween-bgColor-2: #c46212;
779
844
  --contribution-halloween-bgColor-3: #984b10;
@@ -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;
@@ -1172,9 +1285,9 @@
1172
1285
  --selection-bgColor: #194fb1b3;
1173
1286
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1174
1287
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1175
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1176
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1177
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1288
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1289
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1290
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1178
1291
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1179
1292
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1180
1293
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -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);
@@ -1245,6 +1375,6 @@
1245
1375
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1246
1376
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1377
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1378
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1379
  }
1250
1380
  }
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);
@@ -566,9 +614,9 @@
566
614
  --selection-bgColor: #1f6febb3;
567
615
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
568
616
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
569
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
570
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
571
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
617
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
618
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
619
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
572
620
  --tooltip-bgColor: var(--bgColor-emphasis);
573
621
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
574
622
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -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);
@@ -621,7 +686,7 @@
621
686
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
622
687
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
688
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
689
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
625
690
  }
626
691
  @media (prefers-color-scheme: dark) {
627
692
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -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);
@@ -1190,9 +1303,9 @@
1190
1303
  --selection-bgColor: #1f6febb3;
1191
1304
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1192
1305
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1193
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1194
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1195
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1306
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1307
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1308
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1196
1309
  --tooltip-bgColor: var(--bgColor-emphasis);
1197
1310
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1198
1311
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -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);
@@ -1245,6 +1375,6 @@
1245
1375
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1246
1376
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1377
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1378
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1379
  }
1250
1380
  }