@atlaskit/tokens 1.31.0 → 1.33.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/css-type-schema/package.json +17 -0
- package/dist/cjs/artifacts/replacement-mapping.js +1 -40
- 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/token-default-values.js +9 -9
- package/dist/cjs/artifacts/token-names.js +9 -9
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +203 -203
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +190 -190
- package/dist/cjs/entry-points/css-type-schema.codegen.js +5 -0
- package/dist/cjs/entry-points/palettes-raw.js +8 -1
- package/dist/cjs/entry-points/tokens-raw.js +7 -0
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/es2019/artifacts/replacement-mapping.js +1 -40
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +9 -9
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +11 -11
- package/dist/es2019/artifacts/token-default-values.js +9 -9
- package/dist/es2019/artifacts/token-names.js +9 -9
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +203 -203
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +190 -190
- package/dist/es2019/entry-points/css-type-schema.codegen.js +1 -0
- package/dist/es2019/entry-points/palettes-raw.js +2 -1
- package/dist/es2019/entry-points/tokens-raw.js +2 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/esm/artifacts/replacement-mapping.js +1 -40
- 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/token-default-values.js +9 -9
- package/dist/esm/artifacts/token-names.js +9 -9
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +203 -203
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +190 -190
- package/dist/esm/entry-points/css-type-schema.codegen.js +1 -0
- package/dist/esm/entry-points/palettes-raw.js +2 -1
- package/dist/esm/entry-points/tokens-raw.js +2 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/types/artifacts/replacement-mapping.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/token-default-values.d.ts +9 -9
- package/dist/types/artifacts/token-names.d.ts +17 -17
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +5 -5
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +5 -5
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +145 -0
- package/dist/types/entry-points/palettes-raw.d.ts +1 -0
- package/dist/types/entry-points/tokens-raw.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/replacement-mapping.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/token-default-values.d.ts +9 -9
- package/dist/types-ts4.5/artifacts/token-names.d.ts +17 -17
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +5 -5
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +5 -5
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +145 -0
- package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +2 -1
- package/package.json +3 -2
package/dist/cjs/get-token.js
CHANGED
|
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var _constants = require("./constants");
|
|
11
11
|
var name = "@atlaskit/tokens";
|
|
12
|
-
var version = "1.
|
|
12
|
+
var version = "1.33.0";
|
|
13
13
|
/**
|
|
14
14
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
15
15
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -12,46 +12,13 @@
|
|
|
12
12
|
* These changes will then be picked up by our tooling which will attempt to
|
|
13
13
|
* migrate as many of these renames as possible.
|
|
14
14
|
*
|
|
15
|
-
* @codegen <<SignedSource::
|
|
15
|
+
* @codegen <<SignedSource::2df62eea3dac692cc6574ac0124e31a8>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
const replacementMapper = [{
|
|
20
20
|
"path": "border.width.0",
|
|
21
21
|
"state": "experimental"
|
|
22
|
-
}, {
|
|
23
|
-
"path": "font.body.[default]",
|
|
24
|
-
"state": "experimental"
|
|
25
|
-
}, {
|
|
26
|
-
"path": "font.body.large",
|
|
27
|
-
"state": "experimental"
|
|
28
|
-
}, {
|
|
29
|
-
"path": "font.body.small",
|
|
30
|
-
"state": "experimental"
|
|
31
|
-
}, {
|
|
32
|
-
"path": "font.code.[default]",
|
|
33
|
-
"state": "experimental"
|
|
34
|
-
}, {
|
|
35
|
-
"path": "font.heading.large",
|
|
36
|
-
"state": "experimental"
|
|
37
|
-
}, {
|
|
38
|
-
"path": "font.heading.medium",
|
|
39
|
-
"state": "experimental"
|
|
40
|
-
}, {
|
|
41
|
-
"path": "font.heading.small",
|
|
42
|
-
"state": "experimental"
|
|
43
|
-
}, {
|
|
44
|
-
"path": "font.heading.xlarge",
|
|
45
|
-
"state": "experimental"
|
|
46
|
-
}, {
|
|
47
|
-
"path": "font.heading.xsmall",
|
|
48
|
-
"state": "experimental"
|
|
49
|
-
}, {
|
|
50
|
-
"path": "font.heading.xxlarge",
|
|
51
|
-
"state": "experimental"
|
|
52
|
-
}, {
|
|
53
|
-
"path": "font.heading.xxsmall",
|
|
54
|
-
"state": "experimental"
|
|
55
22
|
}, {
|
|
56
23
|
"path": "font.letterSpacing.0",
|
|
57
24
|
"state": "deprecated"
|
|
@@ -67,12 +34,6 @@ const replacementMapper = [{
|
|
|
67
34
|
}, {
|
|
68
35
|
"path": "font.letterSpacing.400",
|
|
69
36
|
"state": "deprecated"
|
|
70
|
-
}, {
|
|
71
|
-
"path": "font.ui.[default]",
|
|
72
|
-
"state": "experimental"
|
|
73
|
-
}, {
|
|
74
|
-
"path": "font.ui.small",
|
|
75
|
-
"state": "experimental"
|
|
76
37
|
}, {
|
|
77
38
|
"path": "font.family.body",
|
|
78
39
|
"state": "deprecated"
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::c3e775ab05e25f11bd988de880b8e14f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-adg3"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
-
--ds-font-
|
|
10
|
-
--ds-font-
|
|
11
|
-
--ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);
|
|
12
|
-
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
9
|
+
--ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
|
|
10
|
+
--ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
|
|
13
11
|
--ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
12
|
--ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
13
|
--ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
-
--ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
|
|
17
14
|
--ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
-
--ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
|
|
19
15
|
--ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
17
|
+
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
18
|
+
--ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);
|
|
19
|
+
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
20
|
+
--ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);
|
|
21
|
+
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
20
22
|
--ds-font-letterSpacing-0: 0;
|
|
21
23
|
--ds-font-letterSpacing-100: -0.003em;
|
|
22
24
|
--ds-font-letterSpacing-200: -0.006em;
|
|
23
25
|
--ds-font-letterSpacing-300: -0.008em;
|
|
24
26
|
--ds-font-letterSpacing-400: -0.01em;
|
|
25
|
-
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
-
--ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);
|
|
27
27
|
--ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
28
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
29
|
--ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::af25a33fb0ff39de368245336a06411e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-minor3"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
|
-
--ds-font-
|
|
10
|
-
--ds-font-
|
|
11
|
-
--ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);
|
|
12
|
-
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
9
|
+
--ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);
|
|
10
|
+
--ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
13
11
|
--ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
12
|
--ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
13
|
--ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
-
--ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
17
14
|
--ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
-
--ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);
|
|
19
15
|
--ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
17
|
+
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
18
|
+
--ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);
|
|
19
|
+
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
20
|
+
--ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
21
|
+
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
20
22
|
--ds-font-letterSpacing-0: 0;
|
|
21
23
|
--ds-font-letterSpacing-100: 0;
|
|
22
24
|
--ds-font-letterSpacing-200: 0;
|
|
23
25
|
--ds-font-letterSpacing-300: 0;
|
|
24
26
|
--ds-font-letterSpacing-400: 0;
|
|
25
|
-
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
-
--ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
27
27
|
--ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
28
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
29
|
--ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
@@ -31,10 +31,10 @@ html[data-theme~="typography:typography-minor3"] {
|
|
|
31
31
|
--ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
32
32
|
--ds-font-family-brand: Charlie Sans;
|
|
33
33
|
@media not all and (min-width: 64rem) {
|
|
34
|
+
--ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
35
|
+
--ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
34
36
|
--ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
35
37
|
--ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
36
|
-
--ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
37
|
-
--ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
`;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::cd46c7699adb6bcc1ef5f9983f692300>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -434,24 +434,24 @@ const defaultTokenValues = {
|
|
|
434
434
|
'space.negative.250': '-1.25rem',
|
|
435
435
|
'space.negative.300': '-1.5rem',
|
|
436
436
|
'space.negative.400': '-2rem',
|
|
437
|
-
'font.
|
|
438
|
-
'font.
|
|
439
|
-
'font.body.small': 'normal 400 0.6875rem/1rem var(--ds-font-family-body)',
|
|
440
|
-
'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
|
|
437
|
+
'font.heading.xxlarge': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
|
|
438
|
+
'font.heading.xlarge': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
|
|
441
439
|
'font.heading.large': 'normal 500 1.5rem/1.75rem var(--ds-font-family-heading)',
|
|
442
440
|
'font.heading.medium': 'normal 500 1.25rem/1.5rem var(--ds-font-family-heading)',
|
|
443
441
|
'font.heading.small': 'normal 600 1rem/1.25rem var(--ds-font-family-heading)',
|
|
444
|
-
'font.heading.xlarge': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
|
|
445
442
|
'font.heading.xsmall': 'normal 600 0.875rem/1rem var(--ds-font-family-heading)',
|
|
446
|
-
'font.heading.xxlarge': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
|
|
447
443
|
'font.heading.xxsmall': 'normal 600 0.75rem/1rem var(--ds-font-family-heading)',
|
|
444
|
+
'font.body.large': 'normal 400 1rem/1.5rem var(--ds-font-family-body)',
|
|
445
|
+
'font.body': 'normal 400 0.875rem/1.25rem var(--ds-font-family-body)',
|
|
446
|
+
'font.body.small': 'normal 400 0.6875rem/1rem var(--ds-font-family-body)',
|
|
447
|
+
'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
|
|
448
|
+
'font.ui.small': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
|
|
449
|
+
'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
|
|
448
450
|
'font.letterSpacing.0': '0',
|
|
449
451
|
'font.letterSpacing.100': '-0.003em',
|
|
450
452
|
'font.letterSpacing.200': '-0.006em',
|
|
451
453
|
'font.letterSpacing.300': '-0.008em',
|
|
452
454
|
'font.letterSpacing.400': '-0.01em',
|
|
453
|
-
'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
|
|
454
|
-
'font.ui.small': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
|
|
455
455
|
'font.family.body': 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
|
|
456
456
|
'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
457
457
|
'font.family.heading': 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
|
|
@@ -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::f46c62b44101ed8ef04c2a9aa7e37742>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -427,24 +427,24 @@ const tokens = {
|
|
|
427
427
|
'space.negative.250': '--ds-space-negative-250',
|
|
428
428
|
'space.negative.300': '--ds-space-negative-300',
|
|
429
429
|
'space.negative.400': '--ds-space-negative-400',
|
|
430
|
-
'font.
|
|
431
|
-
'font.
|
|
432
|
-
'font.body.small': '--ds-font-body-small',
|
|
433
|
-
'font.code': '--ds-font-code',
|
|
430
|
+
'font.heading.xxlarge': '--ds-font-heading-xxlarge',
|
|
431
|
+
'font.heading.xlarge': '--ds-font-heading-xlarge',
|
|
434
432
|
'font.heading.large': '--ds-font-heading-large',
|
|
435
433
|
'font.heading.medium': '--ds-font-heading-medium',
|
|
436
434
|
'font.heading.small': '--ds-font-heading-small',
|
|
437
|
-
'font.heading.xlarge': '--ds-font-heading-xlarge',
|
|
438
435
|
'font.heading.xsmall': '--ds-font-heading-xsmall',
|
|
439
|
-
'font.heading.xxlarge': '--ds-font-heading-xxlarge',
|
|
440
436
|
'font.heading.xxsmall': '--ds-font-heading-xxsmall',
|
|
437
|
+
'font.body.large': '--ds-font-body-large',
|
|
438
|
+
'font.body': '--ds-font-body',
|
|
439
|
+
'font.body.small': '--ds-font-body-small',
|
|
440
|
+
'font.ui': '--ds-font-ui',
|
|
441
|
+
'font.ui.small': '--ds-font-ui-small',
|
|
442
|
+
'font.code': '--ds-font-code',
|
|
441
443
|
'font.letterSpacing.0': '--ds-font-letterSpacing-0',
|
|
442
444
|
'font.letterSpacing.100': '--ds-font-letterSpacing-100',
|
|
443
445
|
'font.letterSpacing.200': '--ds-font-letterSpacing-200',
|
|
444
446
|
'font.letterSpacing.300': '--ds-font-letterSpacing-300',
|
|
445
447
|
'font.letterSpacing.400': '--ds-font-letterSpacing-400',
|
|
446
|
-
'font.ui': '--ds-font-ui',
|
|
447
|
-
'font.ui.small': '--ds-font-ui-small',
|
|
448
448
|
'font.family.body': '--ds-font-family-body',
|
|
449
449
|
'font.family.code': '--ds-font-family-code',
|
|
450
450
|
'font.family.heading': '--ds-font-family-heading',
|