@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/light.css CHANGED
@@ -164,14 +164,28 @@
164
164
  --data-auburn-color-muted: #f2e9e9;
165
165
  --data-blue-color-emphasis: #006edb;
166
166
  --data-blue-color-muted: #d1f0ff;
167
+ --data-brown-color-emphasis: #856d4c;
168
+ --data-brown-color-muted: #eeeae2;
169
+ --data-coral-color-emphasis: #d43511;
170
+ --data-coral-color-muted: #ffe5db;
167
171
  --data-gray-color-emphasis: #808fa3;
168
172
  --data-gray-color-muted: #e8ecf2;
169
173
  --data-green-color-emphasis: #30a147;
170
174
  --data-green-color-muted: #caf7ca;
175
+ --data-lemon-color-emphasis: #866e04;
176
+ --data-lemon-color-muted: #f7eea1;
177
+ --data-lime-color-emphasis: #527a29;
178
+ --data-lime-color-muted: #e3f2b5;
179
+ --data-olive-color-emphasis: #64762d;
180
+ --data-olive-color-muted: #f0f0ad;
171
181
  --data-orange-color-emphasis: #eb670f;
172
182
  --data-orange-color-muted: #ffe7d1;
183
+ --data-pine-color-emphasis: #167e53;
184
+ --data-pine-color-muted: #bff8db;
173
185
  --data-pink-color-emphasis: #ce2c85;
174
186
  --data-pink-color-muted: #ffe5f1;
187
+ --data-plum-color-emphasis: #a830e8;
188
+ --data-plum-color-muted: #f8e5ff;
175
189
  --data-purple-color-emphasis: #894ceb;
176
190
  --data-purple-color-muted: #f1e5ff;
177
191
  --data-red-color-emphasis: #df0c24;
@@ -416,7 +430,7 @@
416
430
  --selectMenu-bgColor-active: #b6e3ff;
417
431
  --selectMenu-borderColor: #ffffff00;
418
432
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
419
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
433
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
420
434
  --skeletonLoader-bgColor: #818b981a;
421
435
  --topicTag-borderColor: #ffffff00;
422
436
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -530,6 +544,40 @@
530
544
  --controlTrack-borderColor-rest: var(--borderColor-default);
531
545
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
532
546
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
547
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
548
+ --data-auburn-color-gradientStop-2: #f2e9e900;
549
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
550
+ --data-blue-color-gradientStop-2: #d1f0ff00;
551
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
552
+ --data-brown-color-gradientStop-2: #eeeae200;
553
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
554
+ --data-coral-color-gradientStop-2: #ffe5db00;
555
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
556
+ --data-gray-color-gradientStop-2: #e8ecf200;
557
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
558
+ --data-green-color-gradientStop-2: #caf7ca00;
559
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
560
+ --data-lemon-color-gradientStop-2: #f7eea100;
561
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
562
+ --data-lime-color-gradientStop-2: #e3f2b500;
563
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
564
+ --data-olive-color-gradientStop-2: #f0f0ad00;
565
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
566
+ --data-orange-color-gradientStop-2: #ffe7d100;
567
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
568
+ --data-pine-color-gradientStop-2: #bff8db00;
569
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
570
+ --data-pink-color-gradientStop-2: #ffe5f100;
571
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
572
+ --data-plum-color-gradientStop-2: #f8e5ff00;
573
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
574
+ --data-purple-color-gradientStop-2: #f1e5ff00;
575
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
576
+ --data-red-color-gradientStop-2: #ffe2e000;
577
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
578
+ --data-teal-color-gradientStop-2: #c7f5ef00;
579
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
580
+ --data-yellow-color-gradientStop-2: #ffec9e00;
533
581
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
534
582
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
535
583
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -553,8 +601,8 @@
553
601
  --page-header-bgColor: var(--bgColor-muted);
554
602
  --selection-bgColor: #0969da33;
555
603
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
556
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
557
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
604
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
605
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
558
606
  --sideNav-bgColor-selected: #ffffff;
559
607
  --timelineBadge-bgColor: var(--bgColor-muted);
560
608
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -574,7 +622,6 @@
574
622
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
623
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
624
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
- --button-default-borderColor-hover: var(--control-borderColor-rest);
578
625
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
626
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
580
627
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -601,6 +648,23 @@
601
648
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
602
649
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
603
650
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
651
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
652
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
653
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
654
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
655
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
656
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
657
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
658
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
659
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
660
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
661
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
662
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
663
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
664
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
665
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
666
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
667
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
604
668
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
605
669
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
606
670
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -616,6 +680,7 @@
616
680
  --underlineNav-borderColor-hover: var(--borderColor-muted);
617
681
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
618
682
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
683
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
619
684
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
620
685
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
621
686
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -788,14 +853,28 @@
788
853
  --data-auburn-color-muted: #f2e9e9;
789
854
  --data-blue-color-emphasis: #006edb;
790
855
  --data-blue-color-muted: #d1f0ff;
856
+ --data-brown-color-emphasis: #856d4c;
857
+ --data-brown-color-muted: #eeeae2;
858
+ --data-coral-color-emphasis: #d43511;
859
+ --data-coral-color-muted: #ffe5db;
791
860
  --data-gray-color-emphasis: #808fa3;
792
861
  --data-gray-color-muted: #e8ecf2;
793
862
  --data-green-color-emphasis: #30a147;
794
863
  --data-green-color-muted: #caf7ca;
864
+ --data-lemon-color-emphasis: #866e04;
865
+ --data-lemon-color-muted: #f7eea1;
866
+ --data-lime-color-emphasis: #527a29;
867
+ --data-lime-color-muted: #e3f2b5;
868
+ --data-olive-color-emphasis: #64762d;
869
+ --data-olive-color-muted: #f0f0ad;
795
870
  --data-orange-color-emphasis: #eb670f;
796
871
  --data-orange-color-muted: #ffe7d1;
872
+ --data-pine-color-emphasis: #167e53;
873
+ --data-pine-color-muted: #bff8db;
797
874
  --data-pink-color-emphasis: #ce2c85;
798
875
  --data-pink-color-muted: #ffe5f1;
876
+ --data-plum-color-emphasis: #a830e8;
877
+ --data-plum-color-muted: #f8e5ff;
799
878
  --data-purple-color-emphasis: #894ceb;
800
879
  --data-purple-color-muted: #f1e5ff;
801
880
  --data-red-color-emphasis: #df0c24;
@@ -1040,7 +1119,7 @@
1040
1119
  --selectMenu-bgColor-active: #b6e3ff;
1041
1120
  --selectMenu-borderColor: #ffffff00;
1042
1121
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1043
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1122
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1044
1123
  --skeletonLoader-bgColor: #818b981a;
1045
1124
  --topicTag-borderColor: #ffffff00;
1046
1125
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1154,6 +1233,40 @@
1154
1233
  --controlTrack-borderColor-rest: var(--borderColor-default);
1155
1234
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1156
1235
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1236
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1237
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1238
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1239
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1240
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1241
+ --data-brown-color-gradientStop-2: #eeeae200;
1242
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1243
+ --data-coral-color-gradientStop-2: #ffe5db00;
1244
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1245
+ --data-gray-color-gradientStop-2: #e8ecf200;
1246
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1247
+ --data-green-color-gradientStop-2: #caf7ca00;
1248
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1249
+ --data-lemon-color-gradientStop-2: #f7eea100;
1250
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1251
+ --data-lime-color-gradientStop-2: #e3f2b500;
1252
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1253
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1254
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1255
+ --data-orange-color-gradientStop-2: #ffe7d100;
1256
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1257
+ --data-pine-color-gradientStop-2: #bff8db00;
1258
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1259
+ --data-pink-color-gradientStop-2: #ffe5f100;
1260
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1261
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1262
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1263
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1264
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1265
+ --data-red-color-gradientStop-2: #ffe2e000;
1266
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1267
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1268
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1269
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1157
1270
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1158
1271
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1159
1272
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1177,8 +1290,8 @@
1177
1290
  --page-header-bgColor: var(--bgColor-muted);
1178
1291
  --selection-bgColor: #0969da33;
1179
1292
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1180
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1181
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1293
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1294
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1182
1295
  --sideNav-bgColor-selected: #ffffff;
1183
1296
  --timelineBadge-bgColor: var(--bgColor-muted);
1184
1297
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1198,7 +1311,6 @@
1198
1311
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1312
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1313
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1202
1314
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1315
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1204
1316
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1225,6 +1337,23 @@
1225
1337
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1226
1338
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1227
1339
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1340
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1341
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1342
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1343
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1344
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1345
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1346
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1347
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1348
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1349
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1350
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1351
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1352
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1353
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1354
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1355
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1356
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1228
1357
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1229
1358
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1230
1359
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1240,6 +1369,7 @@
1240
1369
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1241
1370
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1242
1371
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1372
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1243
1373
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1244
1374
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1245
1375
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/primitives.css CHANGED
@@ -43,12 +43,6 @@
43
43
  --base-text-weight-normal: 400;
44
44
  --base-text-weight-semibold: 600;
45
45
  }
46
- :root {
47
- --motion-loading-delay-default: var(--base-duration-1000); /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
48
- --motion-skeletonLoader-shimmer-duration-scale: var(--base-duration-1000); /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
49
- --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
50
- --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
51
- }
52
46
  :root {
53
47
  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
54
48
  --borderRadius-large: 0.75rem;