@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.2284dc61

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 (121) 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 +138 -8
  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 +138 -8
  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 +13707 -2770
  42. package/dist/docs/functional/themes/dark-dimmed.json +14003 -2770
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15117 -2906
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13644 -2735
  45. package/dist/docs/functional/themes/dark.json +12045 -1234
  46. package/dist/docs/functional/themes/light-colorblind.json +13645 -2738
  47. package/dist/docs/functional/themes/light-high-contrast.json +15193 -3054
  48. package/dist/docs/functional/themes/light-tritanopia.json +13631 -2752
  49. package/dist/docs/functional/themes/light.json +12062 -1225
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6381 -5473
  52. package/dist/figma/themes/dark-dimmed.json +6408 -5169
  53. package/dist/figma/themes/dark-high-contrast.json +6377 -4000
  54. package/dist/figma/themes/dark-tritanopia.json +6367 -5493
  55. package/dist/figma/themes/dark.json +5559 -4790
  56. package/dist/figma/themes/light-colorblind.json +6298 -5337
  57. package/dist/figma/themes/light-high-contrast.json +6343 -3975
  58. package/dist/figma/themes/light-tritanopia.json +6272 -5342
  59. package/dist/figma/themes/light.json +6275 -5390
  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 +138 -8
  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 +138 -8
  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 +13684 -2747
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +14000 -2767
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15112 -2901
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13673 -2764
  73. package/dist/styleLint/functional/themes/dark.json +12088 -1277
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13559 -2652
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15236 -3097
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13563 -2684
  77. package/dist/styleLint/functional/themes/light.json +12044 -1207
  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/header.json5 +3 -0
  82. package/src/tokens/component/label.json5 +1942 -0
  83. package/src/tokens/component/menu.json5 +24 -0
  84. package/src/tokens/component/overlay.json5 +1 -1
  85. package/src/tokens/component/selectMenu.json5 +38 -0
  86. package/src/tokens/component/sideNav.json5 +22 -0
  87. package/src/tokens/component/treeView.json5 +24 -0
  88. package/src/tokens/component/underlineNav.json5 +56 -0
  89. package/src/tokens/functional/color/control.json5 +1087 -0
  90. package/src/tokens/functional/color/data-vis.json5 +911 -41
  91. package/src/tokens/functional/color/display.json5 +2170 -0
  92. package/src/tokens/functional/color/selection.json5 +22 -0
  93. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  94. package/dist/css/functional/motion/motion.css +0 -6
  95. package/dist/docs/functional/motion/motion.json +0 -66
  96. package/dist/fallbacks/functional/motion/motion.json +0 -6
  97. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  98. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  99. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  100. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  101. package/dist/figma/shadows/dark.json +0 -1152
  102. package/dist/figma/shadows/light-colorblind.json +0 -1052
  103. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  104. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  105. package/dist/figma/shadows/light.json +0 -1052
  106. package/dist/styleLint/functional/motion/motion.json +0 -66
  107. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  113. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  114. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  115. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  116. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  117. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  118. package/src/tokens/functional/motion/loading.json5 +0 -17
  119. package/src/tokens/functional/motion/patterns.json5 +0 -35
  120. package/src/tokens/functional/shadow/dark.json5 +0 -369
  121. package/src/tokens/functional/shadow/light.json5 +0 -363
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;
@@ -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"],
@@ -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
  }