@primer/primitives 11.3.2-rc.49de51de → 11.4.0-rc.7bb41c84
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.
- package/dist/build/schemas/dimensionToken.js +1 -1
- package/dist/build/schemas/dimensionValue.js +1 -1
- package/dist/css/base/typography/typography.css +11 -0
- package/dist/css/functional/typography/typography.css +20 -20
- package/dist/docs/base/typography/typography.json +319 -0
- package/dist/docs/functional/typography/typography.json +35 -35
- package/dist/fallbacks/base/typography/typography.json +12 -1
- package/dist/fallbacks/functional/typography/typography.json +15 -15
- package/dist/figma/typography/typography.json +140 -19
- package/dist/styleLint/base/typography/typography.json +319 -0
- package/dist/styleLint/functional/typography/typography.json +47 -47
- package/package.json +1 -1
- package/src/tokens/base/typography/typography.json5 +125 -0
- package/src/tokens/functional/typography/typography.json5 +20 -20
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
122
122
|
"isSource": true,
|
|
123
123
|
"original": {
|
|
124
|
-
"$value":
|
|
124
|
+
"$value": "{base.text.lineHeight.normal}",
|
|
125
125
|
"$type": "number",
|
|
126
126
|
"$extensions": {
|
|
127
127
|
"org.primer.data": {
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
155
155
|
"isSource": true,
|
|
156
156
|
"original": {
|
|
157
|
-
"$value":
|
|
157
|
+
"$value": "{base.text.lineHeight.normal}",
|
|
158
158
|
"$type": "number",
|
|
159
159
|
"$extensions": {
|
|
160
160
|
"org.primer.data": {
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"name": "text-body-lineHeight-medium",
|
|
171
171
|
"attributes": {},
|
|
172
172
|
"path": ["text", "body", "lineHeight", "medium"],
|
|
173
|
-
"value": 1.
|
|
173
|
+
"value": 1.5,
|
|
174
174
|
"type": "number"
|
|
175
175
|
},
|
|
176
176
|
"text-body-lineHeight-small": {
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
188
188
|
"isSource": true,
|
|
189
189
|
"original": {
|
|
190
|
-
"$value":
|
|
190
|
+
"$value": "{base.text.lineHeight.relaxed}",
|
|
191
191
|
"$type": "number",
|
|
192
192
|
"$extensions": {
|
|
193
193
|
"org.primer.data": {
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
"name": "text-body-lineHeight-small",
|
|
204
204
|
"attributes": {},
|
|
205
205
|
"path": ["text", "body", "lineHeight", "small"],
|
|
206
|
-
"value": 1.
|
|
206
|
+
"value": 1.625,
|
|
207
207
|
"type": "number"
|
|
208
208
|
},
|
|
209
209
|
"text-body-shorthand-large": {
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
"name": "text-body-shorthand-medium",
|
|
247
247
|
"attributes": {},
|
|
248
248
|
"path": ["text", "body", "shorthand", "medium"],
|
|
249
|
-
"value": "400 0.875rem/1.
|
|
249
|
+
"value": "400 0.875rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
250
250
|
"type": "typography",
|
|
251
251
|
"description": "Default UI font. Most commonly used for body text."
|
|
252
252
|
},
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
"name": "text-body-shorthand-small",
|
|
269
269
|
"attributes": {},
|
|
270
270
|
"path": ["text", "body", "shorthand", "small"],
|
|
271
|
-
"value": "400 0.75rem/1.
|
|
271
|
+
"value": "400 0.75rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
272
272
|
"type": "typography",
|
|
273
273
|
"description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
|
|
274
274
|
},
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
284
284
|
"isSource": true,
|
|
285
285
|
"original": {
|
|
286
|
-
"$value": "
|
|
286
|
+
"$value": "{base.text.size.md}",
|
|
287
287
|
"$type": "dimension",
|
|
288
288
|
"$extensions": {
|
|
289
289
|
"org.primer.figma": {
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
311
311
|
"isSource": true,
|
|
312
312
|
"original": {
|
|
313
|
-
"$value": "
|
|
313
|
+
"$value": "{base.text.size.sm}",
|
|
314
314
|
"$type": "dimension",
|
|
315
315
|
"$extensions": {
|
|
316
316
|
"org.primer.figma": {
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
338
338
|
"isSource": true,
|
|
339
339
|
"original": {
|
|
340
|
-
"$value": "
|
|
340
|
+
"$value": "{base.text.size.xs}",
|
|
341
341
|
"$type": "dimension",
|
|
342
342
|
"$extensions": {
|
|
343
343
|
"org.primer.figma": {
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
395
395
|
"isSource": true,
|
|
396
396
|
"original": {
|
|
397
|
-
"$value":
|
|
397
|
+
"$value": "{base.text.lineHeight.tight}",
|
|
398
398
|
"$type": "number",
|
|
399
399
|
"$extensions": {
|
|
400
400
|
"org.primer.data": {
|
|
@@ -410,7 +410,7 @@
|
|
|
410
410
|
"name": "text-caption-lineHeight",
|
|
411
411
|
"attributes": {},
|
|
412
412
|
"path": ["text", "caption", "lineHeight"],
|
|
413
|
-
"value": 1.
|
|
413
|
+
"value": 1.25,
|
|
414
414
|
"type": "number"
|
|
415
415
|
},
|
|
416
416
|
"text-caption-shorthand": {
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
"name": "text-caption-shorthand",
|
|
432
432
|
"attributes": {},
|
|
433
433
|
"path": ["text", "caption", "shorthand"],
|
|
434
|
-
"value": "400 0.75rem/1.
|
|
434
|
+
"value": "400 0.75rem/1.25 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
435
435
|
"type": "typography",
|
|
436
436
|
"description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
|
|
437
437
|
},
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
447
447
|
"isSource": true,
|
|
448
448
|
"original": {
|
|
449
|
-
"$value": "
|
|
449
|
+
"$value": "{base.text.size.xs}",
|
|
450
450
|
"$type": "dimension",
|
|
451
451
|
"$extensions": {
|
|
452
452
|
"org.primer.figma": {
|
|
@@ -503,7 +503,7 @@
|
|
|
503
503
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
504
504
|
"isSource": true,
|
|
505
505
|
"original": {
|
|
506
|
-
"$value":
|
|
506
|
+
"$value": "{base.text.lineHeight.normal}",
|
|
507
507
|
"$type": "number",
|
|
508
508
|
"$extensions": {
|
|
509
509
|
"org.primer.data": {
|
|
@@ -519,7 +519,7 @@
|
|
|
519
519
|
"name": "text-codeBlock-lineHeight",
|
|
520
520
|
"attributes": {},
|
|
521
521
|
"path": ["text", "codeBlock", "lineHeight"],
|
|
522
|
-
"value": 1.
|
|
522
|
+
"value": 1.5,
|
|
523
523
|
"type": "number"
|
|
524
524
|
},
|
|
525
525
|
"text-codeBlock-shorthand": {
|
|
@@ -540,7 +540,7 @@
|
|
|
540
540
|
"name": "text-codeBlock-shorthand",
|
|
541
541
|
"attributes": {},
|
|
542
542
|
"path": ["text", "codeBlock", "shorthand"],
|
|
543
|
-
"value": "400 0.8125rem/1.
|
|
543
|
+
"value": "400 0.8125rem/1.5 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
544
544
|
"type": "typography",
|
|
545
545
|
"description": "Default style for rendering code blocks."
|
|
546
546
|
},
|
|
@@ -688,7 +688,7 @@
|
|
|
688
688
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
689
689
|
"isSource": true,
|
|
690
690
|
"original": {
|
|
691
|
-
"$value":
|
|
691
|
+
"$value": "{base.text.lineHeight.snug}",
|
|
692
692
|
"$type": "number",
|
|
693
693
|
"$extensions": {
|
|
694
694
|
"org.primer.data": {
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
"name": "text-display-lineBoxHeight",
|
|
706
706
|
"attributes": {},
|
|
707
707
|
"path": ["text", "display", "lineBoxHeight"],
|
|
708
|
-
"value": 1.
|
|
708
|
+
"value": 1.375,
|
|
709
709
|
"type": "number"
|
|
710
710
|
},
|
|
711
711
|
"text-display-lineHeight": {
|
|
@@ -722,7 +722,7 @@
|
|
|
722
722
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
723
723
|
"isSource": true,
|
|
724
724
|
"original": {
|
|
725
|
-
"$value":
|
|
725
|
+
"$value": "{base.text.lineHeight.snug}",
|
|
726
726
|
"$type": "number",
|
|
727
727
|
"$extensions": {
|
|
728
728
|
"org.primer.data": {
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
"name": "text-display-lineHeight",
|
|
739
739
|
"attributes": {},
|
|
740
740
|
"path": ["text", "display", "lineHeight"],
|
|
741
|
-
"value": 1.
|
|
741
|
+
"value": 1.375,
|
|
742
742
|
"type": "number"
|
|
743
743
|
},
|
|
744
744
|
"text-display-shorthand": {
|
|
@@ -759,7 +759,7 @@
|
|
|
759
759
|
"name": "text-display-shorthand",
|
|
760
760
|
"attributes": {},
|
|
761
761
|
"path": ["text", "display", "shorthand"],
|
|
762
|
-
"value": "500 2.5rem/1.
|
|
762
|
+
"value": "500 2.5rem/1.375 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
763
763
|
"type": "typography",
|
|
764
764
|
"description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
|
|
765
765
|
},
|
|
@@ -774,7 +774,7 @@
|
|
|
774
774
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
775
775
|
"isSource": true,
|
|
776
776
|
"original": {
|
|
777
|
-
"$value": "
|
|
777
|
+
"$value": "{base.text.size.2xl}",
|
|
778
778
|
"$type": "dimension",
|
|
779
779
|
"$extensions": {
|
|
780
780
|
"org.primer.figma": {
|
|
@@ -831,7 +831,7 @@
|
|
|
831
831
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
832
832
|
"isSource": true,
|
|
833
833
|
"original": {
|
|
834
|
-
"$value":
|
|
834
|
+
"$value": "{base.text.lineHeight.relaxed}",
|
|
835
835
|
"$type": "number",
|
|
836
836
|
"$extensions": {
|
|
837
837
|
"org.primer.data": {
|
|
@@ -847,7 +847,7 @@
|
|
|
847
847
|
"name": "text-subtitle-lineHeight",
|
|
848
848
|
"attributes": {},
|
|
849
849
|
"path": ["text", "subtitle", "lineHeight"],
|
|
850
|
-
"value": 1.
|
|
850
|
+
"value": 1.625,
|
|
851
851
|
"type": "number"
|
|
852
852
|
},
|
|
853
853
|
"text-subtitle-shorthand": {
|
|
@@ -868,7 +868,7 @@
|
|
|
868
868
|
"name": "text-subtitle-shorthand",
|
|
869
869
|
"attributes": {},
|
|
870
870
|
"path": ["text", "subtitle", "shorthand"],
|
|
871
|
-
"value": "400 1.25rem/1.
|
|
871
|
+
"value": "400 1.25rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
872
872
|
"type": "typography",
|
|
873
873
|
"description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
|
|
874
874
|
},
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
884
884
|
"isSource": true,
|
|
885
885
|
"original": {
|
|
886
|
-
"$value": "
|
|
886
|
+
"$value": "{base.text.size.lg}",
|
|
887
887
|
"$type": "dimension",
|
|
888
888
|
"$extensions": {
|
|
889
889
|
"org.primer.figma": {
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
941
941
|
"isSource": true,
|
|
942
942
|
"original": {
|
|
943
|
-
"$value":
|
|
943
|
+
"$value": "{base.text.lineHeight.normal}",
|
|
944
944
|
"$type": "number",
|
|
945
945
|
"$extensions": {
|
|
946
946
|
"org.primer.data": {
|
|
@@ -973,7 +973,7 @@
|
|
|
973
973
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
974
974
|
"isSource": true,
|
|
975
975
|
"original": {
|
|
976
|
-
"$value":
|
|
976
|
+
"$value": "{base.text.lineHeight.relaxed}",
|
|
977
977
|
"$type": "number",
|
|
978
978
|
"$extensions": {
|
|
979
979
|
"org.primer.data": {
|
|
@@ -989,7 +989,7 @@
|
|
|
989
989
|
"name": "text-title-lineHeight-medium",
|
|
990
990
|
"attributes": {},
|
|
991
991
|
"path": ["text", "title", "lineHeight", "medium"],
|
|
992
|
-
"value": 1.
|
|
992
|
+
"value": 1.625,
|
|
993
993
|
"type": "number"
|
|
994
994
|
},
|
|
995
995
|
"text-title-lineHeight-small": {
|
|
@@ -1006,7 +1006,7 @@
|
|
|
1006
1006
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1007
1007
|
"isSource": true,
|
|
1008
1008
|
"original": {
|
|
1009
|
-
"$value":
|
|
1009
|
+
"$value": "{base.text.lineHeight.normal}",
|
|
1010
1010
|
"$type": "number",
|
|
1011
1011
|
"$extensions": {
|
|
1012
1012
|
"org.primer.data": {
|
|
@@ -1065,7 +1065,7 @@
|
|
|
1065
1065
|
"name": "text-title-shorthand-medium",
|
|
1066
1066
|
"attributes": {},
|
|
1067
1067
|
"path": ["text", "title", "shorthand", "medium"],
|
|
1068
|
-
"value": "600 1.25rem/1.
|
|
1068
|
+
"value": "600 1.25rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
1069
1069
|
"type": "typography",
|
|
1070
1070
|
"description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
|
|
1071
1071
|
},
|
|
@@ -1102,7 +1102,7 @@
|
|
|
1102
1102
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1103
1103
|
"isSource": true,
|
|
1104
1104
|
"original": {
|
|
1105
|
-
"$value": "
|
|
1105
|
+
"$value": "{base.text.size.xl}",
|
|
1106
1106
|
"$type": "dimension",
|
|
1107
1107
|
"$extensions": {
|
|
1108
1108
|
"org.primer.figma": {
|
|
@@ -1129,7 +1129,7 @@
|
|
|
1129
1129
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1130
1130
|
"isSource": true,
|
|
1131
1131
|
"original": {
|
|
1132
|
-
"$value": "
|
|
1132
|
+
"$value": "{base.text.size.lg}",
|
|
1133
1133
|
"$type": "dimension",
|
|
1134
1134
|
"$extensions": {
|
|
1135
1135
|
"org.primer.figma": {
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"filePath": "src/tokens/functional/typography/typography.json5",
|
|
1157
1157
|
"isSource": true,
|
|
1158
1158
|
"original": {
|
|
1159
|
-
"$value": "
|
|
1159
|
+
"$value": "{base.text.size.md}",
|
|
1160
1160
|
"$type": "dimension",
|
|
1161
1161
|
"$extensions": {
|
|
1162
1162
|
"org.primer.figma": {
|
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
{
|
|
2
|
+
"--base-text-size-xs": "0.75rem",
|
|
3
|
+
"--base-text-size-sm": "0.875rem",
|
|
4
|
+
"--base-text-size-md": "1rem",
|
|
5
|
+
"--base-text-size-lg": "1.25rem",
|
|
6
|
+
"--base-text-size-xl": "2rem",
|
|
7
|
+
"--base-text-size-2xl": "2.5rem",
|
|
2
8
|
"--base-text-weight-light": 300,
|
|
3
9
|
"--base-text-weight-normal": 400,
|
|
4
10
|
"--base-text-weight-medium": 500,
|
|
5
|
-
"--base-text-weight-semibold": 600
|
|
11
|
+
"--base-text-weight-semibold": 600,
|
|
12
|
+
"--base-text-lineHeight-tight": 1.25,
|
|
13
|
+
"--base-text-lineHeight-snug": 1.375,
|
|
14
|
+
"--base-text-lineHeight-normal": 1.5,
|
|
15
|
+
"--base-text-lineHeight-relaxed": 1.625,
|
|
16
|
+
"--base-text-lineHeight-loose": 1.75
|
|
6
17
|
}
|
|
@@ -3,45 +3,45 @@
|
|
|
3
3
|
"--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
4
4
|
"--fontStack-sansSerifDisplay": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
5
5
|
"--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
6
|
-
"--text-display-lineBoxHeight": 1.
|
|
6
|
+
"--text-display-lineBoxHeight": 1.375,
|
|
7
7
|
"--text-display-size": "2.5rem",
|
|
8
|
-
"--text-display-lineHeight": 1.
|
|
8
|
+
"--text-display-lineHeight": 1.375,
|
|
9
9
|
"--text-display-weight": 500,
|
|
10
|
-
"--text-display-shorthand": "500 2.5rem/1.
|
|
10
|
+
"--text-display-shorthand": "500 2.5rem/1.375 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
11
11
|
"--text-title-size-large": "2rem",
|
|
12
12
|
"--text-title-size-medium": "1.25rem",
|
|
13
13
|
"--text-title-size-small": "1rem",
|
|
14
14
|
"--text-title-lineHeight-large": 1.5,
|
|
15
|
-
"--text-title-lineHeight-medium": 1.
|
|
15
|
+
"--text-title-lineHeight-medium": 1.625,
|
|
16
16
|
"--text-title-lineHeight-small": 1.5,
|
|
17
17
|
"--text-title-weight-large": 600,
|
|
18
18
|
"--text-title-weight-medium": 600,
|
|
19
19
|
"--text-title-weight-small": 600,
|
|
20
20
|
"--text-title-shorthand-large": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
21
|
-
"--text-title-shorthand-medium": "600 1.25rem/1.
|
|
21
|
+
"--text-title-shorthand-medium": "600 1.25rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
22
22
|
"--text-title-shorthand-small": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
23
23
|
"--text-subtitle-size": "1.25rem",
|
|
24
|
-
"--text-subtitle-lineHeight": 1.
|
|
24
|
+
"--text-subtitle-lineHeight": 1.625,
|
|
25
25
|
"--text-subtitle-weight": 400,
|
|
26
|
-
"--text-subtitle-shorthand": "400 1.25rem/1.
|
|
26
|
+
"--text-subtitle-shorthand": "400 1.25rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
27
27
|
"--text-body-size-large": "1rem",
|
|
28
28
|
"--text-body-size-medium": "0.875rem",
|
|
29
29
|
"--text-body-size-small": "0.75rem",
|
|
30
30
|
"--text-body-lineHeight-large": 1.5,
|
|
31
|
-
"--text-body-lineHeight-medium": 1.
|
|
32
|
-
"--text-body-lineHeight-small": 1.
|
|
31
|
+
"--text-body-lineHeight-medium": 1.5,
|
|
32
|
+
"--text-body-lineHeight-small": 1.625,
|
|
33
33
|
"--text-body-weight": 400,
|
|
34
34
|
"--text-body-shorthand-large": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
35
|
-
"--text-body-shorthand-medium": "400 0.875rem/1.
|
|
36
|
-
"--text-body-shorthand-small": "400 0.75rem/1.
|
|
35
|
+
"--text-body-shorthand-medium": "400 0.875rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
36
|
+
"--text-body-shorthand-small": "400 0.75rem/1.625 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
37
37
|
"--text-caption-size": "0.75rem",
|
|
38
|
-
"--text-caption-lineHeight": 1.
|
|
38
|
+
"--text-caption-lineHeight": 1.25,
|
|
39
39
|
"--text-caption-weight": 400,
|
|
40
|
-
"--text-caption-shorthand": "400 0.75rem/1.
|
|
40
|
+
"--text-caption-shorthand": "400 0.75rem/1.25 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
41
41
|
"--text-codeBlock-size": "0.8125rem",
|
|
42
|
-
"--text-codeBlock-lineHeight": 1.
|
|
42
|
+
"--text-codeBlock-lineHeight": 1.5,
|
|
43
43
|
"--text-codeBlock-weight": 400,
|
|
44
|
-
"--text-codeBlock-shorthand": "400 0.8125rem/1.
|
|
44
|
+
"--text-codeBlock-shorthand": "400 0.8125rem/1.5 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
45
45
|
"--text-codeInline-size": "0.9285em",
|
|
46
46
|
"--text-codeInline-weight": 400,
|
|
47
47
|
"--text-codeInline-shorthand": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
|