@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

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 (121) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.js +27 -26
  3. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  4. package/dist/build/filters/isCubicBezier.js +10 -0
  5. package/dist/build/formats/typescriptExportDefinition.js +2 -2
  6. package/dist/build/parsers/w3cJsonParser.js +2 -2
  7. package/dist/build/platforms/css.js +1 -0
  8. package/dist/build/schemas/borderToken.d.ts +3 -3
  9. package/dist/build/schemas/colorToken.d.ts +3 -3
  10. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  11. package/dist/build/schemas/cubicBezierToken.js +8 -0
  12. package/dist/build/schemas/designToken.js +2 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  14. package/dist/build/schemas/durationToken.d.ts +3 -3
  15. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  16. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/shadowToken.d.ts +3 -3
  19. package/dist/build/schemas/stringToken.d.ts +3 -3
  20. package/dist/build/schemas/tokenType.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +3 -3
  22. package/dist/build/schemas/validTokenType.d.ts +1 -1
  23. package/dist/build/schemas/validTokenType.js +1 -0
  24. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  25. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  26. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  27. package/dist/build/transformers/durationToCss.js +2 -2
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/base/motion/motion.css +17 -0
  31. package/dist/css/functional/motion/motion.css +4 -3
  32. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  33. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  34. package/dist/css/functional/themes/dark-high-contrast.css +42 -22
  35. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  36. package/dist/css/functional/themes/dark.css +42 -22
  37. package/dist/css/functional/themes/light-colorblind.css +60 -40
  38. package/dist/css/functional/themes/light-high-contrast.css +44 -24
  39. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  40. package/dist/css/functional/themes/light.css +42 -22
  41. package/dist/css/functional/typography/typography.css +43 -43
  42. package/dist/css/primitives.css +64 -46
  43. package/dist/docs/base/motion/motion.json +205 -0
  44. package/dist/docs/functional/motion/motion.json +18 -3
  45. package/dist/docs/functional/themes/dark-colorblind.json +564 -282
  46. package/dist/docs/functional/themes/dark-dimmed.json +580 -276
  47. package/dist/docs/functional/themes/dark-high-contrast.json +408 -168
  48. package/dist/docs/functional/themes/dark-tritanopia.json +558 -280
  49. package/dist/docs/functional/themes/dark.json +564 -276
  50. package/dist/docs/functional/themes/light-colorblind.json +388 -108
  51. package/dist/docs/functional/themes/light-high-contrast.json +353 -83
  52. package/dist/docs/functional/themes/light-tritanopia.json +327 -81
  53. package/dist/docs/functional/themes/light.json +356 -78
  54. package/dist/fallbacks/base/motion/motion.json +17 -0
  55. package/dist/fallbacks/functional/motion/motion.json +1 -0
  56. package/dist/figma/dimension/dimension.json +518 -518
  57. package/dist/figma/figma.json +19 -19
  58. package/dist/figma/scales/dark-dimmed.json +3536 -656
  59. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  60. package/dist/figma/scales/dark.json +3371 -491
  61. package/dist/figma/scales/light-high-constrast.json +3533 -653
  62. package/dist/figma/scales/light.json +3370 -490
  63. package/dist/figma/shadows/dark-colorblind.json +285 -285
  64. package/dist/figma/shadows/dark-dimmed.json +285 -285
  65. package/dist/figma/shadows/dark-high-contrast.json +285 -285
  66. package/dist/figma/shadows/dark-tritanopia.json +285 -285
  67. package/dist/figma/shadows/dark.json +285 -285
  68. package/dist/figma/shadows/light-colorblind.json +254 -254
  69. package/dist/figma/shadows/light-high-contrast.json +254 -254
  70. package/dist/figma/shadows/light-tritanopia.json +254 -254
  71. package/dist/figma/shadows/light.json +254 -254
  72. package/dist/figma/themes/dark-colorblind.json +5197 -5068
  73. package/dist/figma/themes/dark-dimmed.json +5526 -5351
  74. package/dist/figma/themes/dark-high-contrast.json +4361 -4251
  75. package/dist/figma/themes/dark-tritanopia.json +5315 -5187
  76. package/dist/figma/themes/dark.json +5740 -5581
  77. package/dist/figma/themes/light-colorblind.json +5104 -4929
  78. package/dist/figma/themes/light-high-contrast.json +4462 -4319
  79. package/dist/figma/themes/light-tritanopia.json +5176 -5050
  80. package/dist/figma/themes/light.json +5657 -5500
  81. package/dist/figma/typography/typography.json +162 -162
  82. package/dist/internalCss/dark-colorblind.css +58 -38
  83. package/dist/internalCss/dark-dimmed.css +44 -24
  84. package/dist/internalCss/dark-high-contrast.css +42 -22
  85. package/dist/internalCss/dark-tritanopia.css +44 -24
  86. package/dist/internalCss/dark.css +42 -22
  87. package/dist/internalCss/light-colorblind.css +60 -40
  88. package/dist/internalCss/light-high-contrast.css +44 -24
  89. package/dist/internalCss/light-tritanopia.css +42 -22
  90. package/dist/internalCss/light.css +42 -22
  91. package/dist/styleLint/base/motion/motion.json +205 -0
  92. package/dist/styleLint/functional/motion/motion.json +18 -3
  93. package/dist/styleLint/functional/themes/dark-colorblind.json +564 -282
  94. package/dist/styleLint/functional/themes/dark-dimmed.json +580 -276
  95. package/dist/styleLint/functional/themes/dark-high-contrast.json +407 -167
  96. package/dist/styleLint/functional/themes/dark-tritanopia.json +558 -280
  97. package/dist/styleLint/functional/themes/dark.json +564 -276
  98. package/dist/styleLint/functional/themes/light-colorblind.json +388 -108
  99. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -83
  100. package/dist/styleLint/functional/themes/light-tritanopia.json +327 -81
  101. package/dist/styleLint/functional/themes/light.json +356 -78
  102. package/package.json +21 -29
  103. package/src/tokens/base/motion/easing.json5 +26 -0
  104. package/src/tokens/base/motion/timing.json5 +50 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  107. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +56 -30
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +37 -14
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
  114. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  115. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +61 -33
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
  119. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  120. package/src/tokens/functional/motion/loading.json5 +1 -1
  121. package/src/tokens/functional/motion/patterns.json5 +9 -2
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 CHANGED
@@ -116,14 +116,6 @@
116
116
  },
117
117
  },
118
118
  },
119
- diffBlob: {
120
- expander: {
121
- iconColor: {
122
- $value: '{fgColor.default}',
123
- $type: 'color',
124
- },
125
- },
126
- },
127
119
  overlay: {
128
120
  backdrop: {
129
121
  bgColor: {
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -441,7 +441,7 @@
441
441
  $extensions: {
442
442
  'org.primer.figma': {
443
443
  collection: 'mode',
444
- mode: 'light',
444
+ mode: 'dark',
445
445
  group: 'component (internal)',
446
446
  scopes: ['fgColor'],
447
447
  },
@@ -509,51 +509,64 @@
509
509
  },
510
510
  },
511
511
  diffBlob: {
512
- addition: {
512
+ additionLine: {
513
513
  fgColor: {
514
- text: {
515
- $value: '{fgColor.onEmphasis}',
516
- $type: 'color',
517
- },
514
+ $value: '{fgColor.onEmphasis}',
515
+ $type: 'color',
518
516
  },
519
517
  bgColor: {
520
- word: {
521
- $value: '{bgColor.success.emphasis}',
522
- $type: 'color',
523
- alpha: 1,
524
- },
518
+ $value: '{bgColor.success.muted}',
519
+ $type: 'color',
520
+ alpha: 0.2,
521
+ },
522
+ },
523
+ additionWord: {
524
+ bgColor: {
525
+ $value: '{bgColor.success.emphasis}',
526
+ $type: 'color',
527
+ alpha: 1,
525
528
  },
526
529
  },
527
- deletion: {
530
+ deletionLine: {
528
531
  fgColor: {
529
- text: {
530
- $value: '{fgColor.onEmphasis}',
531
- $type: 'color',
532
- },
532
+ $value: '{fgColor.onEmphasis}',
533
+ $type: 'color',
533
534
  },
534
535
  bgColor: {
535
- word: {
536
- $value: '{bgColor.danger.emphasis}',
537
- $type: 'color',
538
- alpha: 1,
539
- },
536
+ $value: '{bgColor.danger.muted}',
537
+ $type: 'color',
538
+ alpha: 0.2,
540
539
  },
541
540
  },
542
- expander: {
543
- iconColor: {
544
- $value: '{fgColor.default}',
541
+ deletionWord: {
542
+ bgColor: {
543
+ $value: '{bgColor.danger.emphasis}',
545
544
  $type: 'color',
545
+ alpha: 1,
546
546
  },
547
547
  },
548
- hunk: {
548
+ hunkNum: {
549
549
  bgColor: {
550
- num: {
550
+ rest: {
551
551
  $value: '{base.color.blue.4}',
552
552
  $type: 'color',
553
553
  alpha: 0.4,
554
554
  },
555
555
  },
556
556
  },
557
+ hunkLine: {
558
+ bgColor: {
559
+ $value: '{bgColor.accent.muted}',
560
+ $type: 'color',
561
+ alpha: 0.2,
562
+ },
563
+ },
564
+ expander: {
565
+ iconColor: {
566
+ $value: '{fgColor.default}',
567
+ $type: 'color',
568
+ },
569
+ },
557
570
  },
558
571
  codeMirror: {
559
572
  selection: {
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -10,7 +10,7 @@
10
10
  $type: 'color',
11
11
  },
12
12
  danger: {
13
- $value: '{base.color.orange.4}',
13
+ $value: '{base.color.orange.3}',
14
14
  $type: 'color',
15
15
  },
16
16
  open: {
@@ -49,7 +49,7 @@
49
49
  muted: {
50
50
  $value: '{base.color.orange.4}',
51
51
  $type: 'color',
52
- alpha: 0.4,
52
+ alpha: 0.2,
53
53
  },
54
54
  emphasis: {
55
55
  $value: '{base.color.orange.5}',
@@ -192,43 +192,69 @@
192
192
  },
193
193
  },
194
194
  diffBlob: {
195
- addition: {
195
+ additionNum: {
196
196
  bgColor: {
197
- num: {
198
- $value: '{base.color.blue.3}',
199
- $type: 'color',
200
- alpha: 0.3,
201
- },
202
- line: {
203
- $value: '{base.color.blue.4}',
204
- $type: 'color',
205
- alpha: 0.15,
206
- mix: null,
207
- },
208
- word: {
209
- $value: '{base.color.blue.4}',
210
- $type: 'color',
211
- alpha: 0.4,
212
- },
197
+ $value: '{base.color.blue.3}',
198
+ $type: 'color',
199
+ alpha: 0.3,
213
200
  },
214
201
  },
215
- deletion: {
202
+ additionWord: {
216
203
  bgColor: {
217
- num: {
218
- $value: '{base.color.orange.4}',
204
+ $value: '{base.color.blue.4}',
205
+ $type: 'color',
206
+ alpha: 0.4,
207
+ },
208
+ },
209
+ deletionNum: {
210
+ bgColor: {
211
+ $value: '{base.color.orange.4}',
212
+ $type: 'color',
213
+ alpha: 0.3,
214
+ },
215
+ },
216
+ deletionLine: {
217
+ bgColor: {
218
+ $value: '{base.color.orange.4}',
219
+ $type: 'color',
220
+ alpha: 0.15,
221
+ mix: null,
222
+ },
223
+ },
224
+ deletionWord: {
225
+ bgColor: {
226
+ $value: '{base.color.orange.4}',
227
+ $type: 'color',
228
+ alpha: 0.4,
229
+ },
230
+ },
231
+ hunkNum: {
232
+ bgColor: {
233
+ rest: {
234
+ $value: '{base.color.neutral.6}',
219
235
  $type: 'color',
220
- alpha: 0.3,
236
+ mix: null,
237
+ $extensions: {
238
+ alpha: 1,
239
+ },
221
240
  },
222
- line: {
223
- $value: '{base.color.orange.4}',
241
+ hover: {
242
+ $value: '{base.color.neutral.8}',
224
243
  $type: 'color',
225
- alpha: 0.15,
226
244
  mix: null,
245
+ $extensions: {
246
+ alpha: 1,
247
+ },
227
248
  },
228
- word: {
229
- $value: '{base.color.orange.4}',
230
- $type: 'color',
231
- alpha: 0.4,
249
+ },
250
+ },
251
+ hunkLine: {
252
+ bgColor: {
253
+ $value: '{base.color.neutral.3}',
254
+ $type: 'color',
255
+ mix: null,
256
+ $extensions: {
257
+ alpha: 1,
232
258
  },
233
259
  },
234
260
  },
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -49,7 +49,7 @@
49
49
  muted: {
50
50
  $value: '{base.color.red.4}',
51
51
  $type: 'color',
52
- alpha: 0.15,
52
+ alpha: 0.1,
53
53
  },
54
54
  emphasis: {
55
55
  $value: '{base.color.red.5}',
@@ -123,31 +123,54 @@
123
123
  },
124
124
  },
125
125
  diffBlob: {
126
- addition: {
126
+ additionNum: {
127
127
  bgColor: {
128
- num: {
129
- $value: '{base.color.blue.3}',
130
- $type: 'color',
131
- $extensions: {
132
- alpha: 0.3,
133
- },
128
+ $value: '{base.color.blue.3}',
129
+ $type: 'color',
130
+ $extensions: {
131
+ alpha: 0.3,
134
132
  },
135
- line: {
136
- $value: '{base.color.blue.4}',
133
+ },
134
+ },
135
+ additionWord: {
136
+ bgColor: {
137
+ $value: '{base.color.blue.4}',
138
+ $type: 'color',
139
+ $extensions: {
140
+ alpha: 0.4,
141
+ },
142
+ },
143
+ },
144
+ hunkNum: {
145
+ bgColor: {
146
+ rest: {
147
+ $value: '{base.color.neutral.6}',
137
148
  $type: 'color',
149
+ mix: null,
138
150
  $extensions: {
139
- alpha: 0.15,
151
+ alpha: 1,
140
152
  },
141
153
  },
142
- word: {
143
- $value: '{base.color.blue.4}',
154
+ hover: {
155
+ $value: '{base.color.neutral.8}',
144
156
  $type: 'color',
157
+ mix: null,
145
158
  $extensions: {
146
- alpha: 0.4,
159
+ alpha: 1,
147
160
  },
148
161
  },
149
162
  },
150
163
  },
164
+ hunkLine: {
165
+ bgColor: {
166
+ $value: '{base.color.neutral.3}',
167
+ $type: 'color',
168
+ mix: null,
169
+ $extensions: {
170
+ alpha: 1,
171
+ },
172
+ },
173
+ },
151
174
  },
152
175
  codeMirror: {
153
176
  syntax: {
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -773,7 +773,7 @@
773
773
  scopes: ['bgColor'],
774
774
  },
775
775
  },
776
- }
776
+ },
777
777
  },
778
778
  },
779
779
  button: {
@@ -1087,6 +1087,18 @@
1087
1087
  },
1088
1088
  },
1089
1089
  },
1090
+ active: {
1091
+ $value: '{control.fgColor.rest}',
1092
+ $type: 'color',
1093
+ $extensions: {
1094
+ 'org.primer.figma': {
1095
+ collection: 'mode',
1096
+ mode: 'dark',
1097
+ group: 'component (internal)',
1098
+ scopes: ['fgColor'],
1099
+ },
1100
+ },
1101
+ },
1090
1102
  disabled: {
1091
1103
  $value: '{control.fgColor.disabled}',
1092
1104
  $type: 'color',
@@ -1131,7 +1143,7 @@
1131
1143
  $extensions: {
1132
1144
  'org.primer.figma': {
1133
1145
  collection: 'mode',
1134
- mode: 'light',
1146
+ mode: 'dark',
1135
1147
  group: 'component (internal)',
1136
1148
  scopes: ['fgColor'],
1137
1149
  },
@@ -1538,7 +1550,7 @@
1538
1550
  $extensions: {
1539
1551
  'org.primer.figma': {
1540
1552
  collection: 'mode',
1541
- mode: 'light',
1553
+ mode: 'dark',
1542
1554
  group: 'component (internal)',
1543
1555
  scopes: ['fgColor'],
1544
1556
  },
@@ -1550,7 +1562,7 @@
1550
1562
  $extensions: {
1551
1563
  'org.primer.figma': {
1552
1564
  collection: 'mode',
1553
- mode: 'light',
1565
+ mode: 'dark',
1554
1566
  group: 'component (internal)',
1555
1567
  scopes: ['bgColor'],
1556
1568
  },
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -63,7 +63,7 @@
63
63
  $extensions: {
64
64
  'org.primer.figma': {
65
65
  collection: 'mode',
66
- mode: 'light',
66
+ mode: 'dark',
67
67
  group: 'semantic',
68
68
  scopes: ['fgColor'],
69
69
  },