@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.f5f47b7d

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 (66) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +40 -22
  2. package/dist/css/functional/themes/dark-dimmed.css +42 -24
  3. package/dist/css/functional/themes/dark-high-contrast.css +40 -22
  4. package/dist/css/functional/themes/dark-tritanopia.css +40 -22
  5. package/dist/css/functional/themes/dark.css +40 -22
  6. package/dist/css/functional/themes/light-colorblind.css +40 -22
  7. package/dist/css/functional/themes/light-high-contrast.css +42 -24
  8. package/dist/css/functional/themes/light-tritanopia.css +40 -22
  9. package/dist/css/functional/themes/light.css +40 -22
  10. package/dist/css/functional/typography/typography.css +20 -20
  11. package/dist/css/primitives.css +20 -20
  12. package/dist/docs/functional/themes/dark-colorblind.json +504 -251
  13. package/dist/docs/functional/themes/dark-dimmed.json +531 -256
  14. package/dist/docs/functional/themes/dark-high-contrast.json +359 -148
  15. package/dist/docs/functional/themes/dark-tritanopia.json +506 -257
  16. package/dist/docs/functional/themes/dark.json +515 -256
  17. package/dist/docs/functional/themes/light-colorblind.json +326 -65
  18. package/dist/docs/functional/themes/light-high-contrast.json +304 -63
  19. package/dist/docs/functional/themes/light-tritanopia.json +278 -61
  20. package/dist/docs/functional/themes/light.json +307 -58
  21. package/dist/figma/figma.json +8 -8
  22. package/dist/figma/scales/dark-dimmed.json +2880 -0
  23. package/dist/figma/scales/dark-high-constrast.json +2880 -0
  24. package/dist/figma/scales/dark.json +2880 -0
  25. package/dist/figma/scales/light-high-constrast.json +2880 -0
  26. package/dist/figma/scales/light.json +2880 -0
  27. package/dist/figma/themes/dark-colorblind.json +128 -15
  28. package/dist/figma/themes/dark-dimmed.json +211 -52
  29. package/dist/figma/themes/dark-high-contrast.json +119 -25
  30. package/dist/figma/themes/dark-tritanopia.json +140 -28
  31. package/dist/figma/themes/dark.json +195 -52
  32. package/dist/figma/themes/light-colorblind.json +175 -16
  33. package/dist/figma/themes/light-high-contrast.json +153 -26
  34. package/dist/figma/themes/light-tritanopia.json +145 -35
  35. package/dist/figma/themes/light.json +185 -44
  36. package/dist/internalCss/dark-colorblind.css +40 -22
  37. package/dist/internalCss/dark-dimmed.css +42 -24
  38. package/dist/internalCss/dark-high-contrast.css +40 -22
  39. package/dist/internalCss/dark-tritanopia.css +40 -22
  40. package/dist/internalCss/dark.css +40 -22
  41. package/dist/internalCss/light-colorblind.css +40 -22
  42. package/dist/internalCss/light-high-contrast.css +42 -24
  43. package/dist/internalCss/light-tritanopia.css +40 -22
  44. package/dist/internalCss/light.css +40 -22
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +504 -251
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +531 -256
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +358 -147
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +506 -257
  49. package/dist/styleLint/functional/themes/dark.json +515 -256
  50. package/dist/styleLint/functional/themes/light-colorblind.json +326 -65
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +304 -63
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +278 -61
  53. package/dist/styleLint/functional/themes/light.json +307 -58
  54. package/package.json +2 -8
  55. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  56. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  57. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  58. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
  59. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +54 -28
  60. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +36 -13
  61. package/src/tokens/functional/color/dark/patterns-dark.json5 +4 -4
  62. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
  63. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  64. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  65. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +59 -26
  66. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED
@@ -396,8 +396,8 @@
396
396
  $value: '{base.color.neutral.11}',
397
397
  $type: 'color',
398
398
  },
399
- }
400
- }
399
+ },
400
+ },
401
401
  },
402
402
  buttonCounter: {
403
403
  default: {
@@ -410,45 +410,45 @@
410
410
  },
411
411
  },
412
412
  diffBlob: {
413
- addition: {
413
+ additionWord: {
414
414
  fgColor: {
415
- text: {
416
- $value: '{fgColor.onEmphasis}',
417
- $type: 'color',
418
- },
415
+ $value: '{fgColor.onEmphasis}',
416
+ $type: 'color',
419
417
  },
420
418
  bgColor: {
421
- word: {
422
- $value: '{base.color.green.4}',
423
- $type: 'color',
424
- },
419
+ $value: '{base.color.green.5}',
420
+ $type: 'color',
421
+ mix: null,
422
+ alpha: 1,
425
423
  },
426
424
  },
427
- deletion: {
425
+ deletionWord: {
428
426
  fgColor: {
429
- text: {
430
- $value: '{fgColor.onEmphasis}',
431
- $type: 'color',
432
- },
427
+ $value: '{fgColor.onEmphasis}',
428
+ $type: 'color',
433
429
  },
434
430
  bgColor: {
435
- word: {
436
- $value: '{base.color.red.5}',
437
- $type: 'color',
438
- mix: null,
439
- alpha: 1,
440
- },
431
+ $value: '{base.color.red.5}',
432
+ $type: 'color',
433
+ mix: null,
434
+ alpha: 1,
441
435
  },
442
436
  },
443
- hunk: {
437
+ hunkNum: {
444
438
  bgColor: {
445
- num: {
439
+ rest: {
446
440
  $value: '{base.color.blue.1}',
447
441
  $type: 'color',
448
442
  alpha: 1,
449
443
  },
450
444
  },
451
445
  },
446
+ expander: {
447
+ iconColor: {
448
+ $value: '{fgColor.default}',
449
+ $type: 'color',
450
+ },
451
+ },
452
452
  },
453
453
  header: {
454
454
  borderColor: {
@@ -822,5 +822,5 @@
822
822
  $type: 'color',
823
823
  alpha: 1,
824
824
  },
825
- }
825
+ },
826
826
  }
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -114,42 +114,75 @@
114
114
  },
115
115
  },
116
116
  diffBlob: {
117
- addition: {
117
+ additionNum: {
118
118
  bgColor: {
119
- num: {
120
- $value: '{base.color.blue.3}',
121
- $type: 'color',
122
- mix: null,
123
- alpha: 0.4,
124
- },
125
- line: {
126
- $value: '{base.color.blue.0}',
127
- $type: 'color',
128
- alpha: 0.5,
129
- },
130
- word: {
131
- $value: '{base.color.blue.3}',
132
- $type: 'color',
133
- alpha: 0.4,
119
+ $value: '{base.color.blue.1}',
120
+ $type: 'color',
121
+ },
122
+ },
123
+ additionWord: {
124
+ bgColor: {
125
+ $value: '{base.color.blue.1}',
126
+ $type: 'color',
127
+ },
128
+ },
129
+ deletionNum: {
130
+ bgColor: {
131
+ $value: '{base.color.orange.1}',
132
+ $type: 'color',
133
+ },
134
+ },
135
+ deletionWord: {
136
+ bgColor: {
137
+ $value: '{base.color.orange.1}',
138
+ $type: 'color',
139
+ },
140
+ },
141
+ hunkLine: {
142
+ bgColor: {
143
+ $value: '{base.color.neutral.1}',
144
+ $type: 'color',
145
+ $extensions: {
146
+ 'org.primer.figma': {
147
+ collection: 'mode',
148
+ mode: 'light',
149
+ group: 'component',
150
+ scopes: ['bgColor'],
151
+ },
134
152
  },
135
153
  },
136
154
  },
137
- deletion: {
155
+ hunkNum: {
138
156
  bgColor: {
139
- num: {
140
- $value: '{base.color.orange.3}',
157
+ rest: {
158
+ $value: '{base.color.neutral.3}',
141
159
  $type: 'color',
142
- alpha: 0.4,
160
+ $extensions: {
161
+ 'org.primer.figma': {
162
+ collection: 'mode',
163
+ mode: 'light',
164
+ group: 'component',
165
+ scopes: ['bgColor'],
166
+ },
167
+ },
143
168
  },
144
- line: {
145
- $value: '{base.color.orange.0}',
169
+ hover: {
170
+ $value: '{base.color.neutral.7}',
146
171
  $type: 'color',
147
- alpha: 0.5,
172
+ $extensions: {
173
+ 'org.primer.figma': {
174
+ collection: 'mode',
175
+ mode: 'light',
176
+ group: 'component',
177
+ scopes: ['bgColor'],
178
+ },
179
+ },
148
180
  },
149
- word: {
150
- $value: '{base.color.orange.2}',
181
+ },
182
+ fgColor: {
183
+ hover: {
184
+ $value: '{fgColor.default}',
151
185
  $type: 'color',
152
- alpha: 0.5,
153
186
  },
154
187
  },
155
188
  },
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 CHANGED
@@ -114,22 +114,74 @@
114
114
  },
115
115
  },
116
116
  diffBlob: {
117
- addition: {
117
+ additionNum: {
118
118
  bgColor: {
119
- num: {
120
- $value: '{base.color.blue.1}',
119
+ $value: '{base.color.blue.1}',
120
+ $type: 'color',
121
+ },
122
+ },
123
+ additionWord: {
124
+ bgColor: {
125
+ $value: '{base.color.blue.1}',
126
+ $type: 'color',
127
+ },
128
+ },
129
+ deletionNum: {
130
+ bgColor: {
131
+ $value: '{base.color.red.1}',
132
+ $type: 'color',
133
+ },
134
+ },
135
+ deletionWord: {
136
+ bgColor: {
137
+ $value: '{base.color.red.1}',
138
+ $type: 'color',
139
+ },
140
+ },
141
+ hunkLine: {
142
+ bgColor: {
143
+ $value: '{base.color.neutral.1}',
144
+ $type: 'color',
145
+ $extensions: {
146
+ 'org.primer.figma': {
147
+ collection: 'mode',
148
+ mode: 'light',
149
+ group: 'component',
150
+ scopes: ['bgColor'],
151
+ },
152
+ },
153
+ },
154
+ },
155
+ hunkNum: {
156
+ bgColor: {
157
+ rest: {
158
+ $value: '{base.color.neutral.3}',
121
159
  $type: 'color',
122
- mix: {
123
- color: '{base.color.blue.0}',
124
- weight: 0.8,
160
+ $extensions: {
161
+ 'org.primer.figma': {
162
+ collection: 'mode',
163
+ mode: 'light',
164
+ group: 'component',
165
+ scopes: ['bgColor'],
166
+ },
125
167
  },
126
168
  },
127
- line: {
128
- $value: '{base.color.blue.0}',
169
+ hover: {
170
+ $value: '{base.color.neutral.7}',
129
171
  $type: 'color',
172
+ $extensions: {
173
+ 'org.primer.figma': {
174
+ collection: 'mode',
175
+ mode: 'light',
176
+ group: 'component',
177
+ scopes: ['bgColor'],
178
+ },
179
+ },
130
180
  },
131
- word: {
132
- $value: '{base.color.blue.1}',
181
+ },
182
+ fgColor: {
183
+ hover: {
184
+ $value: '{fgColor.default}',
133
185
  $type: 'color',
134
186
  },
135
187
  },