@primer/primitives 10.3.4 → 10.4.0-rc.1cf1d876

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 (74) hide show
  1. package/dist/css/base/motion/motion.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +36 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +36 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +36 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +36 -0
  6. package/dist/css/functional/themes/dark.css +36 -0
  7. package/dist/css/functional/themes/light-colorblind.css +36 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +36 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +36 -0
  10. package/dist/css/functional/themes/light.css +36 -0
  11. package/dist/css/primitives.css +1 -0
  12. package/dist/docs/base/motion/motion.json +14 -0
  13. package/dist/docs/functional/themes/dark-colorblind.json +2600 -226
  14. package/dist/docs/functional/themes/dark-dimmed.json +2152 -166
  15. package/dist/docs/functional/themes/dark-high-contrast.json +2786 -260
  16. package/dist/docs/functional/themes/dark-tritanopia.json +2446 -160
  17. package/dist/docs/functional/themes/dark.json +2379 -215
  18. package/dist/docs/functional/themes/light-colorblind.json +2573 -225
  19. package/dist/docs/functional/themes/light-high-contrast.json +1990 -234
  20. package/dist/docs/functional/themes/light-tritanopia.json +2437 -163
  21. package/dist/docs/functional/themes/light.json +2380 -216
  22. package/dist/fallbacks/base/motion/motion.json +1 -0
  23. package/dist/figma/themes/dark-colorblind.json +4154 -3589
  24. package/dist/figma/themes/dark-dimmed.json +3945 -3563
  25. package/dist/figma/themes/dark-high-contrast.json +3361 -2651
  26. package/dist/figma/themes/dark-tritanopia.json +4128 -3675
  27. package/dist/figma/themes/dark.json +4039 -3746
  28. package/dist/figma/themes/light-colorblind.json +4084 -3551
  29. package/dist/figma/themes/light-high-contrast.json +3409 -3101
  30. package/dist/figma/themes/light-tritanopia.json +4086 -3649
  31. package/dist/figma/themes/light.json +3991 -3698
  32. package/dist/internalCss/dark-colorblind.css +36 -0
  33. package/dist/internalCss/dark-dimmed.css +36 -0
  34. package/dist/internalCss/dark-high-contrast.css +36 -0
  35. package/dist/internalCss/dark-tritanopia.css +36 -0
  36. package/dist/internalCss/dark.css +36 -0
  37. package/dist/internalCss/light-colorblind.css +36 -0
  38. package/dist/internalCss/light-high-contrast.css +36 -0
  39. package/dist/internalCss/light-tritanopia.css +36 -0
  40. package/dist/internalCss/light.css +36 -0
  41. package/dist/styleLint/base/motion/motion.json +14 -0
  42. package/dist/styleLint/functional/themes/dark-colorblind.json +2599 -225
  43. package/dist/styleLint/functional/themes/dark-dimmed.json +2151 -165
  44. package/dist/styleLint/functional/themes/dark-high-contrast.json +2785 -259
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +2446 -160
  46. package/dist/styleLint/functional/themes/dark.json +2379 -215
  47. package/dist/styleLint/functional/themes/light-colorblind.json +2575 -227
  48. package/dist/styleLint/functional/themes/light-high-contrast.json +1989 -233
  49. package/dist/styleLint/functional/themes/light-tritanopia.json +2436 -162
  50. package/dist/styleLint/functional/themes/light.json +2380 -216
  51. package/package.json +1 -1
  52. package/src/tokens/base/motion/timing.json5 +4 -0
  53. package/src/tokens/component/card.json5 +18 -0
  54. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  55. package/src/tokens/component/contribution.json5 +344 -0
  56. package/src/tokens/component/counter.json5 +43 -0
  57. package/src/tokens/component/tooltip.json5 +32 -0
  58. package/src/tokens/functional/color/bgColor.json5 +24 -20
  59. package/src/tokens/functional/color/control.json5 +968 -0
  60. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -24
  61. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -164
  62. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -104
  63. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -60
  64. package/src/tokens/functional/color/dark/patterns-dark.json5 +725 -1432
  65. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  66. package/src/tokens/functional/color/focus.json5 +15 -0
  67. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -20
  68. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -90
  69. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -56
  70. package/src/tokens/functional/color/light/patterns-light.json5 +720 -1428
  71. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  72. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  74. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 CHANGED
@@ -4,30 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
5
5
  */
6
6
  {
7
- bgColor: {
8
- default: {
9
- $value: '{base.color.neutral.3}',
10
- $type: 'color',
11
- },
12
- muted: {
13
- $value: '{base.color.neutral.4}',
14
- $type: 'color',
15
- },
16
- inset: {
17
- $value: '{base.color.neutral.2}',
18
- $type: 'color',
19
- },
20
- disabled: {
21
- $value: '{base.color.neutral.5}',
22
- $type: 'color',
23
- },
24
- neutral: {
25
- emphasis: {
26
- $value: '{base.color.neutral.8}',
27
- $type: 'color',
28
- },
29
- },
30
- },
31
7
  control: {
32
8
  bgColor: {
33
9
  rest: {
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -4,151 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
5
5
  */
6
6
  {
7
- counter: {
8
- borderColor: {
9
- $value: '{borderColor.default}',
10
- $type: 'color',
11
- },
12
- bgColor: {
13
- muted: {
14
- $value: '{bgColor.neutral.muted}',
15
- $type: 'color',
16
- $extensions: {
17
- 'org.primer.figma': {
18
- collection: 'mode',
19
-
20
- group: 'component',
21
- scopes: ['bgColor'],
22
- },
23
- },
24
- alpha: 1,
25
- },
26
- },
27
- },
28
- control: {
29
- fgColor: {
30
- placeholder: {
31
- $value: '{base.color.neutral.10}',
32
- $type: 'color',
33
- },
34
- },
35
- bgColor: {
36
- rest: {
37
- $value: '{base.color.neutral.4}',
38
- $type: 'color',
39
- },
40
- hover: {
41
- $value: '{base.color.neutral.5}',
42
- $type: 'color',
43
- },
44
- active: {
45
- $value: '{base.color.neutral.6}',
46
- $type: 'color',
47
- },
48
- },
49
- borderColor: {
50
- emphasis: {
51
- $value: '{borderColor.emphasis}',
52
- $type: 'color',
53
- },
54
- },
55
- transparent: {
56
- bgColor: {
57
- hover: {
58
- $value: '{base.color.neutral.6}',
59
- $type: 'color',
60
- alpha: 1,
61
- },
62
- active: {
63
- $value: '{base.color.neutral.7}',
64
- $type: 'color',
65
- alpha: 1,
66
- },
67
- selected: {
68
- $value: '{base.color.neutral.6}',
69
- $type: 'color',
70
- alpha: 1,
71
- },
72
- },
73
- borderColor: {
74
- hover: {
75
- $value: '{borderColor.default}',
76
- $type: 'color',
77
- },
78
- active: {
79
- $value: '{borderColor.default}',
80
- $type: 'color',
81
- },
82
- },
83
- },
84
- danger: {
85
- bgColor: {
86
- hover: {
87
- $value: '{bgColor.danger.emphasis}',
88
- $type: 'color',
89
- },
90
- active: {
91
- $value: '#c51120',
92
- $type: 'color',
93
- alpha: 1,
94
- },
95
- },
96
- },
97
- checked: {
98
- bgColor: {
99
- hover: {
100
- $value: '#2b64c1',
101
- $type: 'color',
102
- },
103
- active: {
104
- $value: '#3c79d0',
105
- $type: 'color',
106
- },
107
- },
108
- borderColor: {
109
- rest: {
110
- $value: '{base.color.blue.2}',
111
- $type: 'color',
112
- },
113
- hover: {
114
- $value: '{base.color.blue.2}',
115
- $type: 'color',
116
- },
117
- active: {
118
- $value: '{base.color.blue.2}',
119
- $type: 'color',
120
- },
121
- },
122
- },
123
- },
124
- controlTrack: {
125
- fgColor: {
126
- rest: {
127
- $value: '{fgColor.default}',
128
- $type: 'color',
129
- },
130
- },
131
- borderColor: {
132
- rest: {
133
- $value: '{borderColor.emphasis}',
134
- $type: 'color',
135
- },
136
- },
137
- bgColor: {
138
- rest: {
139
- $value: '{base.color.neutral.5}',
140
- $type: 'color',
141
- },
142
- hover: {
143
- $value: '{base.color.neutral.6}',
144
- $type: 'color',
145
- },
146
- active: {
147
- $value: '{base.color.neutral.7}',
148
- $type: 'color',
149
- },
150
- },
151
- },
152
7
  button: {
153
8
  primary: {
154
9
  bgColor: {
@@ -292,15 +147,6 @@
292
147
  },
293
148
  },
294
149
  },
295
- codeMirror: {
296
- selection: {
297
- bgColor: {
298
- $value: '{base.color.blue.4}',
299
- $type: 'color',
300
- alpha: 0.4,
301
- },
302
- },
303
- },
304
150
  display: {
305
151
  blue: {
306
152
  bgColor: {
@@ -645,14 +491,4 @@
645
491
  },
646
492
  },
647
493
  },
648
- tooltip: {
649
- bgColor: {
650
- $value: '{bgColor.inverse}',
651
- $type: 'color',
652
- },
653
- fgColor: {
654
- $value: '{fgColor.onInverse}',
655
- $type: 'color',
656
- },
657
- },
658
494
  }
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -4,30 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for dark protanopia and deuteranopia color mode are in this file
5
5
  */
6
6
  {
7
- control: {
8
- danger: {
9
- fgColor: {
10
- hover: {
11
- $value: '{base.color.orange.3}',
12
- $type: 'color',
13
- },
14
- },
15
- },
16
- },
17
- codeMirror: {
18
- syntax: {
19
- fgColor: {
20
- keyword: {
21
- $value: '{base.color.orange.3}',
22
- $type: 'color',
23
- },
24
- storage: {
25
- $value: '{base.color.orange.3}',
26
- $type: 'color',
27
- },
28
- },
29
- },
30
- },
31
7
  button: {
32
8
  primary: {
33
9
  bgColor: {
@@ -76,84 +52,4 @@
76
52
  },
77
53
  },
78
54
  },
79
- color: {
80
- ansi: {
81
- green: {
82
- $value: '{base.color.blue.3}',
83
- $type: 'color',
84
- },
85
- 'green-bright': {
86
- $value: '{base.color.blue.2}',
87
- $type: 'color',
88
- },
89
- red: {
90
- $value: '{base.color.orange.3}',
91
- $type: 'color',
92
- },
93
- 'red-bright': {
94
- $value: '{base.color.orange.2}',
95
- $type: 'color',
96
- },
97
- },
98
- prettylights: {
99
- syntax: {
100
- 'entity-tag': {
101
- $value: '{base.color.blue.1}',
102
- $type: 'color',
103
- },
104
- keyword: {
105
- $value: '{base.color.orange.3}',
106
- $type: 'color',
107
- },
108
- brackethighlighter: {
109
- unmatched: {
110
- $value: '{base.color.orange.4}',
111
- $type: 'color',
112
- },
113
- },
114
- invalid: {
115
- illegal: {
116
- bg: {
117
- $value: '{base.color.orange.7}',
118
- $type: 'color',
119
- },
120
- },
121
- },
122
- carriage: {
123
- return: {
124
- bg: {
125
- $value: '{base.color.orange.6}',
126
- $type: 'color',
127
- },
128
- },
129
- },
130
- 'string-regexp': {
131
- $value: '{base.color.blue.1}',
132
- $type: 'color',
133
- },
134
- markup: {
135
- deleted: {
136
- text: {
137
- $value: '{base.color.orange.0}',
138
- $type: 'color',
139
- },
140
- bg: {
141
- $value: '{base.color.orange.8}',
142
- $type: 'color',
143
- },
144
- },
145
- inserted: {
146
- text: {
147
- $value: '{base.color.blue.0}',
148
- $type: 'color',
149
- },
150
- bg: {
151
- $value: '{base.color.blue.8}',
152
- $type: 'color',
153
- },
154
- },
155
- },
156
- },
157
- },
158
- },
159
55
  }
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -4,16 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for this theme are in this file
5
5
  */
6
6
  {
7
- codeMirror: {
8
- syntax: {
9
- fgColor: {
10
- variable: {
11
- $value: '{base.color.red.2}',
12
- $type: 'color',
13
- },
14
- },
15
- },
16
- },
17
7
  button: {
18
8
  primary: {
19
9
  bgColor: {
@@ -54,54 +44,4 @@
54
44
  },
55
45
  },
56
46
  },
57
- color: {
58
- ansi: {
59
- green: {
60
- $value: '{base.color.blue.3}',
61
- $type: 'color',
62
- },
63
- 'green-bright': {
64
- $value: '{base.color.blue.2}',
65
- $type: 'color',
66
- },
67
- },
68
- prettylights: {
69
- syntax: {
70
- 'string-regexp': {
71
- $value: '{base.color.blue.1}',
72
- $type: 'color',
73
- },
74
- 'entity-tag': {
75
- $value: '{base.color.blue.1}',
76
- $type: 'color',
77
- },
78
- variable: {
79
- $value: '{base.color.red.2}',
80
- $type: 'color',
81
- },
82
- markup: {
83
- inserted: {
84
- text: {
85
- $value: '{base.color.blue.0}',
86
- $type: 'color',
87
- },
88
- bg: {
89
- $value: '{base.color.blue.8}',
90
- $type: 'color',
91
- },
92
- },
93
- changed: {
94
- text: {
95
- $value: '{base.color.red.0}',
96
- $type: 'color',
97
- },
98
- bg: {
99
- $value: '{base.color.red.8}',
100
- $type: 'color',
101
- },
102
- },
103
- },
104
- },
105
- },
106
- },
107
47
  }