@primer/primitives 10.3.4 → 10.4.0-rc.06084fce

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 (108) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +38 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +38 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +38 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +38 -2
  8. package/dist/css/functional/themes/dark.css +38 -2
  9. package/dist/css/functional/themes/light-colorblind.css +38 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +38 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +38 -2
  12. package/dist/css/functional/themes/light.css +38 -2
  13. package/dist/css/primitives.css +1 -6
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +12028 -1436
  16. package/dist/docs/functional/themes/dark-dimmed.json +12218 -1392
  17. package/dist/docs/functional/themes/dark-high-contrast.json +13308 -1584
  18. package/dist/docs/functional/themes/dark-tritanopia.json +11899 -1409
  19. package/dist/docs/functional/themes/dark.json +11584 -1314
  20. package/dist/docs/functional/themes/light-colorblind.json +11961 -1411
  21. package/dist/docs/functional/themes/light-high-contrast.json +14994 -3384
  22. package/dist/docs/functional/themes/light-tritanopia.json +11815 -1367
  23. package/dist/docs/functional/themes/light.json +11541 -1245
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5096 -4524
  27. package/dist/figma/themes/dark-dimmed.json +5142 -4406
  28. package/dist/figma/themes/dark-high-contrast.json +5762 -3913
  29. package/dist/figma/themes/dark-tritanopia.json +4933 -4491
  30. package/dist/figma/themes/dark.json +5476 -5299
  31. package/dist/figma/themes/light-colorblind.json +5076 -4467
  32. package/dist/figma/themes/light-high-contrast.json +5707 -3916
  33. package/dist/figma/themes/light-tritanopia.json +4983 -4501
  34. package/dist/figma/themes/light.json +4795 -4502
  35. package/dist/internalCss/dark-colorblind.css +38 -2
  36. package/dist/internalCss/dark-dimmed.css +38 -2
  37. package/dist/internalCss/dark-high-contrast.css +38 -2
  38. package/dist/internalCss/dark-tritanopia.css +38 -2
  39. package/dist/internalCss/dark.css +38 -2
  40. package/dist/internalCss/light-colorblind.css +38 -2
  41. package/dist/internalCss/light-high-contrast.css +38 -2
  42. package/dist/internalCss/light-tritanopia.css +38 -2
  43. package/dist/internalCss/light.css +38 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +12028 -1436
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +12217 -1391
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +13295 -1571
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +11897 -1407
  49. package/dist/styleLint/functional/themes/dark.json +11567 -1297
  50. package/dist/styleLint/functional/themes/light-colorblind.json +11922 -1372
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +15008 -3398
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +11816 -1368
  53. package/dist/styleLint/functional/themes/light.json +11542 -1246
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/card.json5 +18 -0
  59. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  60. package/src/tokens/component/contribution.json5 +344 -0
  61. package/src/tokens/component/counter.json5 +43 -0
  62. package/src/tokens/component/header.json5 +3 -0
  63. package/src/tokens/component/label.json5 +1942 -0
  64. package/src/tokens/component/menu.json5 +24 -0
  65. package/src/tokens/component/overlay.json5 +1 -1
  66. package/src/tokens/component/selectMenu.json5 +38 -0
  67. package/src/tokens/component/sideNav.json5 +22 -0
  68. package/src/tokens/component/tooltip.json5 +32 -0
  69. package/src/tokens/component/treeView.json5 +24 -0
  70. package/src/tokens/component/underlineNav.json5 +56 -0
  71. package/src/tokens/functional/color/bgColor.json5 +24 -20
  72. package/src/tokens/functional/color/control.json5 +1087 -0
  73. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  74. package/src/tokens/functional/color/display.json5 +2170 -0
  75. package/src/tokens/functional/color/focus.json5 +15 -0
  76. package/src/tokens/functional/color/selection.json5 +22 -0
  77. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  78. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  79. package/dist/css/functional/motion/motion.css +0 -6
  80. package/dist/docs/functional/motion/motion.json +0 -66
  81. package/dist/fallbacks/functional/motion/motion.json +0 -6
  82. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  83. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  84. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  85. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  86. package/dist/figma/shadows/dark.json +0 -1152
  87. package/dist/figma/shadows/light-colorblind.json +0 -1052
  88. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  89. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  90. package/dist/figma/shadows/light.json +0 -1052
  91. package/dist/styleLint/functional/motion/motion.json +0 -66
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  93. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  94. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -223
  95. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -658
  96. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -159
  97. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -107
  98. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2676
  99. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  100. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
  101. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  102. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -601
  103. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -159
  104. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -97
  105. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2671
  106. package/src/tokens/functional/motion/loading.json5 +0 -17
  107. package/src/tokens/functional/motion/patterns.json5 +0 -35
  108. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/dist/css/functional/themes/light.css CHANGED
@@ -122,6 +122,24 @@
122
122
  --color-prettylights-syntax-string-regexp: #116329;
123
123
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
124
124
  --color-prettylights-syntax-variable: #953800;
125
+ --contribution-default-bgColor-0: #eff2f5;
126
+ --contribution-default-bgColor-1: #aceebb;
127
+ --contribution-default-bgColor-2: #4ac26b;
128
+ --contribution-default-bgColor-3: #2da44e;
129
+ --contribution-default-bgColor-4: #116329;
130
+ --contribution-default-borderColor-0: #1f23280d;
131
+ --contribution-default-borderColor-1: #1f23280d;
132
+ --contribution-default-borderColor-2: #1f23280d;
133
+ --contribution-default-borderColor-3: #1f23280d;
134
+ --contribution-default-borderColor-4: #1f23280d;
135
+ --contribution-halloween-bgColor-1: #f0db3d;
136
+ --contribution-halloween-bgColor-2: #ffd642;
137
+ --contribution-halloween-bgColor-3: #f68c41;
138
+ --contribution-halloween-bgColor-4: #1f2328;
139
+ --contribution-winter-bgColor-1: #b6e3ff;
140
+ --contribution-winter-bgColor-2: #54aeff;
141
+ --contribution-winter-bgColor-3: #0969da;
142
+ --contribution-winter-bgColor-4: #0a3069;
125
143
  --control-bgColor-active: #e6eaef;
126
144
  --control-bgColor-hover: #eff2f5;
127
145
  --control-bgColor-rest: #f6f8fa;
@@ -556,7 +574,6 @@
556
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
557
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
558
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
559
- --button-default-borderColor-hover: var(--control-borderColor-rest);
560
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
561
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
562
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -598,6 +615,7 @@
598
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
599
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
600
617
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
601
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
602
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
603
621
  --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;
@@ -728,6 +746,24 @@
728
746
  --color-prettylights-syntax-string-regexp: #116329;
729
747
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
730
748
  --color-prettylights-syntax-variable: #953800;
749
+ --contribution-default-bgColor-0: #eff2f5;
750
+ --contribution-default-bgColor-1: #aceebb;
751
+ --contribution-default-bgColor-2: #4ac26b;
752
+ --contribution-default-bgColor-3: #2da44e;
753
+ --contribution-default-bgColor-4: #116329;
754
+ --contribution-default-borderColor-0: #1f23280d;
755
+ --contribution-default-borderColor-1: #1f23280d;
756
+ --contribution-default-borderColor-2: #1f23280d;
757
+ --contribution-default-borderColor-3: #1f23280d;
758
+ --contribution-default-borderColor-4: #1f23280d;
759
+ --contribution-halloween-bgColor-1: #f0db3d;
760
+ --contribution-halloween-bgColor-2: #ffd642;
761
+ --contribution-halloween-bgColor-3: #f68c41;
762
+ --contribution-halloween-bgColor-4: #1f2328;
763
+ --contribution-winter-bgColor-1: #b6e3ff;
764
+ --contribution-winter-bgColor-2: #54aeff;
765
+ --contribution-winter-bgColor-3: #0969da;
766
+ --contribution-winter-bgColor-4: #0a3069;
731
767
  --control-bgColor-active: #e6eaef;
732
768
  --control-bgColor-hover: #eff2f5;
733
769
  --control-bgColor-rest: #f6f8fa;
@@ -1162,7 +1198,6 @@
1162
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1163
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1164
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1165
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1166
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1167
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1168
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1204,6 +1239,7 @@
1204
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1205
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1206
1241
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1207
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1208
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1209
1245
  --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
@@ -5,6 +5,7 @@
5
5
  --base-duration-200: 200ms;
6
6
  --base-duration-300: 300ms;
7
7
  --base-duration-400: 400ms;
8
+ --base-duration-50: 50ms;
8
9
  --base-duration-500: 500ms;
9
10
  --base-duration-600: 600ms;
10
11
  --base-duration-700: 700ms;
@@ -42,12 +43,6 @@
42
43
  --base-text-weight-normal: 400;
43
44
  --base-text-weight-semibold: 600;
44
45
  }
45
- :root {
46
- --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. */
47
- --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) */
48
- --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
49
- --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
50
- }
51
46
  :root {
52
47
  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
53
48
  --borderRadius-large: 0.75rem;
package/dist/docs/base/motion/motion.json CHANGED
@@ -83,6 +83,20 @@
83
83
  "value": "400ms",
84
84
  "type": "duration"
85
85
  },
86
+ "base-duration-50": {
87
+ "filePath": "src/tokens/base/motion/timing.json5",
88
+ "isSource": true,
89
+ "original": {
90
+ "$value": "50ms",
91
+ "$type": "duration"
92
+ },
93
+ "name": "base-duration-50",
94
+ "attributes": {},
95
+ "path": ["base", "duration", "50"],
96
+ "key": "{base.duration.50}",
97
+ "value": "50ms",
98
+ "type": "duration"
99
+ },
86
100
  "base-duration-500": {
87
101
  "filePath": "src/tokens/base/motion/timing.json5",
88
102
  "isSource": true,