@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/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;