@primer/primitives 10.4.0-rc.eab36abe → 10.4.0-rc.fd8ac4c9

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 (90) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +0 -1992
  2. package/dist/build/schemas/shadowToken.js +0 -27
  3. package/dist/css/functional/motion/motion.css +6 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -2
  13. package/dist/css/primitives.css +6 -0
  14. package/dist/docs/functional/motion/motion.json +66 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  16. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  17. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  18. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  19. package/dist/docs/functional/themes/dark.json +452 -9206
  20. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  21. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  22. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  23. package/dist/docs/functional/themes/light.json +425 -9205
  24. package/dist/fallbacks/functional/motion/motion.json +6 -0
  25. package/dist/figma/figma.json +10 -1
  26. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  27. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  28. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  29. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  30. package/dist/figma/shadows/dark.json +1152 -0
  31. package/dist/figma/shadows/light-colorblind.json +1052 -0
  32. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  33. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  34. package/dist/figma/shadows/light.json +1052 -0
  35. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  36. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  37. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  38. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  39. package/dist/figma/themes/dark.json +4945 -4829
  40. package/dist/figma/themes/light-colorblind.json +4959 -5035
  41. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  42. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  43. package/dist/figma/themes/light.json +5223 -5223
  44. package/dist/internalCss/dark-colorblind.css +2 -2
  45. package/dist/internalCss/dark-dimmed.css +2 -2
  46. package/dist/internalCss/dark-high-contrast.css +2 -2
  47. package/dist/internalCss/dark-tritanopia.css +2 -2
  48. package/dist/internalCss/dark.css +2 -2
  49. package/dist/internalCss/light-colorblind.css +2 -2
  50. package/dist/internalCss/light-high-contrast.css +2 -2
  51. package/dist/internalCss/light-tritanopia.css +2 -2
  52. package/dist/internalCss/light.css +2 -2
  53. package/dist/styleLint/functional/motion/motion.json +66 -0
  54. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  55. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  56. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  57. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  58. package/dist/styleLint/functional/themes/dark.json +452 -9206
  59. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  60. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  61. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  62. package/dist/styleLint/functional/themes/light.json +425 -9205
  63. package/package.json +1 -1
  64. package/src/tokens/component/avatar.json5 +0 -33
  65. package/src/tokens/component/header.json5 +0 -3
  66. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  67. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  68. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  69. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  70. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  72. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  73. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  74. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  75. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  76. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  77. package/src/tokens/functional/motion/loading.json5 +17 -0
  78. package/src/tokens/functional/motion/patterns.json5 +35 -0
  79. package/src/tokens/functional/shadow/dark.json5 +369 -0
  80. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  81. package/src/tokens/component/button.json5 +0 -1714
  82. package/src/tokens/component/label.json5 +0 -1942
  83. package/src/tokens/component/menu.json5 +0 -24
  84. package/src/tokens/component/selectMenu.json5 +0 -38
  85. package/src/tokens/component/sideNav.json5 +0 -22
  86. package/src/tokens/component/treeView.json5 +0 -24
  87. package/src/tokens/component/underlineNav.json5 +0 -56
  88. package/src/tokens/functional/color/control.json5 +0 -1087
  89. package/src/tokens/functional/color/display.json5 +0 -2170
  90. package/src/tokens/functional/color/selection.json5 +0 -22
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 ADDED
@@ -0,0 +1,199 @@
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
+ control: {
8
+ bgColor: {
9
+ rest: {
10
+ $value: '{base.color.neutral.5}',
11
+ $type: 'color',
12
+ },
13
+ hover: {
14
+ $value: '{base.color.neutral.6}',
15
+ $type: 'color',
16
+ },
17
+ active: {
18
+ $value: '{base.color.neutral.7}',
19
+ $type: 'color',
20
+ },
21
+ },
22
+ borderColor: {
23
+ rest: {
24
+ $value: '#3d444d',
25
+ $type: 'color',
26
+ },
27
+ disabled: {
28
+ $value: '{base.color.neutral.8}',
29
+ $type: 'color',
30
+ alpha: 0.1,
31
+ },
32
+ },
33
+ transparent: {
34
+ bgColor: {
35
+ hover: {
36
+ $value: '{base.color.neutral.8}',
37
+ $type: 'color',
38
+ alpha: 0.15,
39
+ },
40
+ active: {
41
+ $value: '{base.color.neutral.8}',
42
+ $type: 'color',
43
+ alpha: 0.2,
44
+ },
45
+ selected: {
46
+ $value: '{base.color.neutral.8}',
47
+ $type: 'color',
48
+ alpha: 0.1,
49
+ },
50
+ },
51
+ },
52
+ checked: {
53
+ bgColor: {
54
+ hover: {
55
+ $value: '#3876d3',
56
+ $type: 'color',
57
+ },
58
+ active: {
59
+ $value: '#3f7fdb',
60
+ $type: 'color',
61
+ },
62
+ },
63
+ borderColor: {
64
+ hover: {
65
+ $value: '#3876d3',
66
+ $type: 'color',
67
+ },
68
+ active: {
69
+ $value: '#3f7fdb',
70
+ $type: 'color',
71
+ },
72
+ },
73
+ },
74
+ },
75
+ controlTrack: {
76
+ bgColor: {
77
+ rest: {
78
+ $value: '{base.color.neutral.5}',
79
+ $type: 'color',
80
+ },
81
+ hover: {
82
+ $value: '{base.color.neutral.6}',
83
+ $type: 'color',
84
+ },
85
+ active: {
86
+ $value: '{base.color.neutral.7}',
87
+ $type: 'color',
88
+ },
89
+ },
90
+ borderColor: {
91
+ rest: {
92
+ $value: '{base.color.neutral.7}',
93
+ $type: 'color',
94
+ },
95
+ },
96
+ },
97
+ controlKnob: {
98
+ bgColor: {
99
+ rest: {
100
+ $value: '{bgColor.inset}',
101
+ $type: 'color',
102
+ $extensions: {
103
+ 'org.primer.figma': {
104
+ collection: 'mode',
105
+
106
+ group: 'component (internal)',
107
+ scopes: ['bgColor'],
108
+ },
109
+ },
110
+ },
111
+ },
112
+ },
113
+ button: {
114
+ primary: {
115
+ bgColor: {
116
+ hover: {
117
+ $value: '#3b8640',
118
+ $type: 'color',
119
+ },
120
+ active: {
121
+ $value: '#428f46',
122
+ $type: 'color',
123
+ },
124
+ disabled: {
125
+ $value: '#50a254',
126
+ $type: 'color',
127
+ },
128
+ },
129
+ borderColor: {
130
+ disabled: {
131
+ $value: '#50a254',
132
+ $type: 'color',
133
+ },
134
+ },
135
+ fgColor: {
136
+ rest: {
137
+ $value: '#ffffff',
138
+ $type: 'color',
139
+ },
140
+ },
141
+ iconColor: {
142
+ rest: {
143
+ $value: '#ffffff',
144
+ $type: 'color',
145
+ },
146
+ },
147
+ },
148
+ invisible: {
149
+ iconColor: {
150
+ rest: {
151
+ $value: '{base.color.neutral.10}',
152
+ $type: 'color',
153
+ },
154
+ hover: {
155
+ $value: '{base.color.neutral.10}',
156
+ $type: 'color',
157
+ },
158
+ },
159
+ },
160
+ inactive: {
161
+ bgColor: {
162
+ $value: '{base.color.neutral.5}',
163
+ $type: 'color',
164
+ },
165
+ fgColor: {
166
+ $value: '{base.color.neutral.8}',
167
+ $type: 'color',
168
+ },
169
+ },
170
+ outline: {
171
+ fgColor: {
172
+ disabled: {
173
+ $value: '#478be680',
174
+ $type: 'color',
175
+ },
176
+ },
177
+ },
178
+ danger: {
179
+ bgColor: {
180
+ active: {
181
+ $value: '#c33d38',
182
+ $type: 'color',
183
+ },
184
+ },
185
+ fgColor: {
186
+ rest: {
187
+ $value: '#ea5c53',
188
+ $type: 'color',
189
+ },
190
+ },
191
+ iconColor: {
192
+ rest: {
193
+ $value: '#ea5c53',
194
+ $type: 'color',
195
+ },
196
+ },
197
+ },
198
+ },
199
+ }