@primer/primitives 7.11.14-rc.2cc3695 → 7.11.14-rc.46d141f
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/package.json +13 -13
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
- package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
- package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
- package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "7.11.14-rc.
|
|
3
|
+
"version": "7.11.14-rc.46d141f",
|
|
4
4
|
"description": "Typography, spacing, and color primitives for Primer design system",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
"@changesets/cli": "^2.22.0",
|
|
56
56
|
"@github/prettier-config": "^0.0.6",
|
|
57
57
|
"@types/flat": "^5.0.1",
|
|
58
|
-
"@types/jest": "^29.
|
|
59
|
-
"@types/lodash": "^4.14.
|
|
60
|
-
"@types/node": "^
|
|
61
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
62
|
-
"@typescript-eslint/parser": "^5.
|
|
58
|
+
"@types/jest": "^29.5.2",
|
|
59
|
+
"@types/lodash": "^4.14.195",
|
|
60
|
+
"@types/node": "^20.4.0",
|
|
61
|
+
"@typescript-eslint/eslint-plugin": "^5.61.0",
|
|
62
|
+
"@typescript-eslint/parser": "^5.61.0",
|
|
63
63
|
"camelcase-keys": "^6.2.2",
|
|
64
64
|
"color-blend": "^4.0.0",
|
|
65
65
|
"color2k": "^2.0.0",
|
|
@@ -77,16 +77,16 @@
|
|
|
77
77
|
"eslint-plugin-storybook": "^0.6.11",
|
|
78
78
|
"flat": "^5.0.2",
|
|
79
79
|
"husky": "^8.0.1",
|
|
80
|
-
"jest": "^29.
|
|
80
|
+
"jest": "^29.6.1",
|
|
81
81
|
"json5": "^2.2.1",
|
|
82
82
|
"lodash": "^4.17.20",
|
|
83
|
-
"
|
|
83
|
+
"markdown-table-ts": "^1.0.3",
|
|
84
|
+
"mkdirp": "^3.0.1",
|
|
84
85
|
"prettier": "^2.7.1",
|
|
85
|
-
"style-dictionary": "^3.
|
|
86
|
-
"ts-jest": "^29.
|
|
86
|
+
"style-dictionary": "^3.8.0",
|
|
87
|
+
"ts-jest": "^29.1.1",
|
|
87
88
|
"ts-node": "^10.9.1",
|
|
88
|
-
"tsconfig-paths": "^4.
|
|
89
|
-
"typescript": "^
|
|
90
|
-
"markdown-table-ts": "^1.0.3"
|
|
89
|
+
"tsconfig-paths": "^4.2.0",
|
|
90
|
+
"typescript": "^5.1.6"
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BaseSize4 = "0.25rem";
|
|
@@ -19,4 +19,4 @@ export const BaseSize64 = "4rem";
|
|
|
19
19
|
export const BaseSize80 = "5rem";
|
|
20
20
|
export const BaseSize96 = "6rem";
|
|
21
21
|
export const BaseSize112 = "7rem";
|
|
22
|
-
export const BaseSize128 = "8rem";
|
|
22
|
+
export const BaseSize128 = "8rem";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BaseTextWeightLight = "300";
|
|
7
7
|
export const BaseTextWeightNormal = "400";
|
|
8
8
|
export const BaseTextWeightMedium = "500";
|
|
9
|
-
export const BaseTextWeightSemibold = "600";
|
|
9
|
+
export const BaseTextWeightSemibold = "600";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
|
|
@@ -12,4 +12,4 @@ 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";
|
|
15
|
-
export const PrimerBorderRadiusFull = "100vh";
|
|
15
|
+
export const PrimerBorderRadiusFull = "100vh";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerBreakpointXsmall = "20rem";
|
|
@@ -8,4 +8,4 @@ export const PrimerBreakpointSmall = "34rem";
|
|
|
8
8
|
export const PrimerBreakpointMedium = "48rem";
|
|
9
9
|
export const PrimerBreakpointLarge = "63.25rem";
|
|
10
10
|
export const PrimerBreakpointXlarge = "80rem";
|
|
11
|
-
export const PrimerBreakpointXxlarge = "90rem";
|
|
11
|
+
export const PrimerBreakpointXxlarge = "90rem";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerControlMinTargetAuto = "2.75rem";
|
|
7
7
|
export const PrimerControlStackSmallGapAuto = "1rem";
|
|
8
|
-
export const PrimerControlStackMediumGapAuto = "0.75rem";
|
|
8
|
+
export const PrimerControlStackMediumGapAuto = "0.75rem";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerControlMinTargetAuto = "1rem";
|
|
7
7
|
export const PrimerControlStackSmallGapAuto = "0.5rem";
|
|
8
|
-
export const PrimerControlStackMediumGapAuto = "0.5rem";
|
|
8
|
+
export const PrimerControlStackMediumGapAuto = "0.5rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerControlMinTargetFine = "1rem";
|
|
@@ -49,4 +49,4 @@ export const PrimerControlStackMediumGapCondensed = "0.5rem";
|
|
|
49
49
|
export const PrimerControlStackMediumGapSpacious = "0.75rem";
|
|
50
50
|
export const PrimerControlStackLargeGapAuto = "0.5rem";
|
|
51
51
|
export const PrimerControlStackLargeGapCondensed = "0.5rem";
|
|
52
|
-
export const PrimerControlStackLargeGapSpacious = "0.75rem";
|
|
52
|
+
export const PrimerControlStackLargeGapSpacious = "0.75rem";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
|
|
@@ -8,4 +8,4 @@ export const PrimerViewportRangeNarrowLandscape = "(max-width: calc(63.25rem - 0
|
|
|
8
8
|
export const PrimerViewportRangeRegular = "(min-width: 48rem)";
|
|
9
9
|
export const PrimerViewportRangeWide = "(min-width: 90rem)";
|
|
10
10
|
export const PrimerViewportRangePortrait = "(orientation: portrait)";
|
|
11
|
-
export const PrimerViewportRangeLandscape = "(orientation: landscape)";
|
|
11
|
+
export const PrimerViewportRangeLandscape = "(orientation: landscape)";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|
|
@@ -42,4 +42,4 @@ export const PrimerTextCodeBlockWeight = "400";
|
|
|
42
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","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"};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$base-size-128: 8rem;
|
|
6
6
|
$base-size-112: 7rem;
|
|
@@ -18,4 +18,4 @@ $base-size-20: 1.25rem;
|
|
|
18
18
|
$base-size-16: 1rem;
|
|
19
19
|
$base-size-12: 0.75rem;
|
|
20
20
|
$base-size-8: 0.5rem;
|
|
21
|
-
$base-size-4: 0.25rem;
|
|
21
|
+
$base-size-4: 0.25rem;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$base-text-weight-semibold: 600;
|
|
6
6
|
$base-text-weight-medium: 500;
|
|
7
7
|
$base-text-weight-normal: 400;
|
|
8
|
-
$base-text-weight-light: 300;
|
|
8
|
+
$base-text-weight-light: 300;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-borderRadius-full: 100vh;
|
|
6
6
|
$primer-borderRadius-large: 0.75rem;
|
|
@@ -11,4 +11,4 @@ $primer-borderWidth-thick: max(2px, 0.125rem);
|
|
|
11
11
|
$primer-borderWidth-thin: max(1px, 0.0625rem);
|
|
12
12
|
$primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
|
|
13
13
|
$primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
|
|
14
|
-
$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;
|
|
14
|
+
$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-breakpoint-xxlarge: 90rem;
|
|
6
6
|
$primer-breakpoint-xlarge: 80rem;
|
|
7
7
|
$primer-breakpoint-large: 63.25rem;
|
|
8
8
|
$primer-breakpoint-medium: 48rem;
|
|
9
9
|
$primer-breakpoint-small: 34rem;
|
|
10
|
-
$primer-breakpoint-xsmall: 20rem;
|
|
10
|
+
$primer-breakpoint-xsmall: 20rem;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-controlStack-medium-gap-auto: $base-size-12;
|
|
6
6
|
$primer-controlStack-small-gap-auto: $base-size-16;
|
|
7
|
-
$primer-control-minTarget-auto: $base-size-44;
|
|
7
|
+
$primer-control-minTarget-auto: $base-size-44;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-controlStack-medium-gap-auto: $base-size-8;
|
|
6
6
|
$primer-controlStack-small-gap-auto: $base-size-8;
|
|
7
|
-
$primer-control-minTarget-auto: $base-size-16;
|
|
7
|
+
$primer-control-minTarget-auto: $base-size-16;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-controlStack-large-gap-spacious: $base-size-12;
|
|
6
6
|
$primer-controlStack-large-gap-condensed: $base-size-8;
|
|
@@ -48,4 +48,4 @@ $primer-control-xlarge-paddingBlock: calc(($primer-control-xlarge-size - $primer
|
|
|
48
48
|
$primer-control-large-paddingBlock: calc(($primer-control-large-size - $primer-control-large-lineBoxHeight) / 2);
|
|
49
49
|
$primer-control-medium-paddingBlock: calc(($primer-control-medium-size - $primer-control-medium-lineBoxHeight) / 2);
|
|
50
50
|
$primer-control-small-paddingBlock: calc(($primer-control-small-size - $primer-control-small-lineBoxHeight) / 2);
|
|
51
|
-
$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);
|
|
51
|
+
$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-viewportRange-landscape: (orientation: landscape);
|
|
6
6
|
$primer-viewportRange-portrait: (orientation: portrait);
|
|
7
7
|
$primer-viewportRange-wide: (min-width: $primer-breakpoint-xxlarge);
|
|
8
8
|
$primer-viewportRange-regular: (min-width: $primer-breakpoint-medium);
|
|
9
9
|
$primer-viewportRange-narrowLandscape: (max-width: calc($primer-breakpoint-large - 0.02px) and (max-height: calc($primer-breakpoint-small - 0.02px)) and (orientation: landscape));
|
|
10
|
-
$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));
|
|
10
|
+
$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 07 Jul 2023 14:11:48 GMT
|
|
4
4
|
|
|
5
5
|
$primer-text-codeInline-size: 0.9285em;
|
|
6
6
|
$primer-text-codeBlock-lineHeight: calc(20/13);
|
|
@@ -41,4 +41,4 @@ $primer-text-body-shorthand-large: $primer-text-body-weight $primer-text-body-si
|
|
|
41
41
|
$primer-text-subtitle-shorthand: $primer-text-subtitle-weight $primer-text-subtitle-size/$primer-text-subtitle-lineHeight $primer-fontStack-sansSerif;
|
|
42
42
|
$primer-text-title-shorthand-medium: $primer-text-title-weight $primer-text-title-size-medium/$primer-text-title-lineHeight-medium $primer-fontStack-sansSerif;
|
|
43
43
|
$primer-text-title-shorthand-large: $primer-text-title-weight $primer-text-title-size-large/$primer-text-title-lineHeight-large $primer-fontStack-sansSerif;
|
|
44
|
-
$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;
|
|
44
|
+
$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;
|