@primer/primitives 7.10.0-rc.24b9498 → 7.10.0-rc.3d7410a
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/CHANGELOG.md +4 -0
- package/build.js +40 -10
- package/package.json +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 +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
- 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/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
- [#354](https://github.com/primer/primitives/pull/354) [`3b28659`](https://github.com/primer/primitives/commit/3b286594aed3d4de97866d354f050f7e59945e95) Thanks [@mperrotti](https://github.com/mperrotti)! - Introduces TreeView.Item component color primitives
|
|
8
8
|
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#351](https://github.com/primer/primitives/pull/351) [`d8d2480`](https://github.com/primer/primitives/commit/d8d2480c1ec971dca7dd9b1026cf445663f1ae03) Thanks [@langermank](https://github.com/langermank)! - Add SCSS vars for PCSS utilities & dotcom
|
|
12
|
+
|
|
9
13
|
## 7.9.0
|
|
10
14
|
|
|
11
15
|
### Minor Changes
|
package/build.js
CHANGED
|
@@ -17,6 +17,16 @@ const pathToPascalCase = token => token.path.map(tokenPathItems => capitalize(to
|
|
|
17
17
|
|
|
18
18
|
// REGISTER THE CUSTOM TRANFORMS
|
|
19
19
|
|
|
20
|
+
/**
|
|
21
|
+
* transform: scss variable names
|
|
22
|
+
* example: `$namespace-item-variant-property-modifier`
|
|
23
|
+
*/
|
|
24
|
+
StyleDictionary.registerTransform({
|
|
25
|
+
name: 'name/scss',
|
|
26
|
+
type: 'name',
|
|
27
|
+
transformer: pathToKebabCase
|
|
28
|
+
})
|
|
29
|
+
|
|
20
30
|
/**
|
|
21
31
|
* transform: css variable names
|
|
22
32
|
* example: `--namespace-item-variant-property-modifier`
|
|
@@ -48,7 +58,7 @@ StyleDictionary.registerTransform({
|
|
|
48
58
|
})
|
|
49
59
|
|
|
50
60
|
// find values with px unit
|
|
51
|
-
function isPx
|
|
61
|
+
function isPx(value) {
|
|
52
62
|
return /[\d\.]+px$/.test(value)
|
|
53
63
|
}
|
|
54
64
|
|
|
@@ -138,12 +148,17 @@ StyleDictionary.registerTransformGroup({
|
|
|
138
148
|
transforms: ['name/css', 'pxToRem', 'typography/shorthand']
|
|
139
149
|
})
|
|
140
150
|
|
|
151
|
+
StyleDictionary.registerTransformGroup({
|
|
152
|
+
name: 'scss',
|
|
153
|
+
transforms: ['name/scss', 'pxToRem', 'typography/shorthand']
|
|
154
|
+
})
|
|
155
|
+
|
|
141
156
|
// REGISTER A CUSTOM FORMAT
|
|
142
157
|
|
|
143
158
|
// wrap mobile tokens in media query
|
|
144
159
|
StyleDictionary.registerFormat({
|
|
145
160
|
name: 'css/touch-target-mobile',
|
|
146
|
-
formatter: function
|
|
161
|
+
formatter: function({dictionary, file, options}) {
|
|
147
162
|
const {outputReferences} = options
|
|
148
163
|
return (
|
|
149
164
|
fileHeader({file}) +
|
|
@@ -157,7 +172,7 @@ StyleDictionary.registerFormat({
|
|
|
157
172
|
// wrap desktop tokens in media query
|
|
158
173
|
StyleDictionary.registerFormat({
|
|
159
174
|
name: 'css/touch-target-desktop',
|
|
160
|
-
formatter: function
|
|
175
|
+
formatter: function({dictionary, file, options}) {
|
|
161
176
|
const {outputReferences} = options
|
|
162
177
|
return (
|
|
163
178
|
fileHeader({file}) +
|
|
@@ -170,7 +185,7 @@ StyleDictionary.registerFormat({
|
|
|
170
185
|
|
|
171
186
|
StyleDictionary.registerFormat({
|
|
172
187
|
name: 'custom/format/custom-media',
|
|
173
|
-
formatter
|
|
188
|
+
formatter({dictionary}) {
|
|
174
189
|
return dictionary.allProperties
|
|
175
190
|
.map(prop => {
|
|
176
191
|
const {value, path, name} = prop
|
|
@@ -185,7 +200,7 @@ StyleDictionary.registerFormat({
|
|
|
185
200
|
// format docs
|
|
186
201
|
StyleDictionary.registerFormat({
|
|
187
202
|
name: 'json/docs',
|
|
188
|
-
formatter: function
|
|
203
|
+
formatter: function({dictionary}) {
|
|
189
204
|
const groupedTokens = groupBy(dictionary.allProperties, 'filePath')
|
|
190
205
|
|
|
191
206
|
return JSON.stringify(groupedTokens, null, 2)
|
|
@@ -197,7 +212,7 @@ StyleDictionary.registerFormat({
|
|
|
197
212
|
*/
|
|
198
213
|
StyleDictionary.registerFormat({
|
|
199
214
|
name: 'javascript/module-v2',
|
|
200
|
-
formatter: function
|
|
215
|
+
formatter: function({dictionary, file}) {
|
|
201
216
|
const recursiveleyFlattenDictionary = obj => {
|
|
202
217
|
const tree = {}
|
|
203
218
|
if (typeof obj !== 'object' || Array.isArray(obj)) {
|
|
@@ -230,7 +245,7 @@ StyleDictionary.registerFormat({
|
|
|
230
245
|
*/
|
|
231
246
|
StyleDictionary.registerFormat({
|
|
232
247
|
name: 'typescript/module-declarations-v2',
|
|
233
|
-
formatter: function
|
|
248
|
+
formatter: function({dictionary, options, file}) {
|
|
234
249
|
const {moduleName = `tokens`} = options
|
|
235
250
|
|
|
236
251
|
const getType = value => {
|
|
@@ -287,7 +302,7 @@ StyleDictionary.registerFormat({
|
|
|
287
302
|
* @param {Function} The iteratee to transform keys.
|
|
288
303
|
* @returns {Object} Returns the composed aggregate object.
|
|
289
304
|
*/
|
|
290
|
-
function groupBy
|
|
305
|
+
function groupBy(collection, iteratee = x => x) {
|
|
291
306
|
const current = typeof iteratee === 'function' ? iteratee : ({[iteratee]: prop}) => prop
|
|
292
307
|
|
|
293
308
|
const array = Array.isArray(collection) ? collection : Object.values(collection)
|
|
@@ -322,7 +337,7 @@ function groupBy (collection, iteratee = x => x) {
|
|
|
322
337
|
* platforms: {...}
|
|
323
338
|
* })
|
|
324
339
|
*/
|
|
325
|
-
function buildPrimitives
|
|
340
|
+
function buildPrimitives(
|
|
326
341
|
{source, outputPath = 'tokens-v2-private', include, platforms, namespace = 'primer'},
|
|
327
342
|
_StyleDictionary = StyleDictionary
|
|
328
343
|
) {
|
|
@@ -380,6 +395,21 @@ function buildPrimitives (
|
|
|
380
395
|
}
|
|
381
396
|
]
|
|
382
397
|
},
|
|
398
|
+
scss: {
|
|
399
|
+
buildPath: `${outputPath}/scss/`,
|
|
400
|
+
transformGroup: 'scss',
|
|
401
|
+
// map the array of token file paths to style dictionary output files
|
|
402
|
+
files: files.map(filePath => {
|
|
403
|
+
return {
|
|
404
|
+
format: `scss/variables`,
|
|
405
|
+
destination: filePath.replace(`.json`, `.scss`),
|
|
406
|
+
filter: token => token.filePath === filePath,
|
|
407
|
+
options: {
|
|
408
|
+
outputReferences: true
|
|
409
|
+
}
|
|
410
|
+
}
|
|
411
|
+
})
|
|
412
|
+
},
|
|
383
413
|
js: {
|
|
384
414
|
buildPath: `${outputPath}/js/`,
|
|
385
415
|
transforms: ['name/js/es6', 'pxToRem'],
|
|
@@ -454,7 +484,7 @@ function buildPrimitives (
|
|
|
454
484
|
* from an npm script. Internal use only. Use `build` for self-serve.
|
|
455
485
|
* @private
|
|
456
486
|
*/
|
|
457
|
-
function _init
|
|
487
|
+
function _init() {
|
|
458
488
|
const outputPath = 'tokens-v2-private'
|
|
459
489
|
//build all tokens
|
|
460
490
|
buildPrimitives({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 22 Sep 2022 15:30:40 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'";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$base-size-128: 8rem;
|
|
6
|
+
$base-size-112: 7rem;
|
|
7
|
+
$base-size-96: 6rem;
|
|
8
|
+
$base-size-80: 5rem;
|
|
9
|
+
$base-size-64: 4rem;
|
|
10
|
+
$base-size-48: 3rem;
|
|
11
|
+
$base-size-44: 2.75rem;
|
|
12
|
+
$base-size-40: 2.5rem;
|
|
13
|
+
$base-size-36: 2.25rem;
|
|
14
|
+
$base-size-32: 2rem;
|
|
15
|
+
$base-size-28: 1.75rem;
|
|
16
|
+
$base-size-24: 1.5rem;
|
|
17
|
+
$base-size-20: 1.25rem;
|
|
18
|
+
$base-size-16: 1rem;
|
|
19
|
+
$base-size-12: 0.75rem;
|
|
20
|
+
$base-size-8: 0.5rem;
|
|
21
|
+
$base-size-4: 0.25rem;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$primer-borderRadius-full: 100vh;
|
|
6
|
+
$primer-borderRadius-large: 0.75rem;
|
|
7
|
+
$primer-borderRadius-medium: 0.375rem;
|
|
8
|
+
$primer-borderRadius-small: 0.1875rem;
|
|
9
|
+
$primer-borderWidth-thicker: max(4px, 0.25rem);
|
|
10
|
+
$primer-borderWidth-thick: max(2px, 0.125rem);
|
|
11
|
+
$primer-borderWidth-thin: max(1px, 0.0625rem);
|
|
12
|
+
$primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
|
|
13
|
+
$primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
|
|
14
|
+
$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$primer-breakpoint-xxlarge: 90rem;
|
|
6
|
+
$primer-breakpoint-xlarge: 80rem;
|
|
7
|
+
$primer-breakpoint-large: 63.25rem;
|
|
8
|
+
$primer-breakpoint-medium: 48rem;
|
|
9
|
+
$primer-breakpoint-small: 34rem;
|
|
10
|
+
$primer-breakpoint-xsmall: 20rem;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$primer-controlStack-large-gap-spacious: $base-size-12;
|
|
6
|
+
$primer-controlStack-large-gap-condensed: $base-size-8;
|
|
7
|
+
$primer-controlStack-large-gap-auto: $base-size-8;
|
|
8
|
+
$primer-controlStack-medium-gap-spacious: $base-size-12;
|
|
9
|
+
$primer-controlStack-medium-gap-condensed: $base-size-8;
|
|
10
|
+
$primer-controlStack-small-gap-spacious: $base-size-16;
|
|
11
|
+
$primer-controlStack-small-gap-condensed: $base-size-8;
|
|
12
|
+
$primer-stack-gap-spacious: $base-size-24;
|
|
13
|
+
$primer-stack-gap-normal: $base-size-16;
|
|
14
|
+
$primer-stack-gap-condensed: $base-size-8;
|
|
15
|
+
$primer-stack-padding-spacious: $base-size-24;
|
|
16
|
+
$primer-stack-padding-normal: $base-size-16;
|
|
17
|
+
$primer-stack-padding-condensed: $base-size-8;
|
|
18
|
+
$primer-control-xlarge-gap: $base-size-8;
|
|
19
|
+
$primer-control-xlarge-paddingInline-spacious: $base-size-16;
|
|
20
|
+
$primer-control-xlarge-paddingInline-normal: $base-size-12;
|
|
21
|
+
$primer-control-xlarge-lineBoxHeight: $base-size-20;
|
|
22
|
+
$primer-control-xlarge-size: $base-size-48;
|
|
23
|
+
$primer-control-large-gap: $base-size-8;
|
|
24
|
+
$primer-control-large-paddingInline-spacious: $base-size-16;
|
|
25
|
+
$primer-control-large-paddingInline-normal: $base-size-12;
|
|
26
|
+
$primer-control-large-lineBoxHeight: $base-size-20;
|
|
27
|
+
$primer-control-large-size: $base-size-40;
|
|
28
|
+
$primer-control-medium-gap: $base-size-8;
|
|
29
|
+
$primer-control-medium-paddingInline-spacious: $base-size-16;
|
|
30
|
+
$primer-control-medium-paddingInline-normal: $base-size-12;
|
|
31
|
+
$primer-control-medium-paddingInline-condensed: $base-size-8;
|
|
32
|
+
$primer-control-medium-lineBoxHeight: $base-size-20;
|
|
33
|
+
$primer-control-medium-size: $base-size-32;
|
|
34
|
+
$primer-control-small-gap: $base-size-4;
|
|
35
|
+
$primer-control-small-paddingInline-normal: $base-size-12;
|
|
36
|
+
$primer-control-small-paddingInline-condensed: $base-size-8;
|
|
37
|
+
$primer-control-small-lineBoxHeight: $base-size-20;
|
|
38
|
+
$primer-control-small-size: $base-size-28;
|
|
39
|
+
$primer-control-xsmall-gap: $base-size-4;
|
|
40
|
+
$primer-control-xsmall-paddingInline-spacious: $base-size-12;
|
|
41
|
+
$primer-control-xsmall-paddingInline-normal: $base-size-8;
|
|
42
|
+
$primer-control-xsmall-paddingInline-condensed: $base-size-4;
|
|
43
|
+
$primer-control-xsmall-lineBoxHeight: $base-size-20;
|
|
44
|
+
$primer-control-xsmall-size: $base-size-24;
|
|
45
|
+
$primer-control-minTarget-coarse: $base-size-44;
|
|
46
|
+
$primer-control-minTarget-fine: $base-size-16;
|
|
47
|
+
$primer-control-xlarge-paddingBlock: calc(($primer-control-xlarge-size - $primer-control-xlarge-lineBoxHeight) / 2);
|
|
48
|
+
$primer-control-large-paddingBlock: calc(($primer-control-large-size - $primer-control-large-lineBoxHeight) / 2);
|
|
49
|
+
$primer-control-medium-paddingBlock: calc(($primer-control-medium-size - $primer-control-medium-lineBoxHeight) / 2);
|
|
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);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$primer-viewportRange-landscape: (orientation: landscape);
|
|
6
|
+
$primer-viewportRange-portrait: (orientation: portrait);
|
|
7
|
+
$primer-viewportRange-wide: (min-width: $primer-breakpoint-xxlarge);
|
|
8
|
+
$primer-viewportRange-regular: (min-width: $primer-breakpoint-medium);
|
|
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));
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Thu, 22 Sep 2022 15:30:40 GMT
|
|
4
|
+
|
|
5
|
+
$primer-text-codeInline-size: 0.9285em;
|
|
6
|
+
$primer-text-codeBlock-lineHeight: calc(20/13);
|
|
7
|
+
$primer-text-codeBlock-size: 0.8125rem;
|
|
8
|
+
$primer-text-caption-lineHeight: calc(16/12);
|
|
9
|
+
$primer-text-caption-size: 0.75rem;
|
|
10
|
+
$primer-text-body-lineHeight-small: calc(20/12);
|
|
11
|
+
$primer-text-body-lineHeight-medium: calc(20/14);
|
|
12
|
+
$primer-text-body-lineHeight-large: calc(24/16);
|
|
13
|
+
$primer-text-body-size-small: 0.75rem;
|
|
14
|
+
$primer-text-body-size-medium: 0.875rem;
|
|
15
|
+
$primer-text-body-size-large: 1rem;
|
|
16
|
+
$primer-text-subtitle-lineHeight: calc(32/20);
|
|
17
|
+
$primer-text-subtitle-size: 1.25rem;
|
|
18
|
+
$primer-text-title-lineHeight-medium: calc(32/20);
|
|
19
|
+
$primer-text-title-lineHeight-large: calc(48/32);
|
|
20
|
+
$primer-text-title-size-medium: 1.25rem;
|
|
21
|
+
$primer-text-title-size-large: 2rem;
|
|
22
|
+
$primer-text-display-lineHeight: calc(56/40);
|
|
23
|
+
$primer-text-display-size: 2.5rem;
|
|
24
|
+
$primer-text-display-lineBoxHeight: 3.5rem;
|
|
25
|
+
$primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
|
26
|
+
$primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
27
|
+
$primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
28
|
+
$primer-text-codeInline-weight: $base-text-weight-normal;
|
|
29
|
+
$primer-text-codeBlock-weight: $base-text-weight-normal;
|
|
30
|
+
$primer-text-caption-weight: $base-text-weight-normal;
|
|
31
|
+
$primer-text-body-weight: $base-text-weight-normal;
|
|
32
|
+
$primer-text-subtitle-weight: $base-text-weight-normal;
|
|
33
|
+
$primer-text-title-weight: $base-text-weight-semibold;
|
|
34
|
+
$primer-text-display-weight: $base-text-weight-medium;
|
|
35
|
+
$primer-text-codeInline-shorthand: $primer-text-codeInline-weight $primer-text-codeInline-size $primer-fontStack-monospace;
|
|
36
|
+
$primer-text-codeBlock-shorthand: $primer-text-codeBlock-weight $primer-text-codeBlock-size/$primer-text-codeBlock-lineHeight $primer-fontStack-monospace;
|
|
37
|
+
$primer-text-caption-shorthand: $primer-text-caption-weight $primer-text-caption-size/$primer-text-caption-lineHeight $primer-fontStack-sansSerif;
|
|
38
|
+
$primer-text-body-shorthand-small: $primer-text-body-weight $primer-text-body-size-small/$primer-text-body-lineHeight-small $primer-fontStack-sansSerif;
|
|
39
|
+
$primer-text-body-shorthand-medium: $primer-text-body-weight $primer-text-body-size-medium/$primer-text-body-lineHeight-medium $primer-fontStack-sansSerif;
|
|
40
|
+
$primer-text-body-shorthand-large: $primer-text-body-weight $primer-text-body-size-large/$primer-text-body-lineHeight-large $primer-fontStack-sansSerif;
|
|
41
|
+
$primer-text-subtitle-shorthand: $primer-text-subtitle-weight $primer-text-subtitle-size/$primer-text-subtitle-lineHeight $primer-fontStack-sansSerif;
|
|
42
|
+
$primer-text-title-shorthand-medium: $primer-text-title-weight $primer-text-title-size-medium/$primer-text-title-lineHeight-medium $primer-fontStack-sansSerif;
|
|
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;
|