@atlaskit/tokens 1.15.0 → 1.15.2
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 +12 -0
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/cjs/artifacts/theme-import-map.js +7 -1
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +666 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +13 -1
- package/dist/cjs/theme-config.js +10 -2
- package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +29 -0
- package/dist/cjs/tokens/atlassian-typography/theme.js +3 -3
- package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +140 -0
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/es2019/artifacts/theme-import-map.js +4 -2
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +31 -0
- package/dist/es2019/artifacts/themes/atlassian-typography.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +13 -1
- package/dist/es2019/theme-config.js +10 -2
- package/dist/es2019/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/es2019/tokens/atlassian-typography/theme.js +3 -3
- package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +133 -0
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/esm/artifacts/theme-import-map.js +5 -1
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +13 -1
- package/dist/esm/theme-config.js +10 -2
- package/dist/esm/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/esm/tokens/atlassian-typography/theme.js +3 -3
- package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/esm/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +133 -0
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/palettes/typography-palette.d.ts +2 -2
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/tokens/atlassian-typography/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/palettes/typography-palette.d.ts +2 -2
- package/dist/types-ts4.5/theme-config.d.ts +5 -3
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
- package/figma/atlassian-typography-minor3.json +51 -0
- package/package.json +1 -2
- package/report.api.md +29 -2
- package/tmp/api-report-tmp.d.ts +20 -4
- /package/dist/cjs/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/cjs/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/es2019/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/es2019/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/esm/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/esm/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/types/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-adg3/letter-spacing.d.ts} +0 -0
- /package/dist/{types/tokens/atlassian-typography-adg3/utils.d.ts → types-ts4.5/tokens/atlassian-typography/letter-spacing.d.ts} +0 -0
- /package/dist/types-ts4.5/tokens/atlassian-typography-adg3/{utils.d.ts → letter-spacing.d.ts} +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-minor3/letter-spacing.d.ts} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -47,7 +47,7 @@ var tokens = [{
|
|
|
47
47
|
"description": "Smaller body font."
|
|
48
48
|
},
|
|
49
49
|
"value": {
|
|
50
|
-
"fontSize":
|
|
50
|
+
"fontSize": 12,
|
|
51
51
|
"fontStyle": "normal",
|
|
52
52
|
"fontWeight": "400",
|
|
53
53
|
"lineHeight": 20,
|
|
@@ -65,7 +65,7 @@ var tokens = [{
|
|
|
65
65
|
},
|
|
66
66
|
"value": {
|
|
67
67
|
"fontWeight": "FontWeight400",
|
|
68
|
-
"fontSize": "
|
|
68
|
+
"fontSize": "FontSize12",
|
|
69
69
|
"lineHeight": "LineHeight200",
|
|
70
70
|
"fontFamily": "FontFamilyWebSans",
|
|
71
71
|
"fontStyle": "normal",
|
|
@@ -318,7 +318,7 @@ var tokens = [{
|
|
|
318
318
|
"value": {
|
|
319
319
|
"fontWeight": "FontWeight700",
|
|
320
320
|
"fontSize": "FontSize36",
|
|
321
|
-
"lineHeight": "
|
|
321
|
+
"lineHeight": "LineHeight700",
|
|
322
322
|
"fontFamily": "FontFamilyWebSans",
|
|
323
323
|
"fontStyle": "normal",
|
|
324
324
|
"letterSpacing": "LetterSpacing0"
|
|
@@ -371,7 +371,7 @@ var tokens = [{
|
|
|
371
371
|
"description": "Helpful guidance goes here"
|
|
372
372
|
},
|
|
373
373
|
"value": "0",
|
|
374
|
-
"filePath": "src/tokens/atlassian-typography/
|
|
374
|
+
"filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
|
|
375
375
|
"isSource": true,
|
|
376
376
|
"original": {
|
|
377
377
|
"attributes": {
|
|
@@ -393,7 +393,7 @@ var tokens = [{
|
|
|
393
393
|
"description": "Helpful guidance goes here"
|
|
394
394
|
},
|
|
395
395
|
"value": "0",
|
|
396
|
-
"filePath": "src/tokens/atlassian-typography/
|
|
396
|
+
"filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
|
|
397
397
|
"isSource": true,
|
|
398
398
|
"original": {
|
|
399
399
|
"attributes": {
|
|
@@ -415,7 +415,7 @@ var tokens = [{
|
|
|
415
415
|
"description": "Helpful guidance goes here"
|
|
416
416
|
},
|
|
417
417
|
"value": "0",
|
|
418
|
-
"filePath": "src/tokens/atlassian-typography/
|
|
418
|
+
"filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
|
|
419
419
|
"isSource": true,
|
|
420
420
|
"original": {
|
|
421
421
|
"attributes": {
|
|
@@ -437,7 +437,7 @@ var tokens = [{
|
|
|
437
437
|
"description": "Helpful guidance goes here"
|
|
438
438
|
},
|
|
439
439
|
"value": "0",
|
|
440
|
-
"filePath": "src/tokens/atlassian-typography/
|
|
440
|
+
"filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
|
|
441
441
|
"isSource": true,
|
|
442
442
|
"original": {
|
|
443
443
|
"attributes": {
|
|
@@ -459,7 +459,7 @@ var tokens = [{
|
|
|
459
459
|
"description": "Helpful guidance goes here"
|
|
460
460
|
},
|
|
461
461
|
"value": "0",
|
|
462
|
-
"filePath": "src/tokens/atlassian-typography/
|
|
462
|
+
"filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
|
|
463
463
|
"isSource": true,
|
|
464
464
|
"original": {
|
|
465
465
|
"attributes": {
|
|
@@ -517,7 +517,7 @@ var tokens = [{
|
|
|
517
517
|
"description": "Single-line non-wrapping supporting text like that in a smaller label."
|
|
518
518
|
},
|
|
519
519
|
"value": {
|
|
520
|
-
"fontSize":
|
|
520
|
+
"fontSize": 12,
|
|
521
521
|
"fontStyle": "normal",
|
|
522
522
|
"fontWeight": "400",
|
|
523
523
|
"lineHeight": "1",
|
|
@@ -535,7 +535,7 @@ var tokens = [{
|
|
|
535
535
|
},
|
|
536
536
|
"value": {
|
|
537
537
|
"fontWeight": "FontWeight400",
|
|
538
|
-
"fontSize": "
|
|
538
|
+
"fontSize": "FontSize12",
|
|
539
539
|
"lineHeight": "LineHeight1",
|
|
540
540
|
"fontFamily": "FontFamilyWebSans",
|
|
541
541
|
"fontStyle": "normal",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
var name = "@atlaskit/tokens";
|
|
4
|
-
var version = "1.15.
|
|
4
|
+
var version = "1.15.2";
|
|
5
5
|
/**
|
|
6
6
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
7
7
|
* resulting CSS Custom Property.
|
package/dist/esm/get-token.js
CHANGED
|
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
|
|
4
4
|
var name = "@atlaskit/tokens";
|
|
5
|
-
var version = "1.15.
|
|
5
|
+
var version = "1.15.2";
|
|
6
6
|
/**
|
|
7
7
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
8
8
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -74,6 +74,12 @@ var lineHeightScale = {
|
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
LineHeight600: {
|
|
77
|
+
value: 36,
|
|
78
|
+
attributes: {
|
|
79
|
+
group: 'typography'
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
LineHeight700: {
|
|
77
83
|
value: 40,
|
|
78
84
|
attributes: {
|
|
79
85
|
group: 'typography'
|
|
@@ -174,7 +180,7 @@ var fontSizeScale = {
|
|
|
174
180
|
group: 'typography'
|
|
175
181
|
}
|
|
176
182
|
},
|
|
177
|
-
|
|
183
|
+
LegacyFontSize11: {
|
|
178
184
|
value: 11,
|
|
179
185
|
attributes: {
|
|
180
186
|
group: 'typography'
|
|
@@ -222,6 +228,12 @@ var fontSizeScale = {
|
|
|
222
228
|
group: 'typography'
|
|
223
229
|
}
|
|
224
230
|
},
|
|
231
|
+
FontSize32: {
|
|
232
|
+
value: 32,
|
|
233
|
+
attributes: {
|
|
234
|
+
group: 'typography'
|
|
235
|
+
}
|
|
236
|
+
},
|
|
225
237
|
LegacyFontSize35: {
|
|
226
238
|
value: 35,
|
|
227
239
|
attributes: {
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -34,7 +34,7 @@ export var themeColorModes = ['light', 'dark', 'auto'];
|
|
|
34
34
|
*
|
|
35
35
|
* These ids must be kebab case
|
|
36
36
|
*/
|
|
37
|
-
export var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3'];
|
|
37
|
+
export var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
38
38
|
/**
|
|
39
39
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
40
40
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -142,7 +142,15 @@ var themeConfig = {
|
|
|
142
142
|
},
|
|
143
143
|
'atlassian-typography': {
|
|
144
144
|
id: 'typography',
|
|
145
|
-
displayName: 'Atlassian Typography',
|
|
145
|
+
displayName: 'Atlassian Typography (Minor Second)',
|
|
146
|
+
palette: 'typographyPalette',
|
|
147
|
+
attributes: {
|
|
148
|
+
type: 'typography'
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
'atlassian-typography-minor3': {
|
|
152
|
+
id: 'typography-minor3',
|
|
153
|
+
displayName: 'Atlassian Typography (Minor Third)',
|
|
146
154
|
palette: 'typographyPalette',
|
|
147
155
|
attributes: {
|
|
148
156
|
type: 'typography'
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var font = {
|
|
2
|
+
font: {
|
|
3
|
+
letterSpacing: {
|
|
4
|
+
'0': {
|
|
5
|
+
value: 'LetterSpacing0'
|
|
6
|
+
},
|
|
7
|
+
'100': {
|
|
8
|
+
value: 'LetterSpacing0'
|
|
9
|
+
},
|
|
10
|
+
'200': {
|
|
11
|
+
value: 'LetterSpacing0'
|
|
12
|
+
},
|
|
13
|
+
'300': {
|
|
14
|
+
value: 'LetterSpacing0'
|
|
15
|
+
},
|
|
16
|
+
'400': {
|
|
17
|
+
value: 'LetterSpacing0'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default font;
|
|
@@ -5,7 +5,7 @@ var typography = {
|
|
|
5
5
|
value: {
|
|
6
6
|
fontWeight: 'FontWeight700',
|
|
7
7
|
fontSize: 'FontSize36',
|
|
8
|
-
lineHeight: '
|
|
8
|
+
lineHeight: 'LineHeight700',
|
|
9
9
|
fontFamily: 'FontFamilyWebSans',
|
|
10
10
|
fontStyle: 'normal',
|
|
11
11
|
letterSpacing: 'LetterSpacing0'
|
|
@@ -98,7 +98,7 @@ var typography = {
|
|
|
98
98
|
sm: {
|
|
99
99
|
value: {
|
|
100
100
|
fontWeight: 'FontWeight400',
|
|
101
|
-
fontSize: '
|
|
101
|
+
fontSize: 'FontSize12',
|
|
102
102
|
lineHeight: 'LineHeight200',
|
|
103
103
|
fontFamily: 'FontFamilyWebSans',
|
|
104
104
|
fontStyle: 'normal',
|
|
@@ -120,7 +120,7 @@ var typography = {
|
|
|
120
120
|
sm: {
|
|
121
121
|
value: {
|
|
122
122
|
fontWeight: 'FontWeight400',
|
|
123
|
-
fontSize: '
|
|
123
|
+
fontSize: 'FontSize12',
|
|
124
124
|
lineHeight: 'LineHeight1',
|
|
125
125
|
fontFamily: 'FontFamilyWebSans',
|
|
126
126
|
fontStyle: 'normal',
|
|
@@ -5,7 +5,7 @@ var typography = {
|
|
|
5
5
|
value: {
|
|
6
6
|
fontWeight: 'FontWeight500',
|
|
7
7
|
fontSize: 'LegacyFontSize35',
|
|
8
|
-
lineHeight: '
|
|
8
|
+
lineHeight: 'LineHeight700',
|
|
9
9
|
fontFamily: 'FontFamilyWebSans',
|
|
10
10
|
fontStyle: 'normal',
|
|
11
11
|
letterSpacing: 'LetterSpacing400'
|
|
@@ -98,7 +98,7 @@ var typography = {
|
|
|
98
98
|
sm: {
|
|
99
99
|
value: {
|
|
100
100
|
fontWeight: 'FontWeight400',
|
|
101
|
-
fontSize: '
|
|
101
|
+
fontSize: 'LegacyFontSize11',
|
|
102
102
|
lineHeight: 'LineHeight200',
|
|
103
103
|
fontFamily: 'FontFamilyWebSans',
|
|
104
104
|
fontStyle: 'normal',
|
|
@@ -120,7 +120,7 @@ var typography = {
|
|
|
120
120
|
sm: {
|
|
121
121
|
value: {
|
|
122
122
|
fontWeight: 'FontWeight400',
|
|
123
|
-
fontSize: '
|
|
123
|
+
fontSize: 'LegacyFontSize11',
|
|
124
124
|
lineHeight: 'LineHeight100',
|
|
125
125
|
fontFamily: 'FontFamilyWebSans',
|
|
126
126
|
fontStyle: 'normal',
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var font = {
|
|
2
|
+
font: {
|
|
3
|
+
family: {
|
|
4
|
+
sans: {
|
|
5
|
+
value: 'FontFamilyWebSans'
|
|
6
|
+
},
|
|
7
|
+
monospace: {
|
|
8
|
+
value: 'FontFamilyWebMono'
|
|
9
|
+
},
|
|
10
|
+
product: {
|
|
11
|
+
value: 'FontFamilyWebSans'
|
|
12
|
+
},
|
|
13
|
+
brand: {
|
|
14
|
+
value: 'FontFamilyCharlie'
|
|
15
|
+
},
|
|
16
|
+
code: {
|
|
17
|
+
value: 'FontFamilyWebMono'
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default font;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
var typography = {
|
|
2
|
+
font: {
|
|
3
|
+
heading: {
|
|
4
|
+
xxl: {
|
|
5
|
+
value: {
|
|
6
|
+
fontWeight: 'FontWeight700',
|
|
7
|
+
fontSize: 'FontSize32',
|
|
8
|
+
lineHeight: 'LineHeight600',
|
|
9
|
+
fontFamily: 'FontFamilyWebSans',
|
|
10
|
+
fontStyle: 'normal',
|
|
11
|
+
letterSpacing: 'LetterSpacing0'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
xl: {
|
|
15
|
+
value: {
|
|
16
|
+
fontWeight: 'FontWeight700',
|
|
17
|
+
fontSize: 'FontSize28',
|
|
18
|
+
lineHeight: 'LineHeight500',
|
|
19
|
+
fontFamily: 'FontFamilyWebSans',
|
|
20
|
+
fontStyle: 'normal',
|
|
21
|
+
letterSpacing: 'LetterSpacing0'
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
lg: {
|
|
25
|
+
value: {
|
|
26
|
+
fontWeight: 'FontWeight700',
|
|
27
|
+
fontSize: 'FontSize24',
|
|
28
|
+
lineHeight: 'LineHeight400',
|
|
29
|
+
fontFamily: 'FontFamilyWebSans',
|
|
30
|
+
fontStyle: 'normal',
|
|
31
|
+
letterSpacing: 'LetterSpacing0'
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
value: {
|
|
36
|
+
fontWeight: 'FontWeight700',
|
|
37
|
+
fontSize: 'FontSize20',
|
|
38
|
+
lineHeight: 'LineHeight300',
|
|
39
|
+
fontFamily: 'FontFamilyWebSans',
|
|
40
|
+
fontStyle: 'normal',
|
|
41
|
+
letterSpacing: 'LetterSpacing0'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
sm: {
|
|
45
|
+
value: {
|
|
46
|
+
fontWeight: 'FontWeight700',
|
|
47
|
+
fontSize: 'FontSize16',
|
|
48
|
+
lineHeight: 'LineHeight200',
|
|
49
|
+
fontFamily: 'FontFamilyWebSans',
|
|
50
|
+
fontStyle: 'normal',
|
|
51
|
+
letterSpacing: 'LetterSpacing0'
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
xs: {
|
|
55
|
+
value: {
|
|
56
|
+
fontWeight: 'FontWeight700',
|
|
57
|
+
fontSize: 'FontSize14',
|
|
58
|
+
lineHeight: 'LineHeight100',
|
|
59
|
+
fontFamily: 'FontFamilyWebSans',
|
|
60
|
+
fontStyle: 'normal',
|
|
61
|
+
letterSpacing: 'LetterSpacing0'
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
xxs: {
|
|
65
|
+
value: {
|
|
66
|
+
fontWeight: 'FontWeight700',
|
|
67
|
+
fontSize: 'FontSize12',
|
|
68
|
+
lineHeight: 'LineHeight100',
|
|
69
|
+
fontFamily: 'FontFamilyWebSans',
|
|
70
|
+
fontStyle: 'normal',
|
|
71
|
+
letterSpacing: 'LetterSpacing0'
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
code: {
|
|
76
|
+
'[default]': {
|
|
77
|
+
value: {
|
|
78
|
+
fontWeight: 'FontWeight400',
|
|
79
|
+
fontSize: 'FontSizeCode',
|
|
80
|
+
lineHeight: 'LineHeight1',
|
|
81
|
+
fontFamily: 'FontFamilyWebMono',
|
|
82
|
+
fontStyle: 'normal',
|
|
83
|
+
letterSpacing: 'LetterSpacing0'
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
body: {
|
|
88
|
+
'[default]': {
|
|
89
|
+
value: {
|
|
90
|
+
fontWeight: 'FontWeight400',
|
|
91
|
+
fontSize: 'FontSize14',
|
|
92
|
+
lineHeight: 'LineHeight200',
|
|
93
|
+
fontFamily: 'FontFamilyWebSans',
|
|
94
|
+
fontStyle: 'normal',
|
|
95
|
+
letterSpacing: 'LetterSpacing0'
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
sm: {
|
|
99
|
+
value: {
|
|
100
|
+
fontWeight: 'FontWeight400',
|
|
101
|
+
fontSize: 'FontSize12',
|
|
102
|
+
lineHeight: 'LineHeight200',
|
|
103
|
+
fontFamily: 'FontFamilyWebSans',
|
|
104
|
+
fontStyle: 'normal',
|
|
105
|
+
letterSpacing: 'LetterSpacing0'
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
ui: {
|
|
110
|
+
'[default]': {
|
|
111
|
+
value: {
|
|
112
|
+
fontWeight: 'FontWeight400',
|
|
113
|
+
fontSize: 'FontSize14',
|
|
114
|
+
lineHeight: 'LineHeight1',
|
|
115
|
+
fontFamily: 'FontFamilyWebSans',
|
|
116
|
+
fontStyle: 'normal',
|
|
117
|
+
letterSpacing: 'LetterSpacing0'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
sm: {
|
|
121
|
+
value: {
|
|
122
|
+
fontWeight: 'FontWeight400',
|
|
123
|
+
fontSize: 'FontSize12',
|
|
124
|
+
lineHeight: 'LineHeight1',
|
|
125
|
+
fontFamily: 'FontFamilyWebSans',
|
|
126
|
+
fontStyle: 'normal',
|
|
127
|
+
letterSpacing: 'LetterSpacing0'
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
export default typography;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::c5a499034468ced262952ef968c2fd67>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::1e1c80a5700235c55449aa23948418be>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::88719508da65fd1b7ad398cc0681c4c5>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ce2e1e115aa9ff0027981ef8ba658c64>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::72f2d56fa731cf91334d35722aa12dda>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::943b9b3b3139522a62a9775dcae78ed4>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
attributes: {
|
|
8
|
+
group: string;
|
|
9
|
+
state: string;
|
|
10
|
+
introduced: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
value: {
|
|
14
|
+
fontSize: number;
|
|
15
|
+
fontStyle: string;
|
|
16
|
+
fontWeight: string;
|
|
17
|
+
lineHeight: number;
|
|
18
|
+
fontFamily: string;
|
|
19
|
+
letterSpacing: string;
|
|
20
|
+
};
|
|
21
|
+
filePath: string;
|
|
22
|
+
isSource: boolean;
|
|
23
|
+
original: {
|
|
24
|
+
attributes: {
|
|
25
|
+
group: string;
|
|
26
|
+
state: string;
|
|
27
|
+
introduced: string;
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
value: {
|
|
31
|
+
fontWeight: string;
|
|
32
|
+
fontSize: string;
|
|
33
|
+
lineHeight: string;
|
|
34
|
+
fontFamily: string;
|
|
35
|
+
fontStyle: string;
|
|
36
|
+
letterSpacing: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
name: string;
|
|
40
|
+
path: string[];
|
|
41
|
+
cleanName: string;
|
|
42
|
+
} | {
|
|
43
|
+
attributes: {
|
|
44
|
+
group: string;
|
|
45
|
+
state: string;
|
|
46
|
+
introduced: string;
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
value: {
|
|
50
|
+
fontSize: string;
|
|
51
|
+
fontStyle: string;
|
|
52
|
+
fontWeight: string;
|
|
53
|
+
lineHeight: string;
|
|
54
|
+
fontFamily: string;
|
|
55
|
+
letterSpacing: string;
|
|
56
|
+
};
|
|
57
|
+
filePath: string;
|
|
58
|
+
isSource: boolean;
|
|
59
|
+
original: {
|
|
60
|
+
attributes: {
|
|
61
|
+
group: string;
|
|
62
|
+
state: string;
|
|
63
|
+
introduced: string;
|
|
64
|
+
description: string;
|
|
65
|
+
};
|
|
66
|
+
value: {
|
|
67
|
+
fontWeight: string;
|
|
68
|
+
fontSize: string;
|
|
69
|
+
lineHeight: string;
|
|
70
|
+
fontFamily: string;
|
|
71
|
+
fontStyle: string;
|
|
72
|
+
letterSpacing: string;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
name: string;
|
|
76
|
+
path: string[];
|
|
77
|
+
cleanName: string;
|
|
78
|
+
} | {
|
|
79
|
+
attributes: {
|
|
80
|
+
group: string;
|
|
81
|
+
state: string;
|
|
82
|
+
introduced: string;
|
|
83
|
+
description: string;
|
|
84
|
+
};
|
|
85
|
+
value: string;
|
|
86
|
+
filePath: string;
|
|
87
|
+
isSource: boolean;
|
|
88
|
+
original: {
|
|
89
|
+
attributes: {
|
|
90
|
+
group: string;
|
|
91
|
+
state: string;
|
|
92
|
+
introduced: string;
|
|
93
|
+
description: string;
|
|
94
|
+
};
|
|
95
|
+
value: string;
|
|
96
|
+
};
|
|
97
|
+
name: string;
|
|
98
|
+
path: string[];
|
|
99
|
+
cleanName: string;
|
|
100
|
+
} | {
|
|
101
|
+
attributes: {
|
|
102
|
+
group: string;
|
|
103
|
+
state: string;
|
|
104
|
+
introduced: string;
|
|
105
|
+
description: string;
|
|
106
|
+
};
|
|
107
|
+
value: {
|
|
108
|
+
fontSize: number;
|
|
109
|
+
fontStyle: string;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
lineHeight: string;
|
|
112
|
+
fontFamily: string;
|
|
113
|
+
letterSpacing: string;
|
|
114
|
+
};
|
|
115
|
+
filePath: string;
|
|
116
|
+
isSource: boolean;
|
|
117
|
+
original: {
|
|
118
|
+
attributes: {
|
|
119
|
+
group: string;
|
|
120
|
+
state: string;
|
|
121
|
+
introduced: string;
|
|
122
|
+
description: string;
|
|
123
|
+
};
|
|
124
|
+
value: {
|
|
125
|
+
fontWeight: string;
|
|
126
|
+
fontSize: string;
|
|
127
|
+
lineHeight: string;
|
|
128
|
+
fontFamily: string;
|
|
129
|
+
fontStyle: string;
|
|
130
|
+
letterSpacing: string;
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
name: string;
|
|
134
|
+
path: string[];
|
|
135
|
+
cleanName: string;
|
|
136
|
+
})[];
|
|
137
|
+
export default tokens;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
package/dist/types/index.d.ts
CHANGED
|
@@ -12,4 +12,4 @@ export { themeStringToObject, themeObjectToString, } from './theme-state-transfo
|
|
|
12
12
|
export type { CSSToken } from './artifacts/token-names';
|
|
13
13
|
export type { ActiveTokens } from './artifacts/types';
|
|
14
14
|
export type { ThemeColorModes, Themes, ThemeIds, ThemeOptionsSchema, ThemeState, } from './theme-config';
|
|
15
|
-
export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, } from './types';
|
|
15
|
+
export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, } from './types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
|
|
2
|
-
export type FontSizeScaleValues = 'FontSizeCode' | '
|
|
3
|
-
export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
|
|
2
|
+
export type FontSizeScaleValues = 'FontSizeCode' | 'LegacyFontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'FontSize32' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
|
|
3
|
+
export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600' | 'LineHeight700';
|
|
4
4
|
export type FontWeightScaleValues = 'FontWeight400' | 'FontWeight500' | 'FontWeight600' | 'FontWeight700';
|
|
5
5
|
export type FontFamilyPaletteValues = 'FontFamilyCharlie' | 'FontFamilyWebSans' | 'LegacyFontFamilyWebSans' | 'FontFamilyiOSSans' | 'FontFamilyAndroidSans' | 'FontFamilyWebMono' | 'FontFamilyiOSMono' | 'FontFamilyAndroidMono';
|
|
6
6
|
export type LetterSpacingScaleValues = 'LetterSpacing0' | 'LetterSpacing100' | 'LetterSpacing200' | 'LetterSpacing300' | 'LetterSpacing400';
|