@atlaskit/tokens 1.17.0 → 1.18.0
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 +92 -77
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +4 -3
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +42 -97
- package/dist/cjs/babel-plugin/plugin.js +2 -2
- package/dist/cjs/get-global-theme.js +2 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +46 -40
- package/dist/cjs/tokens/atlassian-typography/theme.js +10 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -2
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +10 -0
- package/dist/cjs/tokens/default/typography/font.js +8 -0
- package/dist/cjs/utils/generate-custom-color-ramp.js +2 -2
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +92 -77
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +4 -3
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-typography.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +4 -3
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +42 -97
- package/dist/es2019/get-theme-styles.js +1 -2
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +44 -38
- package/dist/es2019/tokens/atlassian-typography/theme.js +10 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +12 -2
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -0
- package/dist/es2019/tokens/default/typography/font.js +8 -0
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +92 -77
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +4 -3
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +42 -97
- package/dist/esm/babel-plugin/plugin.js +2 -2
- package/dist/esm/get-global-theme.js +2 -2
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +46 -40
- package/dist/esm/tokens/atlassian-typography/theme.js +10 -0
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +12 -2
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -0
- package/dist/esm/tokens/default/typography/font.js +8 -0
- package/dist/esm/utils/generate-custom-color-ramp.js +2 -2
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +4 -3
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
- package/dist/types/palettes/typography-palette.d.ts +1 -1
- package/dist/types/types.d.ts +6 -6
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +4 -3
- package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
- package/dist/types-ts4.5/palettes/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +6 -6
- package/package.json +2 -2
- package/report.api.md +2 -0
- package/tmp/api-report-tmp.d.ts +2 -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::eaaa970ce079ba5e26ef6b1bd1440d6c>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -10,14 +10,7 @@ var tokens = [{
|
|
|
10
10
|
"introduced": "1.14.0",
|
|
11
11
|
"description": "The default body font."
|
|
12
12
|
},
|
|
13
|
-
"value":
|
|
14
|
-
"fontSize": 14,
|
|
15
|
-
"fontStyle": "normal",
|
|
16
|
-
"fontWeight": "400",
|
|
17
|
-
"lineHeight": 20,
|
|
18
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
19
|
-
"letterSpacing": "0"
|
|
20
|
-
},
|
|
13
|
+
"value": "normal 400 14px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
21
14
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
22
15
|
"isSource": true,
|
|
23
16
|
"original": {
|
|
@@ -44,16 +37,38 @@ var tokens = [{
|
|
|
44
37
|
"group": "typography",
|
|
45
38
|
"state": "experimental",
|
|
46
39
|
"introduced": "1.14.0",
|
|
47
|
-
"description": "
|
|
40
|
+
"description": "Larger body font or default body font for text rich experiences."
|
|
48
41
|
},
|
|
49
|
-
"value":
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
"
|
|
54
|
-
|
|
55
|
-
|
|
42
|
+
"value": "normal 400 16px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
43
|
+
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
44
|
+
"isSource": true,
|
|
45
|
+
"original": {
|
|
46
|
+
"attributes": {
|
|
47
|
+
"group": "typography",
|
|
48
|
+
"state": "experimental",
|
|
49
|
+
"introduced": "1.14.0",
|
|
50
|
+
"description": "Larger body font or default body font for text rich experiences."
|
|
51
|
+
},
|
|
52
|
+
"value": {
|
|
53
|
+
"fontWeight": "FontWeight400",
|
|
54
|
+
"fontSize": "FontSize16",
|
|
55
|
+
"lineHeight": "LineHeight300",
|
|
56
|
+
"fontFamily": "FontFamilyWebSans",
|
|
57
|
+
"fontStyle": "normal",
|
|
58
|
+
"letterSpacing": "LetterSpacing0"
|
|
59
|
+
}
|
|
56
60
|
},
|
|
61
|
+
"name": "font.body.lg",
|
|
62
|
+
"path": ["font", "body", "lg"],
|
|
63
|
+
"cleanName": "font.body.lg"
|
|
64
|
+
}, {
|
|
65
|
+
"attributes": {
|
|
66
|
+
"group": "typography",
|
|
67
|
+
"state": "experimental",
|
|
68
|
+
"introduced": "1.14.0",
|
|
69
|
+
"description": "Smaller body font."
|
|
70
|
+
},
|
|
71
|
+
"value": "normal 400 12px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
57
72
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
58
73
|
"isSource": true,
|
|
59
74
|
"original": {
|
|
@@ -82,14 +97,7 @@ var tokens = [{
|
|
|
82
97
|
"introduced": "1.14.0",
|
|
83
98
|
"description": "Used for monospace and code."
|
|
84
99
|
},
|
|
85
|
-
"value":
|
|
86
|
-
"fontSize": "0.875em",
|
|
87
|
-
"fontStyle": "normal",
|
|
88
|
-
"fontWeight": "400",
|
|
89
|
-
"lineHeight": "1",
|
|
90
|
-
"fontFamily": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
91
|
-
"letterSpacing": "0"
|
|
92
|
-
},
|
|
100
|
+
"value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
93
101
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
94
102
|
"isSource": true,
|
|
95
103
|
"original": {
|
|
@@ -118,14 +126,7 @@ var tokens = [{
|
|
|
118
126
|
"introduced": "1.14.0",
|
|
119
127
|
"description": "TBD"
|
|
120
128
|
},
|
|
121
|
-
"value":
|
|
122
|
-
"fontSize": 24,
|
|
123
|
-
"fontStyle": "normal",
|
|
124
|
-
"fontWeight": "700",
|
|
125
|
-
"lineHeight": 28,
|
|
126
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
127
|
-
"letterSpacing": "0"
|
|
128
|
-
},
|
|
129
|
+
"value": "normal 700 24px/28px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
129
130
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
130
131
|
"isSource": true,
|
|
131
132
|
"original": {
|
|
@@ -154,14 +155,7 @@ var tokens = [{
|
|
|
154
155
|
"introduced": "1.14.0",
|
|
155
156
|
"description": "TBD"
|
|
156
157
|
},
|
|
157
|
-
"value":
|
|
158
|
-
"fontSize": 20,
|
|
159
|
-
"fontStyle": "normal",
|
|
160
|
-
"fontWeight": "700",
|
|
161
|
-
"lineHeight": 24,
|
|
162
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
163
|
-
"letterSpacing": "0"
|
|
164
|
-
},
|
|
158
|
+
"value": "normal 700 20px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
165
159
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
166
160
|
"isSource": true,
|
|
167
161
|
"original": {
|
|
@@ -190,14 +184,7 @@ var tokens = [{
|
|
|
190
184
|
"introduced": "1.14.0",
|
|
191
185
|
"description": "TBD"
|
|
192
186
|
},
|
|
193
|
-
"value":
|
|
194
|
-
"fontSize": 16,
|
|
195
|
-
"fontStyle": "normal",
|
|
196
|
-
"fontWeight": "700",
|
|
197
|
-
"lineHeight": 20,
|
|
198
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
199
|
-
"letterSpacing": "0"
|
|
200
|
-
},
|
|
187
|
+
"value": "normal 700 16px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
201
188
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
202
189
|
"isSource": true,
|
|
203
190
|
"original": {
|
|
@@ -226,14 +213,7 @@ var tokens = [{
|
|
|
226
213
|
"introduced": "1.14.0",
|
|
227
214
|
"description": "TBD"
|
|
228
215
|
},
|
|
229
|
-
"value":
|
|
230
|
-
"fontSize": 28,
|
|
231
|
-
"fontStyle": "normal",
|
|
232
|
-
"fontWeight": "700",
|
|
233
|
-
"lineHeight": 32,
|
|
234
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
235
|
-
"letterSpacing": "0"
|
|
236
|
-
},
|
|
216
|
+
"value": "normal 700 28px/32px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
237
217
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
238
218
|
"isSource": true,
|
|
239
219
|
"original": {
|
|
@@ -262,14 +242,7 @@ var tokens = [{
|
|
|
262
242
|
"introduced": "1.14.0",
|
|
263
243
|
"description": "TBD"
|
|
264
244
|
},
|
|
265
|
-
"value":
|
|
266
|
-
"fontSize": 14,
|
|
267
|
-
"fontStyle": "normal",
|
|
268
|
-
"fontWeight": "700",
|
|
269
|
-
"lineHeight": 16,
|
|
270
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
271
|
-
"letterSpacing": "0"
|
|
272
|
-
},
|
|
245
|
+
"value": "normal 700 14px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
273
246
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
274
247
|
"isSource": true,
|
|
275
248
|
"original": {
|
|
@@ -298,14 +271,7 @@ var tokens = [{
|
|
|
298
271
|
"introduced": "1.14.0",
|
|
299
272
|
"description": "TBD"
|
|
300
273
|
},
|
|
301
|
-
"value":
|
|
302
|
-
"fontSize": 36,
|
|
303
|
-
"fontStyle": "normal",
|
|
304
|
-
"fontWeight": "700",
|
|
305
|
-
"lineHeight": 40,
|
|
306
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
307
|
-
"letterSpacing": "0"
|
|
308
|
-
},
|
|
274
|
+
"value": "normal 700 36px/40px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
309
275
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
310
276
|
"isSource": true,
|
|
311
277
|
"original": {
|
|
@@ -334,14 +300,7 @@ var tokens = [{
|
|
|
334
300
|
"introduced": "1.14.0",
|
|
335
301
|
"description": "TBD"
|
|
336
302
|
},
|
|
337
|
-
"value":
|
|
338
|
-
"fontSize": 12,
|
|
339
|
-
"fontStyle": "normal",
|
|
340
|
-
"fontWeight": "700",
|
|
341
|
-
"lineHeight": 16,
|
|
342
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
343
|
-
"letterSpacing": "0"
|
|
344
|
-
},
|
|
303
|
+
"value": "normal 700 12px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
345
304
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
346
305
|
"isSource": true,
|
|
347
306
|
"original": {
|
|
@@ -480,14 +439,7 @@ var tokens = [{
|
|
|
480
439
|
"introduced": "1.14.0",
|
|
481
440
|
"description": "Single-line non-wrapping text like that in a button."
|
|
482
441
|
},
|
|
483
|
-
"value":
|
|
484
|
-
"fontSize": 14,
|
|
485
|
-
"fontStyle": "normal",
|
|
486
|
-
"fontWeight": "400",
|
|
487
|
-
"lineHeight": "1",
|
|
488
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
489
|
-
"letterSpacing": "0"
|
|
490
|
-
},
|
|
442
|
+
"value": "normal 400 14px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
491
443
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
492
444
|
"isSource": true,
|
|
493
445
|
"original": {
|
|
@@ -516,14 +468,7 @@ var tokens = [{
|
|
|
516
468
|
"introduced": "1.14.0",
|
|
517
469
|
"description": "Single-line non-wrapping supporting text like that in a smaller label."
|
|
518
470
|
},
|
|
519
|
-
"value":
|
|
520
|
-
"fontSize": 12,
|
|
521
|
-
"fontStyle": "normal",
|
|
522
|
-
"fontWeight": "400",
|
|
523
|
-
"lineHeight": "1",
|
|
524
|
-
"fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
525
|
-
"letterSpacing": "0"
|
|
526
|
-
},
|
|
471
|
+
"value": "normal 400 12px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
527
472
|
"filePath": "src/tokens/atlassian-typography/theme.tsx",
|
|
528
473
|
"isSource": true,
|
|
529
474
|
"original": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import * as t from '@babel/types';
|
|
5
5
|
import tokenNames from '../artifacts/token-names';
|
|
6
6
|
import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import { COLOR_MODE_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
|
|
5
5
|
import { themeColorModes } from './theme-config';
|
|
6
6
|
import { themeStringToObject } from './theme-state-transformer';
|
|
@@ -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.
|
|
4
|
+
var version = "1.18.0";
|
|
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.
|
|
5
|
+
var version = "1.18.0";
|
|
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.
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
var letterSpacingScale = {
|
|
5
5
|
letterSpacing: {
|
|
6
6
|
LetterSpacing0: {
|
|
7
7
|
value: '0',
|
|
8
8
|
attributes: {
|
|
9
|
-
group: '
|
|
9
|
+
group: 'letterSpacing'
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
LetterSpacing100: {
|
|
13
13
|
value: '-0.003em',
|
|
14
14
|
attributes: {
|
|
15
|
-
group: '
|
|
15
|
+
group: 'letterSpacing'
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
LetterSpacing200: {
|
|
19
19
|
value: '-0.006em',
|
|
20
20
|
attributes: {
|
|
21
|
-
group: '
|
|
21
|
+
group: 'letterSpacing'
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
LetterSpacing300: {
|
|
25
25
|
value: '-0.008em',
|
|
26
26
|
attributes: {
|
|
27
|
-
group: '
|
|
27
|
+
group: 'letterSpacing'
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
LetterSpacing400: {
|
|
31
31
|
value: '-0.01em',
|
|
32
32
|
attributes: {
|
|
33
|
-
group: '
|
|
33
|
+
group: 'letterSpacing'
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -40,49 +40,55 @@ var lineHeightScale = {
|
|
|
40
40
|
LineHeight1: {
|
|
41
41
|
value: '1',
|
|
42
42
|
attributes: {
|
|
43
|
-
group: '
|
|
43
|
+
group: 'lineHeight'
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
LineHeight050: {
|
|
47
|
+
value: 12,
|
|
48
|
+
attributes: {
|
|
49
|
+
group: 'lineHeight'
|
|
44
50
|
}
|
|
45
51
|
},
|
|
46
52
|
LineHeight100: {
|
|
47
53
|
value: 16,
|
|
48
54
|
attributes: {
|
|
49
|
-
group: '
|
|
55
|
+
group: 'lineHeight'
|
|
50
56
|
}
|
|
51
57
|
},
|
|
52
58
|
LineHeight200: {
|
|
53
59
|
value: 20,
|
|
54
60
|
attributes: {
|
|
55
|
-
group: '
|
|
61
|
+
group: 'lineHeight'
|
|
56
62
|
}
|
|
57
63
|
},
|
|
58
64
|
LineHeight300: {
|
|
59
65
|
value: 24,
|
|
60
66
|
attributes: {
|
|
61
|
-
group: '
|
|
67
|
+
group: 'lineHeight'
|
|
62
68
|
}
|
|
63
69
|
},
|
|
64
70
|
LineHeight400: {
|
|
65
71
|
value: 28,
|
|
66
72
|
attributes: {
|
|
67
|
-
group: '
|
|
73
|
+
group: 'lineHeight'
|
|
68
74
|
}
|
|
69
75
|
},
|
|
70
76
|
LineHeight500: {
|
|
71
77
|
value: 32,
|
|
72
78
|
attributes: {
|
|
73
|
-
group: '
|
|
79
|
+
group: 'lineHeight'
|
|
74
80
|
}
|
|
75
81
|
},
|
|
76
82
|
LineHeight600: {
|
|
77
83
|
value: 36,
|
|
78
84
|
attributes: {
|
|
79
|
-
group: '
|
|
85
|
+
group: 'lineHeight'
|
|
80
86
|
}
|
|
81
87
|
},
|
|
82
88
|
LineHeight700: {
|
|
83
89
|
value: 40,
|
|
84
90
|
attributes: {
|
|
85
|
-
group: '
|
|
91
|
+
group: 'lineHeight'
|
|
86
92
|
}
|
|
87
93
|
}
|
|
88
94
|
}
|
|
@@ -92,25 +98,25 @@ var fontWeightScale = {
|
|
|
92
98
|
FontWeight400: {
|
|
93
99
|
value: '400',
|
|
94
100
|
attributes: {
|
|
95
|
-
group: '
|
|
101
|
+
group: 'fontWeight'
|
|
96
102
|
}
|
|
97
103
|
},
|
|
98
104
|
FontWeight500: {
|
|
99
105
|
value: '500',
|
|
100
106
|
attributes: {
|
|
101
|
-
group: '
|
|
107
|
+
group: 'fontWeight'
|
|
102
108
|
}
|
|
103
109
|
},
|
|
104
110
|
FontWeight600: {
|
|
105
111
|
value: '600',
|
|
106
112
|
attributes: {
|
|
107
|
-
group: '
|
|
113
|
+
group: 'fontWeight'
|
|
108
114
|
}
|
|
109
115
|
},
|
|
110
116
|
FontWeight700: {
|
|
111
117
|
value: '700',
|
|
112
118
|
attributes: {
|
|
113
|
-
group: '
|
|
119
|
+
group: 'fontWeight'
|
|
114
120
|
}
|
|
115
121
|
}
|
|
116
122
|
}
|
|
@@ -120,13 +126,13 @@ var fontFamilyPalette = {
|
|
|
120
126
|
FontFamilyCharlie: {
|
|
121
127
|
value: 'Charlie Sans',
|
|
122
128
|
attributes: {
|
|
123
|
-
group: '
|
|
129
|
+
group: 'fontFamily'
|
|
124
130
|
}
|
|
125
131
|
},
|
|
126
132
|
LegacyFontFamilyWebSans: {
|
|
127
133
|
value: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
|
|
128
134
|
attributes: {
|
|
129
|
-
group: '
|
|
135
|
+
group: 'fontFamily'
|
|
130
136
|
}
|
|
131
137
|
},
|
|
132
138
|
/**
|
|
@@ -137,37 +143,37 @@ var fontFamilyPalette = {
|
|
|
137
143
|
FontFamilyWebSans: {
|
|
138
144
|
value: "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
139
145
|
attributes: {
|
|
140
|
-
group: '
|
|
146
|
+
group: 'fontFamily'
|
|
141
147
|
}
|
|
142
148
|
},
|
|
143
149
|
FontFamilyiOSSans: {
|
|
144
150
|
value: 'SF Pro',
|
|
145
151
|
attributes: {
|
|
146
|
-
group: '
|
|
152
|
+
group: 'fontFamily'
|
|
147
153
|
}
|
|
148
154
|
},
|
|
149
155
|
FontFamilyAndroidSans: {
|
|
150
156
|
value: 'Roboto',
|
|
151
157
|
attributes: {
|
|
152
|
-
group: '
|
|
158
|
+
group: 'fontFamily'
|
|
153
159
|
}
|
|
154
160
|
},
|
|
155
161
|
FontFamilyWebMono: {
|
|
156
162
|
value: "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
157
163
|
attributes: {
|
|
158
|
-
group: '
|
|
164
|
+
group: 'fontFamily'
|
|
159
165
|
}
|
|
160
166
|
},
|
|
161
167
|
FontFamilyiOSMono: {
|
|
162
168
|
value: 'SF Mono',
|
|
163
169
|
attributes: {
|
|
164
|
-
group: '
|
|
170
|
+
group: 'fontFamily'
|
|
165
171
|
}
|
|
166
172
|
},
|
|
167
173
|
FontFamilyAndroidMono: {
|
|
168
174
|
value: 'Roboto Mono',
|
|
169
175
|
attributes: {
|
|
170
|
-
group: '
|
|
176
|
+
group: 'fontFamily'
|
|
171
177
|
}
|
|
172
178
|
}
|
|
173
179
|
}
|
|
@@ -177,79 +183,79 @@ var fontSizeScale = {
|
|
|
177
183
|
FontSizeCode: {
|
|
178
184
|
value: '0.875em',
|
|
179
185
|
attributes: {
|
|
180
|
-
group: '
|
|
186
|
+
group: 'fontSize'
|
|
181
187
|
}
|
|
182
188
|
},
|
|
183
189
|
LegacyFontSize11: {
|
|
184
190
|
value: 11,
|
|
185
191
|
attributes: {
|
|
186
|
-
group: '
|
|
192
|
+
group: 'fontSize'
|
|
187
193
|
}
|
|
188
194
|
},
|
|
189
195
|
FontSize12: {
|
|
190
196
|
value: 12,
|
|
191
197
|
attributes: {
|
|
192
|
-
group: '
|
|
198
|
+
group: 'fontSize'
|
|
193
199
|
}
|
|
194
200
|
},
|
|
195
201
|
FontSize14: {
|
|
196
202
|
value: 14,
|
|
197
203
|
attributes: {
|
|
198
|
-
group: '
|
|
204
|
+
group: 'fontSize'
|
|
199
205
|
}
|
|
200
206
|
},
|
|
201
207
|
FontSize16: {
|
|
202
208
|
value: 16,
|
|
203
209
|
attributes: {
|
|
204
|
-
group: '
|
|
210
|
+
group: 'fontSize'
|
|
205
211
|
}
|
|
206
212
|
},
|
|
207
213
|
FontSize20: {
|
|
208
214
|
value: 20,
|
|
209
215
|
attributes: {
|
|
210
|
-
group: '
|
|
216
|
+
group: 'fontSize'
|
|
211
217
|
}
|
|
212
218
|
},
|
|
213
219
|
FontSize24: {
|
|
214
220
|
value: 24,
|
|
215
221
|
attributes: {
|
|
216
|
-
group: '
|
|
222
|
+
group: 'fontSize'
|
|
217
223
|
}
|
|
218
224
|
},
|
|
219
225
|
FontSize28: {
|
|
220
226
|
value: 28,
|
|
221
227
|
attributes: {
|
|
222
|
-
group: '
|
|
228
|
+
group: 'fontSize'
|
|
223
229
|
}
|
|
224
230
|
},
|
|
225
231
|
LegacyFontSize29: {
|
|
226
232
|
value: 29,
|
|
227
233
|
attributes: {
|
|
228
|
-
group: '
|
|
234
|
+
group: 'fontSize'
|
|
229
235
|
}
|
|
230
236
|
},
|
|
231
237
|
FontSize32: {
|
|
232
238
|
value: 32,
|
|
233
239
|
attributes: {
|
|
234
|
-
group: '
|
|
240
|
+
group: 'fontSize'
|
|
235
241
|
}
|
|
236
242
|
},
|
|
237
243
|
LegacyFontSize35: {
|
|
238
244
|
value: 35,
|
|
239
245
|
attributes: {
|
|
240
|
-
group: '
|
|
246
|
+
group: 'fontSize'
|
|
241
247
|
}
|
|
242
248
|
},
|
|
243
249
|
FontSize36: {
|
|
244
250
|
value: 36,
|
|
245
251
|
attributes: {
|
|
246
|
-
group: '
|
|
252
|
+
group: 'fontSize'
|
|
247
253
|
}
|
|
248
254
|
},
|
|
249
255
|
FontSize48: {
|
|
250
256
|
value: 48,
|
|
251
257
|
attributes: {
|
|
252
|
-
group: '
|
|
258
|
+
group: 'fontSize'
|
|
253
259
|
}
|
|
254
260
|
}
|
|
255
261
|
}
|
|
@@ -104,6 +104,16 @@ var typography = {
|
|
|
104
104
|
fontStyle: 'normal',
|
|
105
105
|
letterSpacing: 'LetterSpacing0'
|
|
106
106
|
}
|
|
107
|
+
},
|
|
108
|
+
lg: {
|
|
109
|
+
value: {
|
|
110
|
+
fontWeight: 'FontWeight400',
|
|
111
|
+
fontSize: 'FontSize16',
|
|
112
|
+
lineHeight: 'LineHeight300',
|
|
113
|
+
fontFamily: 'FontFamilyWebSans',
|
|
114
|
+
fontStyle: 'normal',
|
|
115
|
+
letterSpacing: 'LetterSpacing0'
|
|
116
|
+
}
|
|
107
117
|
}
|
|
108
118
|
},
|
|
109
119
|
ui: {
|
|
@@ -95,6 +95,16 @@ var typography = {
|
|
|
95
95
|
letterSpacing: 'LetterSpacing0'
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
|
+
lg: {
|
|
99
|
+
value: {
|
|
100
|
+
fontWeight: 'FontWeight400',
|
|
101
|
+
fontSize: 'FontSize16',
|
|
102
|
+
lineHeight: 'LineHeight300',
|
|
103
|
+
fontFamily: 'FontFamilyWebSans',
|
|
104
|
+
fontStyle: 'normal',
|
|
105
|
+
letterSpacing: 'LetterSpacing0'
|
|
106
|
+
}
|
|
107
|
+
},
|
|
98
108
|
sm: {
|
|
99
109
|
value: {
|
|
100
110
|
fontWeight: 'FontWeight400',
|
|
@@ -111,7 +121,7 @@ var typography = {
|
|
|
111
121
|
value: {
|
|
112
122
|
fontWeight: 'FontWeight400',
|
|
113
123
|
fontSize: 'FontSize14',
|
|
114
|
-
lineHeight: '
|
|
124
|
+
lineHeight: 'LineHeight1',
|
|
115
125
|
fontFamily: 'FontFamilyWebSans',
|
|
116
126
|
fontStyle: 'normal',
|
|
117
127
|
letterSpacing: 'LetterSpacing0'
|
|
@@ -121,7 +131,7 @@ var typography = {
|
|
|
121
131
|
value: {
|
|
122
132
|
fontWeight: 'FontWeight400',
|
|
123
133
|
fontSize: 'LegacyFontSize11',
|
|
124
|
-
lineHeight: '
|
|
134
|
+
lineHeight: 'LineHeight1',
|
|
125
135
|
fontFamily: 'FontFamilyWebSans',
|
|
126
136
|
fontStyle: 'normal',
|
|
127
137
|
letterSpacing: 'LetterSpacing0'
|
|
@@ -95,6 +95,16 @@ var typography = {
|
|
|
95
95
|
letterSpacing: 'LetterSpacing0'
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
|
+
lg: {
|
|
99
|
+
value: {
|
|
100
|
+
fontWeight: 'FontWeight400',
|
|
101
|
+
fontSize: 'FontSize16',
|
|
102
|
+
lineHeight: 'LineHeight300',
|
|
103
|
+
fontFamily: 'FontFamilyWebSans',
|
|
104
|
+
fontStyle: 'normal',
|
|
105
|
+
letterSpacing: 'LetterSpacing0'
|
|
106
|
+
}
|
|
107
|
+
},
|
|
98
108
|
sm: {
|
|
99
109
|
value: {
|
|
100
110
|
fontWeight: 'FontWeight400',
|
|
@@ -104,6 +104,14 @@ var font = {
|
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
body: {
|
|
107
|
+
lg: {
|
|
108
|
+
attributes: {
|
|
109
|
+
group: 'typography',
|
|
110
|
+
state: 'experimental',
|
|
111
|
+
introduced: '1.14.0',
|
|
112
|
+
description: 'Larger body font or default body font for text rich experiences.'
|
|
113
|
+
}
|
|
114
|
+
},
|
|
107
115
|
sm: {
|
|
108
116
|
attributes: {
|
|
109
117
|
group: 'typography',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import rawTokensDark from '../artifacts/atlassian-dark-token-value-for-contrast-check';
|
|
7
7
|
import { deltaE, getContrastRatio, hexToHSL, hexToRgb, hexToRgbA, HSLToRGB, relativeLuminanceW3C, rgbToHex } from './color-utils';
|
|
8
8
|
import { additionalContrastChecker } from './custom-theme-token-contrast-check';
|