@primer/primitives 7.8.2 → 7.8.4-rc.a135dbf

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 (50) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build.js +22 -6
  3. package/package.json +1 -1
  4. package/tokens/functional/size/border.json +5 -5
  5. package/tokens/functional/typography/typography.json +9 -10
  6. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  7. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  8. package/tokens-v2-private/css/tokens/functional/size/border.css +4 -4
  9. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  10. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  11. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  12. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  13. package/tokens-v2-private/css/tokens/functional/typography/typography.css +11 -11
  14. package/tokens-v2-private/docs/docValues.json +38 -39
  15. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  16. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  17. package/tokens-v2-private/js/module/tokens/functional/size/border.js +15 -15
  18. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  19. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  20. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  21. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  22. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  23. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +28 -30
  24. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  25. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  26. package/tokens-v2-private/js/tokens/functional/size/border.js +5 -5
  27. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  28. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  29. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  30. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  31. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  32. package/tokens-v2-private/js/tokens/functional/typography/typography.js +20 -20
  33. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  34. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  35. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  36. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  37. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +5 -5
  38. package/tokens-v2-private/ts/tokens/functional/size/border.js +5 -5
  39. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  40. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  41. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  42. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  43. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  44. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  45. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  46. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  47. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  48. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  49. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -2
  50. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +19 -20
package/tokens-v2-private/js/module/tokens/functional/size/border.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -21,34 +21,34 @@ module.exports = {
21
21
  "thin"
22
22
  ]
23
23
  },
24
- "normal": {
24
+ "thick": {
25
25
  "value": "inset 0 0 0 max(2px, 0.125rem)",
26
26
  "filePath": "tokens/functional/size/border.json",
27
27
  "isSource": true,
28
28
  "original": {
29
- "value": "inset 0 0 0 {primer.borderWidth.normal}"
29
+ "value": "inset 0 0 0 {primer.borderWidth.thick}"
30
30
  },
31
- "name": "normal",
31
+ "name": "thick",
32
32
  "attributes": {},
33
33
  "path": [
34
34
  "primer",
35
35
  "borderInset",
36
- "normal"
36
+ "thick"
37
37
  ]
38
38
  },
39
- "thick": {
39
+ "thicker": {
40
40
  "value": "inset 0 0 0 max(4px, 0.25rem)",
41
41
  "filePath": "tokens/functional/size/border.json",
42
42
  "isSource": true,
43
43
  "original": {
44
- "value": "inset 0 0 0 {primer.borderWidth.thick}"
44
+ "value": "inset 0 0 0 {primer.borderWidth.thicker}"
45
45
  },
46
- "name": "thick",
46
+ "name": "thicker",
47
47
  "attributes": {},
48
48
  "path": [
49
49
  "primer",
50
50
  "borderInset",
51
- "thick"
51
+ "thicker"
52
52
  ]
53
53
  }
54
54
  },
@@ -68,34 +68,34 @@ module.exports = {
68
68
  "thin"
69
69
  ]
70
70
  },
71
- "normal": {
71
+ "thick": {
72
72
  "value": "max(2px, 0.125rem)",
73
73
  "filePath": "tokens/functional/size/border.json",
74
74
  "isSource": true,
75
75
  "original": {
76
76
  "value": "max(2px, 0.125rem)"
77
77
  },
78
- "name": "normal",
78
+ "name": "thick",
79
79
  "attributes": {},
80
80
  "path": [
81
81
  "primer",
82
82
  "borderWidth",
83
- "normal"
83
+ "thick"
84
84
  ]
85
85
  },
86
- "thick": {
86
+ "thicker": {
87
87
  "value": "max(4px, 0.25rem)",
88
88
  "filePath": "tokens/functional/size/border.json",
89
89
  "isSource": true,
90
90
  "original": {
91
91
  "value": "max(4px, 0.25rem)"
92
92
  },
93
- "name": "thick",
93
+ "name": "thicker",
94
94
  "attributes": {},
95
95
  "path": [
96
96
  "primer",
97
97
  "borderWidth",
98
- "thick"
98
+ "thicker"
99
99
  ]
100
100
  }
101
101
  },
package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/js/module/tokens/functional/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/js/module/tokens/functional/size/viewport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/js/module/tokens/functional/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -87,11 +87,11 @@ module.exports = {
87
87
  ]
88
88
  },
89
89
  "lineHeight": {
90
- "value": "3.5rem",
90
+ "value": "calc(56/40)",
91
91
  "filePath": "tokens/functional/typography/typography.json",
92
92
  "isSource": true,
93
93
  "original": {
94
- "value": "56px"
94
+ "value": "calc(56/40)"
95
95
  },
96
96
  "name": "lineHeight",
97
97
  "attributes": {},
@@ -122,7 +122,7 @@ module.exports = {
122
122
  "value": {
123
123
  "fontWeight": "500",
124
124
  "fontSize": "2.5rem",
125
- "lineHeight": "3.5rem",
125
+ "lineHeight": "calc(56/40)",
126
126
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
127
127
  },
128
128
  "type": "typography",
@@ -186,11 +186,11 @@ module.exports = {
186
186
  },
187
187
  "lineHeight": {
188
188
  "large": {
189
- "value": "3rem",
189
+ "value": "calc(48/32)",
190
190
  "filePath": "tokens/functional/typography/typography.json",
191
191
  "isSource": true,
192
192
  "original": {
193
- "value": "48px"
193
+ "value": "calc(48/32)"
194
194
  },
195
195
  "name": "large",
196
196
  "attributes": {},
@@ -203,11 +203,11 @@ module.exports = {
203
203
  ]
204
204
  },
205
205
  "medium": {
206
- "value": "2rem",
206
+ "value": "calc(32/20)",
207
207
  "filePath": "tokens/functional/typography/typography.json",
208
208
  "isSource": true,
209
209
  "original": {
210
- "value": "32px"
210
+ "value": "calc(32/20)"
211
211
  },
212
212
  "name": "medium",
213
213
  "attributes": {},
@@ -241,7 +241,7 @@ module.exports = {
241
241
  "value": {
242
242
  "fontWeight": "600",
243
243
  "fontSize": "2rem",
244
- "lineHeight": "3rem",
244
+ "lineHeight": "calc(48/32)",
245
245
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
246
246
  },
247
247
  "type": "typography",
@@ -270,7 +270,7 @@ module.exports = {
270
270
  "value": {
271
271
  "fontWeight": "600",
272
272
  "fontSize": "1.25rem",
273
- "lineHeight": "2rem",
273
+ "lineHeight": "calc(32/20)",
274
274
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
275
275
  },
276
276
  "type": "typography",
@@ -315,11 +315,11 @@ module.exports = {
315
315
  ]
316
316
  },
317
317
  "lineHeight": {
318
- "value": "2rem",
318
+ "value": "calc(32/20)",
319
319
  "filePath": "tokens/functional/typography/typography.json",
320
320
  "isSource": true,
321
321
  "original": {
322
- "value": "32px"
322
+ "value": "calc(32/20)"
323
323
  },
324
324
  "name": "lineHeight",
325
325
  "attributes": {},
@@ -350,7 +350,7 @@ module.exports = {
350
350
  "value": {
351
351
  "fontWeight": "400",
352
352
  "fontSize": "1.25rem",
353
- "lineHeight": "2rem",
353
+ "lineHeight": "calc(32/20)",
354
354
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
355
355
  },
356
356
  "type": "typography",
@@ -431,11 +431,11 @@ module.exports = {
431
431
  },
432
432
  "lineHeight": {
433
433
  "large": {
434
- "value": "1.5rem",
434
+ "value": "calc(24/16)",
435
435
  "filePath": "tokens/functional/typography/typography.json",
436
436
  "isSource": true,
437
437
  "original": {
438
- "value": "24px"
438
+ "value": "calc(24/16)"
439
439
  },
440
440
  "name": "large",
441
441
  "attributes": {},
@@ -448,11 +448,11 @@ module.exports = {
448
448
  ]
449
449
  },
450
450
  "medium": {
451
- "value": "1.25rem",
451
+ "value": "calc(20/14)",
452
452
  "filePath": "tokens/functional/typography/typography.json",
453
453
  "isSource": true,
454
454
  "original": {
455
- "value": "20px"
455
+ "value": "calc(20/14)"
456
456
  },
457
457
  "name": "medium",
458
458
  "attributes": {},
@@ -465,11 +465,11 @@ module.exports = {
465
465
  ]
466
466
  },
467
467
  "small": {
468
- "value": "1.25rem",
468
+ "value": "calc(20/12)",
469
469
  "filePath": "tokens/functional/typography/typography.json",
470
470
  "isSource": true,
471
471
  "original": {
472
- "value": "20px"
472
+ "value": "calc(20/12)"
473
473
  },
474
474
  "name": "small",
475
475
  "attributes": {},
@@ -503,7 +503,7 @@ module.exports = {
503
503
  "value": {
504
504
  "fontWeight": "400",
505
505
  "fontSize": "1rem",
506
- "lineHeight": "1.5rem",
506
+ "lineHeight": "calc(24/16)",
507
507
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
508
508
  },
509
509
  "type": "typography",
@@ -532,7 +532,7 @@ module.exports = {
532
532
  "value": {
533
533
  "fontWeight": "400",
534
534
  "fontSize": "0.875rem",
535
- "lineHeight": "1.25rem",
535
+ "lineHeight": "calc(20/14)",
536
536
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
537
537
  },
538
538
  "type": "typography",
@@ -561,7 +561,7 @@ module.exports = {
561
561
  "value": {
562
562
  "fontWeight": "400",
563
563
  "fontSize": "0.75rem",
564
- "lineHeight": "1.25rem",
564
+ "lineHeight": "calc(20/12)",
565
565
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
566
566
  },
567
567
  "type": "typography",
@@ -606,11 +606,11 @@ module.exports = {
606
606
  ]
607
607
  },
608
608
  "lineHeight": {
609
- "value": "1rem",
609
+ "value": "calc(16/12)",
610
610
  "filePath": "tokens/functional/typography/typography.json",
611
611
  "isSource": true,
612
612
  "original": {
613
- "value": "16px"
613
+ "value": "calc(16/12)"
614
614
  },
615
615
  "name": "lineHeight",
616
616
  "attributes": {},
@@ -641,7 +641,7 @@ module.exports = {
641
641
  "value": {
642
642
  "fontWeight": "400",
643
643
  "fontSize": "0.75rem",
644
- "lineHeight": "1rem",
644
+ "lineHeight": "calc(16/12)",
645
645
  "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
646
646
  },
647
647
  "type": "typography",
@@ -684,11 +684,11 @@ module.exports = {
684
684
  ]
685
685
  },
686
686
  "lineHeight": {
687
- "value": "1.25rem",
687
+ "value": "calc(20/13)",
688
688
  "filePath": "tokens/functional/typography/typography.json",
689
689
  "isSource": true,
690
690
  "original": {
691
- "value": "20px"
691
+ "value": "calc(20/13)"
692
692
  },
693
693
  "name": "lineHeight",
694
694
  "attributes": {},
@@ -719,7 +719,7 @@ module.exports = {
719
719
  "value": {
720
720
  "fontWeight": "400",
721
721
  "fontSize": "0.8125rem",
722
- "lineHeight": "1.25rem",
722
+ "lineHeight": "calc(20/13)",
723
723
  "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
724
724
  },
725
725
  "type": "typography",
@@ -781,7 +781,6 @@ module.exports = {
781
781
  "value": {
782
782
  "fontWeight": "400",
783
783
  "fontSize": "0.9285em",
784
- "lineHeight": "inherit",
785
784
  "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
786
785
  },
787
786
  "type": "typography",
@@ -791,7 +790,6 @@ module.exports = {
791
790
  "value": {
792
791
  "fontWeight": "{primer.text.codeInline.weight}",
793
792
  "fontSize": "{primer.text.codeInline.size}",
794
- "lineHeight": "inherit",
795
793
  "fontFamily": "{primer.fontStack.monospace}"
796
794
  },
797
795
  "type": "typography"
package/tokens-v2-private/js/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const BaseSize4 = "0.25rem";
package/tokens-v2-private/js/tokens/base/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const BaseTextWeightLight = "300";
package/tokens-v2-private/js/tokens/functional/size/border.js CHANGED
@@ -1,14 +1,14 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
7
- export const PrimerBorderInsetNormal = "inset 0 0 0 max(2px, 0.125rem)";
8
- export const PrimerBorderInsetThick = "inset 0 0 0 max(4px, 0.25rem)";
7
+ export const PrimerBorderInsetThick = "inset 0 0 0 max(2px, 0.125rem)";
8
+ export const PrimerBorderInsetThicker = "inset 0 0 0 max(4px, 0.25rem)";
9
9
  export const PrimerBorderWidthThin = "max(1px, 0.0625rem)";
10
- export const PrimerBorderWidthNormal = "max(2px, 0.125rem)";
11
- export const PrimerBorderWidthThick = "max(4px, 0.25rem)";
10
+ export const PrimerBorderWidthThick = "max(2px, 0.125rem)";
11
+ export const PrimerBorderWidthThicker = "max(4px, 0.25rem)";
12
12
  export const PrimerBorderRadiusSmall = "0.1875rem";
13
13
  export const PrimerBorderRadiusMedium = "0.375rem";
14
14
  export const PrimerBorderRadiusLarge = "0.75rem";
package/tokens-v2-private/js/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerBreakpointXsmall = "20rem";
package/tokens-v2-private/js/tokens/functional/size/size-coarse.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetAuto = "2.75rem";
package/tokens-v2-private/js/tokens/functional/size/size-fine.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetAuto = "1rem";
package/tokens-v2-private/js/tokens/functional/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetFine = "1rem";
package/tokens-v2-private/js/tokens/functional/size/viewport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
package/tokens-v2-private/js/tokens/functional/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
@@ -8,38 +8,38 @@ export const PrimerFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Seg
8
8
  export const PrimerFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
9
9
  export const PrimerTextDisplayLineBoxHeight = "3.5rem";
10
10
  export const PrimerTextDisplaySize = "2.5rem";
11
- export const PrimerTextDisplayLineHeight = "3.5rem";
11
+ export const PrimerTextDisplayLineHeight = "calc(56/40)";
12
12
  export const PrimerTextDisplayWeight = "500";
13
- export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"3.5rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
13
+ export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"calc(56/40)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
14
14
  export const PrimerTextTitleSizeLarge = "2rem";
15
15
  export const PrimerTextTitleSizeMedium = "1.25rem";
16
- export const PrimerTextTitleLineHeightLarge = "3rem";
17
- export const PrimerTextTitleLineHeightMedium = "2rem";
16
+ export const PrimerTextTitleLineHeightLarge = "calc(48/32)";
17
+ export const PrimerTextTitleLineHeightMedium = "calc(32/20)";
18
18
  export const PrimerTextTitleWeight = "600";
19
- export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"3rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
20
- export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"2rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
19
+ export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"calc(48/32)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
20
+ export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
21
21
  export const PrimerTextSubtitleSize = "1.25rem";
22
- export const PrimerTextSubtitleLineHeight = "2rem";
22
+ export const PrimerTextSubtitleLineHeight = "calc(32/20)";
23
23
  export const PrimerTextSubtitleWeight = "400";
24
- export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"2rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
24
+ export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"calc(32/20)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
25
25
  export const PrimerTextBodySizeLarge = "1rem";
26
26
  export const PrimerTextBodySizeMedium = "0.875rem";
27
27
  export const PrimerTextBodySizeSmall = "0.75rem";
28
- export const PrimerTextBodyLineHeightLarge = "1.5rem";
29
- export const PrimerTextBodyLineHeightMedium = "1.25rem";
30
- export const PrimerTextBodyLineHeightSmall = "1.25rem";
28
+ export const PrimerTextBodyLineHeightLarge = "calc(24/16)";
29
+ export const PrimerTextBodyLineHeightMedium = "calc(20/14)";
30
+ export const PrimerTextBodyLineHeightSmall = "calc(20/12)";
31
31
  export const PrimerTextBodyWeight = "400";
32
- export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"1.5rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
33
- export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"1.25rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
34
- export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"1.25rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
32
+ export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"calc(24/16)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
33
+ export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"calc(20/14)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
34
+ export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(20/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
35
35
  export const PrimerTextCaptionSize = "0.75rem";
36
- export const PrimerTextCaptionLineHeight = "1rem";
36
+ export const PrimerTextCaptionLineHeight = "calc(16/12)";
37
37
  export const PrimerTextCaptionWeight = "400";
38
- export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"1rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
38
+ export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"calc(16/12)","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
39
39
  export const PrimerTextCodeBlockSize = "0.8125rem";
40
- export const PrimerTextCodeBlockLineHeight = "1.25rem";
40
+ export const PrimerTextCodeBlockLineHeight = "calc(20/13)";
41
41
  export const PrimerTextCodeBlockWeight = "400";
42
- export const PrimerTextCodeBlockShorthand = {"fontWeight":"400","fontSize":"0.8125rem","lineHeight":"1.25rem","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
42
+ export const PrimerTextCodeBlockShorthand = {"fontWeight":"400","fontSize":"0.8125rem","lineHeight":"calc(20/13)","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
43
43
  export const PrimerTextCodeInlineSize = "0.9285em";
44
44
  export const PrimerTextCodeInlineWeight = "400";
45
- export const PrimerTextCodeInlineShorthand = {"fontWeight":"400","fontSize":"0.9285em","lineHeight":"inherit","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
45
+ export const PrimerTextCodeInlineShorthand = {"fontWeight":"400","fontSize":"0.9285em","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
package/tokens-v2-private/ts/tokens/base/size/size.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/tokens-v2-private/ts/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/tokens-v2-private/ts/tokens/base/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/ts/tokens/functional/size/border.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
7
7
  "primer": {
8
8
  "borderInset": {
9
9
  "thin": string,
10
- "normal": string,
11
- "thick": string
10
+ "thick": string,
11
+ "thicker": string
12
12
  },
13
13
  "borderWidth": {
14
14
  "thin": string,
15
- "normal": string,
16
- "thick": string
15
+ "thick": string,
16
+ "thicker": string
17
17
  },
18
18
  "borderRadius": {
19
19
  "small": string,
package/tokens-v2-private/ts/tokens/functional/size/border.js CHANGED
@@ -1,19 +1,19 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "primer": {
8
8
  "borderInset": {
9
9
  "thin": "inset 0 0 0 max(1px, 0.0625rem)",
10
- "normal": "inset 0 0 0 max(2px, 0.125rem)",
11
- "thick": "inset 0 0 0 max(4px, 0.25rem)"
10
+ "thick": "inset 0 0 0 max(2px, 0.125rem)",
11
+ "thicker": "inset 0 0 0 max(4px, 0.25rem)"
12
12
  },
13
13
  "borderWidth": {
14
14
  "thin": "max(1px, 0.0625rem)",
15
- "normal": "max(2px, 0.125rem)",
16
- "thick": "max(4px, 0.25rem)"
15
+ "thick": "max(2px, 0.125rem)",
16
+ "thicker": "max(4px, 0.25rem)"
17
17
  },
18
18
  "borderRadius": {
19
19
  "small": "0.1875rem",
package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Apr 2022 17:59:33 GMT
3
+ * Generated on Wed, 29 Jun 2022 23:28:27 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {