@atlaskit/tokens 1.29.1 → 1.30.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/replacement-mapping.js +83 -5
- package/dist/cjs/artifacts/theme-import-map.js +1 -7
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/theme-config.js +1 -9
- package/dist/es2019/artifacts/replacement-mapping.js +83 -5
- package/dist/es2019/artifacts/theme-import-map.js +1 -3
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/theme-config.js +1 -9
- package/dist/esm/artifacts/replacement-mapping.js +83 -5
- package/dist/esm/artifacts/theme-import-map.js +1 -5
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/theme-config.js +1 -9
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/theme-config.d.ts +3 -3
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +1 -3
- package/package.json +1 -1
- package/dist/cjs/artifacts/themes/atlassian-typography.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -662
- package/dist/es2019/artifacts/themes/atlassian-typography.js +0 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +0 -656
- package/dist/esm/artifacts/themes/atlassian-typography.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +0 -656
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +0 -99
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +0 -99
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 1.30.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#59752](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59752) [`df0bbb7c4cc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df0bbb7c4cc1) - Removed minor-second typography theme: `typography`. ADG3 and Minor third themes remain as the two typography themes.
|
|
8
|
+
|
|
9
|
+
## 1.29.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
14
|
+
|
|
3
15
|
## 1.29.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -18,7 +18,7 @@ exports.default = void 0;
|
|
|
18
18
|
* These changes will then be picked up by our tooling which will attempt to
|
|
19
19
|
* migrate as many of these renames as possible.
|
|
20
20
|
*
|
|
21
|
-
* @codegen <<SignedSource::
|
|
21
|
+
* @codegen <<SignedSource::21692c7f910850540ebe583c659e4d10>>
|
|
22
22
|
* @codegenCommand yarn build tokens
|
|
23
23
|
*/
|
|
24
24
|
|
|
@@ -58,6 +58,21 @@ var replacementMapper = [{
|
|
|
58
58
|
}, {
|
|
59
59
|
"path": "font.heading.xxsmall",
|
|
60
60
|
"state": "experimental"
|
|
61
|
+
}, {
|
|
62
|
+
"path": "font.letterSpacing.0",
|
|
63
|
+
"state": "deprecated"
|
|
64
|
+
}, {
|
|
65
|
+
"path": "font.letterSpacing.100",
|
|
66
|
+
"state": "deprecated"
|
|
67
|
+
}, {
|
|
68
|
+
"path": "font.letterSpacing.200",
|
|
69
|
+
"state": "deprecated"
|
|
70
|
+
}, {
|
|
71
|
+
"path": "font.letterSpacing.300",
|
|
72
|
+
"state": "deprecated"
|
|
73
|
+
}, {
|
|
74
|
+
"path": "font.letterSpacing.400",
|
|
75
|
+
"state": "deprecated"
|
|
61
76
|
}, {
|
|
62
77
|
"path": "font.ui.[default]",
|
|
63
78
|
"state": "experimental"
|
|
@@ -66,15 +81,78 @@ var replacementMapper = [{
|
|
|
66
81
|
"state": "experimental"
|
|
67
82
|
}, {
|
|
68
83
|
"path": "font.family.body",
|
|
69
|
-
"state": "
|
|
84
|
+
"state": "deprecated"
|
|
70
85
|
}, {
|
|
71
86
|
"path": "font.family.code",
|
|
72
|
-
"state": "
|
|
87
|
+
"state": "deprecated"
|
|
73
88
|
}, {
|
|
74
89
|
"path": "font.family.heading",
|
|
75
|
-
"state": "
|
|
90
|
+
"state": "deprecated"
|
|
91
|
+
}, {
|
|
92
|
+
"path": "font.family.monospace",
|
|
93
|
+
"state": "deprecated"
|
|
94
|
+
}, {
|
|
95
|
+
"path": "font.family.sans",
|
|
96
|
+
"state": "deprecated"
|
|
76
97
|
}, {
|
|
77
98
|
"path": "font.family.brand",
|
|
78
|
-
"state": "
|
|
99
|
+
"state": "deprecated"
|
|
100
|
+
}, {
|
|
101
|
+
"path": "font.size.050",
|
|
102
|
+
"state": "deprecated"
|
|
103
|
+
}, {
|
|
104
|
+
"path": "font.size.075",
|
|
105
|
+
"state": "deprecated"
|
|
106
|
+
}, {
|
|
107
|
+
"path": "font.size.100",
|
|
108
|
+
"state": "deprecated"
|
|
109
|
+
}, {
|
|
110
|
+
"path": "font.size.200",
|
|
111
|
+
"state": "deprecated"
|
|
112
|
+
}, {
|
|
113
|
+
"path": "font.size.300",
|
|
114
|
+
"state": "deprecated"
|
|
115
|
+
}, {
|
|
116
|
+
"path": "font.size.400",
|
|
117
|
+
"state": "deprecated"
|
|
118
|
+
}, {
|
|
119
|
+
"path": "font.size.500",
|
|
120
|
+
"state": "deprecated"
|
|
121
|
+
}, {
|
|
122
|
+
"path": "font.size.600",
|
|
123
|
+
"state": "deprecated"
|
|
124
|
+
}, {
|
|
125
|
+
"path": "font.weight.bold",
|
|
126
|
+
"state": "deprecated"
|
|
127
|
+
}, {
|
|
128
|
+
"path": "font.weight.medium",
|
|
129
|
+
"state": "deprecated"
|
|
130
|
+
}, {
|
|
131
|
+
"path": "font.weight.regular",
|
|
132
|
+
"state": "deprecated"
|
|
133
|
+
}, {
|
|
134
|
+
"path": "font.weight.semibold",
|
|
135
|
+
"state": "deprecated"
|
|
136
|
+
}, {
|
|
137
|
+
"path": "font.lineHeight.1",
|
|
138
|
+
"state": "deprecated"
|
|
139
|
+
}, {
|
|
140
|
+
"path": "font.lineHeight.100",
|
|
141
|
+
"state": "deprecated"
|
|
142
|
+
}, {
|
|
143
|
+
"path": "font.lineHeight.200",
|
|
144
|
+
"state": "deprecated"
|
|
145
|
+
}, {
|
|
146
|
+
"path": "font.lineHeight.300",
|
|
147
|
+
"state": "deprecated"
|
|
148
|
+
}, {
|
|
149
|
+
"path": "font.lineHeight.400",
|
|
150
|
+
"state": "deprecated"
|
|
151
|
+
}, {
|
|
152
|
+
"path": "font.lineHeight.500",
|
|
153
|
+
"state": "deprecated"
|
|
154
|
+
}, {
|
|
155
|
+
"path": "font.lineHeight.600",
|
|
156
|
+
"state": "deprecated"
|
|
79
157
|
}];
|
|
80
158
|
var _default = exports.default = replacementMapper;
|
|
@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
16
16
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
17
17
|
* When a new theme is created, the import should automatically be added to the map
|
|
18
18
|
*
|
|
19
|
-
* @codegen <<SignedSource::
|
|
19
|
+
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
|
|
20
20
|
* @codegenCommand yarn build tokens
|
|
21
21
|
*/
|
|
22
22
|
|
|
@@ -87,12 +87,6 @@ var themeImportsMap = {
|
|
|
87
87
|
'./themes/atlassian-dark-new-input-border'));
|
|
88
88
|
});
|
|
89
89
|
},
|
|
90
|
-
'typography': function typography() {
|
|
91
|
-
return Promise.resolve().then(function () {
|
|
92
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
|
|
93
|
-
'./themes/atlassian-typography'));
|
|
94
|
-
});
|
|
95
|
-
},
|
|
96
90
|
'typography-minor3': function typographyMinor3() {
|
|
97
91
|
return Promise.resolve().then(function () {
|
|
98
92
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var name = "@atlaskit/tokens";
|
|
11
|
-
var version = "1.
|
|
11
|
+
var version = "1.30.0";
|
|
12
12
|
/**
|
|
13
13
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
14
14
|
* resulting CSS Custom Property.
|
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.30.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.
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -44,7 +44,7 @@ var themeContrastModes = exports.themeContrastModes = ['more', 'no-preference',
|
|
|
44
44
|
*
|
|
45
45
|
* These ids must be kebab case
|
|
46
46
|
*/
|
|
47
|
-
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', '
|
|
47
|
+
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
48
48
|
/**
|
|
49
49
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
50
50
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -172,14 +172,6 @@ var themeConfig = {
|
|
|
172
172
|
mode: 'dark'
|
|
173
173
|
}
|
|
174
174
|
},
|
|
175
|
-
'atlassian-typography': {
|
|
176
|
-
id: 'typography',
|
|
177
|
-
displayName: 'Atlassian Typography (Minor Second)',
|
|
178
|
-
palette: 'typographyPalette',
|
|
179
|
-
attributes: {
|
|
180
|
-
type: 'typography'
|
|
181
|
-
}
|
|
182
|
-
},
|
|
183
175
|
'atlassian-typography-minor3': {
|
|
184
176
|
id: 'typography-minor3',
|
|
185
177
|
displayName: 'Atlassian Typography (Minor Third)',
|
|
@@ -12,7 +12,7 @@
|
|
|
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::21692c7f910850540ebe583c659e4d10>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
|
|
@@ -52,6 +52,21 @@ const replacementMapper = [{
|
|
|
52
52
|
}, {
|
|
53
53
|
"path": "font.heading.xxsmall",
|
|
54
54
|
"state": "experimental"
|
|
55
|
+
}, {
|
|
56
|
+
"path": "font.letterSpacing.0",
|
|
57
|
+
"state": "deprecated"
|
|
58
|
+
}, {
|
|
59
|
+
"path": "font.letterSpacing.100",
|
|
60
|
+
"state": "deprecated"
|
|
61
|
+
}, {
|
|
62
|
+
"path": "font.letterSpacing.200",
|
|
63
|
+
"state": "deprecated"
|
|
64
|
+
}, {
|
|
65
|
+
"path": "font.letterSpacing.300",
|
|
66
|
+
"state": "deprecated"
|
|
67
|
+
}, {
|
|
68
|
+
"path": "font.letterSpacing.400",
|
|
69
|
+
"state": "deprecated"
|
|
55
70
|
}, {
|
|
56
71
|
"path": "font.ui.[default]",
|
|
57
72
|
"state": "experimental"
|
|
@@ -60,15 +75,78 @@ const replacementMapper = [{
|
|
|
60
75
|
"state": "experimental"
|
|
61
76
|
}, {
|
|
62
77
|
"path": "font.family.body",
|
|
63
|
-
"state": "
|
|
78
|
+
"state": "deprecated"
|
|
64
79
|
}, {
|
|
65
80
|
"path": "font.family.code",
|
|
66
|
-
"state": "
|
|
81
|
+
"state": "deprecated"
|
|
67
82
|
}, {
|
|
68
83
|
"path": "font.family.heading",
|
|
69
|
-
"state": "
|
|
84
|
+
"state": "deprecated"
|
|
85
|
+
}, {
|
|
86
|
+
"path": "font.family.monospace",
|
|
87
|
+
"state": "deprecated"
|
|
88
|
+
}, {
|
|
89
|
+
"path": "font.family.sans",
|
|
90
|
+
"state": "deprecated"
|
|
70
91
|
}, {
|
|
71
92
|
"path": "font.family.brand",
|
|
72
|
-
"state": "
|
|
93
|
+
"state": "deprecated"
|
|
94
|
+
}, {
|
|
95
|
+
"path": "font.size.050",
|
|
96
|
+
"state": "deprecated"
|
|
97
|
+
}, {
|
|
98
|
+
"path": "font.size.075",
|
|
99
|
+
"state": "deprecated"
|
|
100
|
+
}, {
|
|
101
|
+
"path": "font.size.100",
|
|
102
|
+
"state": "deprecated"
|
|
103
|
+
}, {
|
|
104
|
+
"path": "font.size.200",
|
|
105
|
+
"state": "deprecated"
|
|
106
|
+
}, {
|
|
107
|
+
"path": "font.size.300",
|
|
108
|
+
"state": "deprecated"
|
|
109
|
+
}, {
|
|
110
|
+
"path": "font.size.400",
|
|
111
|
+
"state": "deprecated"
|
|
112
|
+
}, {
|
|
113
|
+
"path": "font.size.500",
|
|
114
|
+
"state": "deprecated"
|
|
115
|
+
}, {
|
|
116
|
+
"path": "font.size.600",
|
|
117
|
+
"state": "deprecated"
|
|
118
|
+
}, {
|
|
119
|
+
"path": "font.weight.bold",
|
|
120
|
+
"state": "deprecated"
|
|
121
|
+
}, {
|
|
122
|
+
"path": "font.weight.medium",
|
|
123
|
+
"state": "deprecated"
|
|
124
|
+
}, {
|
|
125
|
+
"path": "font.weight.regular",
|
|
126
|
+
"state": "deprecated"
|
|
127
|
+
}, {
|
|
128
|
+
"path": "font.weight.semibold",
|
|
129
|
+
"state": "deprecated"
|
|
130
|
+
}, {
|
|
131
|
+
"path": "font.lineHeight.1",
|
|
132
|
+
"state": "deprecated"
|
|
133
|
+
}, {
|
|
134
|
+
"path": "font.lineHeight.100",
|
|
135
|
+
"state": "deprecated"
|
|
136
|
+
}, {
|
|
137
|
+
"path": "font.lineHeight.200",
|
|
138
|
+
"state": "deprecated"
|
|
139
|
+
}, {
|
|
140
|
+
"path": "font.lineHeight.300",
|
|
141
|
+
"state": "deprecated"
|
|
142
|
+
}, {
|
|
143
|
+
"path": "font.lineHeight.400",
|
|
144
|
+
"state": "deprecated"
|
|
145
|
+
}, {
|
|
146
|
+
"path": "font.lineHeight.500",
|
|
147
|
+
"state": "deprecated"
|
|
148
|
+
}, {
|
|
149
|
+
"path": "font.lineHeight.600",
|
|
150
|
+
"state": "deprecated"
|
|
73
151
|
}];
|
|
74
152
|
export default replacementMapper;
|
|
@@ -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::da31df0b9dea8584d4ae7e0ad251f3dd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -33,8 +33,6 @@ const themeImportsMap = {
|
|
|
33
33
|
'./themes/atlassian-light-new-input-border'),
|
|
34
34
|
'dark-new-input-border': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
|
|
35
35
|
'./themes/atlassian-dark-new-input-border'),
|
|
36
|
-
'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
|
|
37
|
-
'./themes/atlassian-typography'),
|
|
38
36
|
'typography-minor3': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
|
|
39
37
|
'./themes/atlassian-typography-minor3')
|
|
40
38
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
const name = "@atlaskit/tokens";
|
|
4
|
-
const version = "1.
|
|
4
|
+
const version = "1.30.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/es2019/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
|
const name = "@atlaskit/tokens";
|
|
5
|
-
const version = "1.
|
|
5
|
+
const version = "1.30.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.
|
|
@@ -38,7 +38,7 @@ export const themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
38
38
|
*
|
|
39
39
|
* These ids must be kebab case
|
|
40
40
|
*/
|
|
41
|
-
export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', '
|
|
41
|
+
export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
42
42
|
/**
|
|
43
43
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
44
44
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -166,14 +166,6 @@ const themeConfig = {
|
|
|
166
166
|
mode: 'dark'
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
|
-
'atlassian-typography': {
|
|
170
|
-
id: 'typography',
|
|
171
|
-
displayName: 'Atlassian Typography (Minor Second)',
|
|
172
|
-
palette: 'typographyPalette',
|
|
173
|
-
attributes: {
|
|
174
|
-
type: 'typography'
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
169
|
'atlassian-typography-minor3': {
|
|
178
170
|
id: 'typography-minor3',
|
|
179
171
|
displayName: 'Atlassian Typography (Minor Third)',
|
|
@@ -12,7 +12,7 @@
|
|
|
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::21692c7f910850540ebe583c659e4d10>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
|
|
@@ -52,6 +52,21 @@ var replacementMapper = [{
|
|
|
52
52
|
}, {
|
|
53
53
|
"path": "font.heading.xxsmall",
|
|
54
54
|
"state": "experimental"
|
|
55
|
+
}, {
|
|
56
|
+
"path": "font.letterSpacing.0",
|
|
57
|
+
"state": "deprecated"
|
|
58
|
+
}, {
|
|
59
|
+
"path": "font.letterSpacing.100",
|
|
60
|
+
"state": "deprecated"
|
|
61
|
+
}, {
|
|
62
|
+
"path": "font.letterSpacing.200",
|
|
63
|
+
"state": "deprecated"
|
|
64
|
+
}, {
|
|
65
|
+
"path": "font.letterSpacing.300",
|
|
66
|
+
"state": "deprecated"
|
|
67
|
+
}, {
|
|
68
|
+
"path": "font.letterSpacing.400",
|
|
69
|
+
"state": "deprecated"
|
|
55
70
|
}, {
|
|
56
71
|
"path": "font.ui.[default]",
|
|
57
72
|
"state": "experimental"
|
|
@@ -60,15 +75,78 @@ var replacementMapper = [{
|
|
|
60
75
|
"state": "experimental"
|
|
61
76
|
}, {
|
|
62
77
|
"path": "font.family.body",
|
|
63
|
-
"state": "
|
|
78
|
+
"state": "deprecated"
|
|
64
79
|
}, {
|
|
65
80
|
"path": "font.family.code",
|
|
66
|
-
"state": "
|
|
81
|
+
"state": "deprecated"
|
|
67
82
|
}, {
|
|
68
83
|
"path": "font.family.heading",
|
|
69
|
-
"state": "
|
|
84
|
+
"state": "deprecated"
|
|
85
|
+
}, {
|
|
86
|
+
"path": "font.family.monospace",
|
|
87
|
+
"state": "deprecated"
|
|
88
|
+
}, {
|
|
89
|
+
"path": "font.family.sans",
|
|
90
|
+
"state": "deprecated"
|
|
70
91
|
}, {
|
|
71
92
|
"path": "font.family.brand",
|
|
72
|
-
"state": "
|
|
93
|
+
"state": "deprecated"
|
|
94
|
+
}, {
|
|
95
|
+
"path": "font.size.050",
|
|
96
|
+
"state": "deprecated"
|
|
97
|
+
}, {
|
|
98
|
+
"path": "font.size.075",
|
|
99
|
+
"state": "deprecated"
|
|
100
|
+
}, {
|
|
101
|
+
"path": "font.size.100",
|
|
102
|
+
"state": "deprecated"
|
|
103
|
+
}, {
|
|
104
|
+
"path": "font.size.200",
|
|
105
|
+
"state": "deprecated"
|
|
106
|
+
}, {
|
|
107
|
+
"path": "font.size.300",
|
|
108
|
+
"state": "deprecated"
|
|
109
|
+
}, {
|
|
110
|
+
"path": "font.size.400",
|
|
111
|
+
"state": "deprecated"
|
|
112
|
+
}, {
|
|
113
|
+
"path": "font.size.500",
|
|
114
|
+
"state": "deprecated"
|
|
115
|
+
}, {
|
|
116
|
+
"path": "font.size.600",
|
|
117
|
+
"state": "deprecated"
|
|
118
|
+
}, {
|
|
119
|
+
"path": "font.weight.bold",
|
|
120
|
+
"state": "deprecated"
|
|
121
|
+
}, {
|
|
122
|
+
"path": "font.weight.medium",
|
|
123
|
+
"state": "deprecated"
|
|
124
|
+
}, {
|
|
125
|
+
"path": "font.weight.regular",
|
|
126
|
+
"state": "deprecated"
|
|
127
|
+
}, {
|
|
128
|
+
"path": "font.weight.semibold",
|
|
129
|
+
"state": "deprecated"
|
|
130
|
+
}, {
|
|
131
|
+
"path": "font.lineHeight.1",
|
|
132
|
+
"state": "deprecated"
|
|
133
|
+
}, {
|
|
134
|
+
"path": "font.lineHeight.100",
|
|
135
|
+
"state": "deprecated"
|
|
136
|
+
}, {
|
|
137
|
+
"path": "font.lineHeight.200",
|
|
138
|
+
"state": "deprecated"
|
|
139
|
+
}, {
|
|
140
|
+
"path": "font.lineHeight.300",
|
|
141
|
+
"state": "deprecated"
|
|
142
|
+
}, {
|
|
143
|
+
"path": "font.lineHeight.400",
|
|
144
|
+
"state": "deprecated"
|
|
145
|
+
}, {
|
|
146
|
+
"path": "font.lineHeight.500",
|
|
147
|
+
"state": "deprecated"
|
|
148
|
+
}, {
|
|
149
|
+
"path": "font.lineHeight.600",
|
|
150
|
+
"state": "deprecated"
|
|
73
151
|
}];
|
|
74
152
|
export default replacementMapper;
|
|
@@ -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::da31df0b9dea8584d4ae7e0ad251f3dd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -55,10 +55,6 @@ var themeImportsMap = {
|
|
|
55
55
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
|
|
56
56
|
'./themes/atlassian-dark-new-input-border');
|
|
57
57
|
},
|
|
58
|
-
'typography': function typography() {
|
|
59
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
|
|
60
|
-
'./themes/atlassian-typography');
|
|
61
|
-
},
|
|
62
58
|
'typography-minor3': function typographyMinor3() {
|
|
63
59
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
|
|
64
60
|
'./themes/atlassian-typography-minor3');
|
|
@@ -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.30.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.30.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.
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -38,7 +38,7 @@ export var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
38
38
|
*
|
|
39
39
|
* These ids must be kebab case
|
|
40
40
|
*/
|
|
41
|
-
export var themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', '
|
|
41
|
+
export var themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
42
42
|
/**
|
|
43
43
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
44
44
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -166,14 +166,6 @@ var themeConfig = {
|
|
|
166
166
|
mode: 'dark'
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
|
-
'atlassian-typography': {
|
|
170
|
-
id: 'typography',
|
|
171
|
-
displayName: 'Atlassian Typography (Minor Second)',
|
|
172
|
-
palette: 'typographyPalette',
|
|
173
|
-
attributes: {
|
|
174
|
-
type: 'typography'
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
169
|
'atlassian-typography-minor3': {
|
|
178
170
|
id: 'typography-minor3',
|
|
179
171
|
displayName: 'Atlassian Typography (Minor Third)',
|
|
@@ -12,7 +12,7 @@
|
|
|
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::21692c7f910850540ebe583c659e4d10>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import tokens from './token-names';
|
|
@@ -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::da31df0b9dea8584d4ae7e0ad251f3dd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* These ids are what the actual theme files/folders are called.
|
|
7
7
|
* style-dictionary will attempt to locate these in the file-system.
|
|
8
8
|
*/
|
|
9
|
-
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
11
|
/**
|
|
12
12
|
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
|
|
|
42
42
|
*
|
|
43
43
|
* These ids must be kebab case
|
|
44
44
|
*/
|
|
45
|
-
export declare const themeIds: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "
|
|
45
|
+
export declare const themeIds: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3"];
|
|
46
46
|
export type ThemeIds = (typeof themeIds)[number];
|
|
47
47
|
/**
|
|
48
48
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
50
50
|
*/
|
|
51
51
|
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
|
|
52
52
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
53
|
-
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "
|
|
53
|
+
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
|
|
54
54
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
55
55
|
/**
|
|
56
56
|
* Theme to use a base. This will create the theme as
|
|
@@ -12,7 +12,7 @@
|
|
|
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::21692c7f910850540ebe583c659e4d10>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import tokens from './token-names';
|
|
@@ -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::da31df0b9dea8584d4ae7e0ad251f3dd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* These ids are what the actual theme files/folders are called.
|
|
7
7
|
* style-dictionary will attempt to locate these in the file-system.
|
|
8
8
|
*/
|
|
9
|
-
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
11
|
/**
|
|
12
12
|
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
@@ -58,7 +58,6 @@ export declare const themeIds: readonly [
|
|
|
58
58
|
"legacy-light",
|
|
59
59
|
"legacy-dark",
|
|
60
60
|
"spacing",
|
|
61
|
-
"typography",
|
|
62
61
|
"shape",
|
|
63
62
|
"typography-adg3",
|
|
64
63
|
"typography-minor3"
|
|
@@ -81,7 +80,6 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
81
80
|
"legacy-light",
|
|
82
81
|
"legacy-dark",
|
|
83
82
|
"spacing",
|
|
84
|
-
"typography",
|
|
85
83
|
"shape",
|
|
86
84
|
"typography-adg3",
|
|
87
85
|
"typography-minor3",
|
package/package.json
CHANGED