@primer/primitives 9.1.0-rc.e0e1c4b6 → 9.1.0

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 (53) hide show
  1. package/dist/build/PrimerStyleDictionary.js +1 -0
  2. package/dist/build/formats/cssAdvanced.js +9 -10
  3. package/dist/build/transformers/index.d.ts +1 -0
  4. package/dist/build/transformers/index.js +3 -1
  5. package/dist/css/functional/motion/motion.css +3 -3
  6. package/dist/css/functional/size/border.css +2 -2
  7. package/dist/css/functional/typography/typography.css +11 -11
  8. package/dist/css/primitives.css +16 -16
  9. package/package.json +5 -3
  10. package/src/tokens/base/color/dark/dark.dimmed.json5 +1164 -0
  11. package/src/tokens/base/color/dark/dark.high-contrast.json5 +764 -0
  12. package/src/tokens/base/color/dark/dark.json5 +911 -0
  13. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  14. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  15. package/src/tokens/base/color/light/light.high-contrast.json5 +755 -0
  16. package/src/tokens/base/color/light/light.json5 +911 -0
  17. package/src/tokens/base/size/size.json +196 -0
  18. package/src/tokens/base/typography/typography.json +48 -0
  19. package/src/tokens/fallback/color-fallbacks.json +270 -0
  20. package/src/tokens/functional/border/dark.json5 +12 -0
  21. package/src/tokens/functional/border/light.json5 +12 -0
  22. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  23. package/src/tokens/functional/color/dark/data-vis-dark.json5 +284 -0
  24. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  25. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +194 -0
  26. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +935 -0
  27. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +310 -0
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +224 -0
  29. package/src/tokens/functional/color/dark/patterns-dark.json5 +3097 -0
  30. package/src/tokens/functional/color/dark/primitives-dark.json5 +1200 -0
  31. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  32. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  33. package/src/tokens/functional/color/light/data-vis-light.json5 +284 -0
  34. package/src/tokens/functional/color/light/display-light.json5 +1258 -0
  35. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +819 -0
  36. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +327 -0
  37. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +237 -0
  38. package/src/tokens/functional/color/light/patterns-light.json5 +3091 -0
  39. package/src/tokens/functional/color/light/primitives-light.json5 +1193 -0
  40. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  41. package/src/tokens/functional/motion/loading.json5 +17 -0
  42. package/src/tokens/functional/motion/patterns.json5 +28 -0
  43. package/src/tokens/functional/shadow/dark.json5 +383 -0
  44. package/src/tokens/functional/shadow/light.json5 +376 -0
  45. package/src/tokens/functional/size/border.json +111 -0
  46. package/src/tokens/functional/size/breakpoints.json +64 -0
  47. package/src/tokens/functional/size/size-coarse.json +28 -0
  48. package/src/tokens/functional/size/size-fine.json +28 -0
  49. package/src/tokens/functional/size/size.json +740 -0
  50. package/src/tokens/functional/size/viewport.json +28 -0
  51. package/src/tokens/functional/typography/typography.json +527 -0
  52. package/src/tokens/removed/color.json +421 -0
  53. package/src/tokens/removed/testing.json5 +4 -0
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 ADDED
@@ -0,0 +1,194 @@
1
+ /**
2
+ * Dark dimmed
3
+ * @extends all functional tokens
4
+ * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
5
+ */
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
+ fgColor: {
32
+ default: {
33
+ $value: '{base.color.neutral.11}',
34
+ $type: 'color',
35
+ },
36
+ onEmphasis: {
37
+ $value: '{base.color.neutral.12}',
38
+ $type: 'color',
39
+ },
40
+ disabled: {
41
+ $value: '{base.color.neutral.8}',
42
+ $type: 'color',
43
+ alpha: 1,
44
+ },
45
+ },
46
+ control: {
47
+ bgColor: {
48
+ rest: {
49
+ $value: '{base.color.neutral.5}',
50
+ $type: 'color',
51
+ },
52
+ hover: {
53
+ $value: '{base.color.neutral.6}',
54
+ $type: 'color',
55
+ },
56
+ active: {
57
+ $value: '{base.color.neutral.7}',
58
+ $type: 'color',
59
+ },
60
+ },
61
+ borderColor: {
62
+ rest: {
63
+ $value: '{borderColor.default}',
64
+ $type: 'color',
65
+ },
66
+ },
67
+ transparent: {
68
+ bgColor: {
69
+ hover: {
70
+ $value: '{base.color.neutral.8}',
71
+ $type: 'color',
72
+ alpha: 0.15,
73
+ },
74
+ active: {
75
+ $value: '{base.color.neutral.8}',
76
+ $type: 'color',
77
+ alpha: 0.2,
78
+ },
79
+ selected: {
80
+ $value: '{base.color.neutral.8}',
81
+ $type: 'color',
82
+ alpha: 0.1,
83
+ },
84
+ },
85
+ },
86
+ },
87
+ controlTrack: {
88
+ bgColor: {
89
+ rest: {
90
+ $value: '{base.color.neutral.5}',
91
+ $type: 'color',
92
+ },
93
+ hover: {
94
+ $value: '{base.color.neutral.6}',
95
+ $type: 'color',
96
+ },
97
+ active: {
98
+ $value: '{base.color.neutral.7}',
99
+ $type: 'color',
100
+ },
101
+ },
102
+ },
103
+ controlKnob: {
104
+ bgColor: {
105
+ rest: {
106
+ $value: '{bgColor.inset}',
107
+ $type: 'color',
108
+ $extensions: {
109
+ 'org.primer.figma': {
110
+ collection: 'mode',
111
+ mode: 'dark',
112
+ group: 'component (internal)',
113
+ scopes: ['bgColor'],
114
+ },
115
+ },
116
+ },
117
+ },
118
+ },
119
+ diffBlob: {
120
+ expander: {
121
+ iconColor: {
122
+ $value: '{fgColor.default}',
123
+ $type: 'color',
124
+ },
125
+ },
126
+ },
127
+ overlay: {
128
+ backdrop: {
129
+ bgColor: {
130
+ $value: '{base.color.neutral.4}',
131
+ $type: 'color',
132
+ alpha: 0.4,
133
+ },
134
+ },
135
+ bgColor: {
136
+ $value: '{base.color.neutral.5}',
137
+ $type: 'color',
138
+ },
139
+ },
140
+ button: {
141
+ primary: {
142
+ bgColor: {
143
+ disabled: {
144
+ $value: '{base.color.green.4}',
145
+ $type: 'color',
146
+ mix: {
147
+ color: '{base.color.green.3}',
148
+ weight: 0.6,
149
+ },
150
+ },
151
+ },
152
+ fgColor: {
153
+ rest: {
154
+ $value: '#ffffff',
155
+ $type: 'color',
156
+ },
157
+ },
158
+ iconColor: {
159
+ rest: {
160
+ $value: '#ffffff',
161
+ $type: 'color',
162
+ },
163
+ },
164
+ },
165
+ invisible: {
166
+ iconColor: {
167
+ rest: {
168
+ $value: '{base.color.neutral.10}',
169
+ $type: 'color',
170
+ },
171
+ hover: {
172
+ $value: '{base.color.neutral.10}',
173
+ $type: 'color',
174
+ },
175
+ },
176
+ },
177
+ inactive: {
178
+ bgColor: {
179
+ $value: '{base.color.neutral.5}',
180
+ $type: 'color',
181
+ },
182
+ fgColor: {
183
+ $value: '{base.color.neutral.8}',
184
+ $type: 'color',
185
+ },
186
+ },
187
+ },
188
+ timelineBadge: {
189
+ bgColor: {
190
+ $value: '{base.color.neutral.4}',
191
+ $type: 'color',
192
+ },
193
+ },
194
+ }