@atlaskit/tokens 0.3.0 → 0.5.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 +38 -0
- package/README.md +28 -0
- package/babel-plugin/package.json +7 -0
- package/css/atlassian-dark.css +24 -23
- package/css/atlassian-light.css +21 -20
- package/dist/cjs/artifacts/rename-mapping.js +23 -0
- package/dist/cjs/{tokens → artifacts}/token-default-values.js +22 -21
- package/dist/cjs/{tokens → artifacts}/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1786 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1766 -0
- package/dist/cjs/artifacts/types.js +5 -0
- package/dist/cjs/{entry-points/token-default-values.js → babel-plugin/index.js} +2 -2
- package/dist/cjs/babel-plugin/plugin.js +176 -0
- package/dist/cjs/entry-points/rename-mapping.js +1 -1
- package/dist/cjs/entry-points/token-names.js +1 -1
- package/dist/cjs/figma/synchronize-figma-tokens.js +41 -39
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +3 -0
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +3 -0
- package/dist/cjs/tokens/default/color/accent.js +13 -0
- package/dist/cjs/tokens/default/color/background.js +49 -0
- package/dist/cjs/tokens/default/color/border.js +2 -0
- package/dist/cjs/tokens/default/color/icon-border.js +5 -0
- package/dist/cjs/tokens/default/color/overlay.js +2 -0
- package/dist/cjs/tokens/default/color/text.js +14 -0
- package/dist/cjs/tokens/default/shadow/shadow.js +2 -0
- package/dist/cjs/tokens/default/utility/utility.js +10 -2
- package/dist/cjs/tokens/palette.js +145 -260
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +16 -0
- package/dist/es2019/{tokens → artifacts}/token-default-values.js +22 -21
- package/dist/es2019/{tokens → artifacts}/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1779 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1759 -0
- package/dist/es2019/artifacts/types.js +1 -0
- package/dist/es2019/babel-plugin/index.js +1 -0
- package/dist/es2019/babel-plugin/plugin.js +151 -0
- package/dist/es2019/entry-points/rename-mapping.js +1 -1
- package/dist/es2019/entry-points/token-names.js +1 -1
- package/dist/es2019/figma/synchronize-figma-tokens.js +41 -39
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +3 -0
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +3 -0
- package/dist/es2019/tokens/default/color/accent.js +13 -0
- package/dist/es2019/tokens/default/color/background.js +49 -0
- package/dist/es2019/tokens/default/color/border.js +2 -0
- package/dist/es2019/tokens/default/color/icon-border.js +5 -0
- package/dist/es2019/tokens/default/color/overlay.js +2 -0
- package/dist/es2019/tokens/default/color/text.js +14 -0
- package/dist/es2019/tokens/default/shadow/shadow.js +2 -0
- package/dist/es2019/tokens/default/utility/utility.js +10 -2
- package/dist/es2019/tokens/palette.js +145 -260
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +16 -0
- package/dist/esm/{tokens → artifacts}/token-default-values.js +22 -21
- package/dist/esm/{tokens → artifacts}/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1779 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1759 -0
- package/dist/esm/artifacts/types.js +1 -0
- package/dist/esm/babel-plugin/index.js +1 -0
- package/dist/esm/babel-plugin/plugin.js +158 -0
- package/dist/esm/entry-points/rename-mapping.js +1 -1
- package/dist/esm/entry-points/token-names.js +1 -1
- package/dist/esm/figma/synchronize-figma-tokens.js +41 -39
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +3 -0
- package/dist/esm/tokens/atlassian-light/utility/utility.js +3 -0
- package/dist/esm/tokens/default/color/accent.js +13 -0
- package/dist/esm/tokens/default/color/background.js +49 -0
- package/dist/esm/tokens/default/color/border.js +2 -0
- package/dist/esm/tokens/default/color/icon-border.js +5 -0
- package/dist/esm/tokens/default/color/overlay.js +2 -0
- package/dist/esm/tokens/default/color/text.js +14 -0
- package/dist/esm/tokens/default/shadow/shadow.js +2 -0
- package/dist/esm/tokens/default/utility/utility.js +10 -2
- package/dist/esm/tokens/palette.js +145 -260
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/rename-mapping.d.ts +21 -0
- package/dist/types/{tokens → artifacts}/token-default-values.d.ts +21 -20
- package/dist/types/{tokens → artifacts}/token-names.d.ts +2 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +80 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +56 -0
- package/dist/types/artifacts/types.d.ts +4 -0
- package/dist/types/babel-plugin/index.d.ts +1 -0
- package/dist/types/babel-plugin/plugin.d.ts +14 -0
- package/dist/types/entry-points/babel-plugin.d.ts +1 -0
- package/dist/types/entry-points/rename-mapping.d.ts +1 -1
- package/dist/types/entry-points/token-names.d.ts +2 -2
- package/dist/types/get-token.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +10 -2
- package/dist/types/tokens/atlassian-light/utility/utility.d.ts +10 -2
- package/dist/types/tokens/default/utility/utility.d.ts +138 -2
- package/dist/types/types.d.ts +49 -14
- package/package.json +18 -6
- package/tokens-browser-extension/atlassian-theme.css +434 -360
- package/dist/cjs/tokens/rename-mapping.js +0 -29
- package/dist/es2019/entry-points/token-default-values.js +0 -1
- package/dist/es2019/tokens/rename-mapping.js +0 -21
- package/dist/esm/entry-points/token-default-values.js +0 -1
- package/dist/esm/tokens/rename-mapping.js +0 -21
- package/dist/types/entry-points/token-default-values.d.ts +0 -1
- package/dist/types/tokens/rename-mapping.d.ts +0 -24
- package/token-default-values/package.json +0 -7
package/dist/es2019/version.json
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file is intended to help automate renaming of tokens.
|
|
5
|
+
*
|
|
6
|
+
* 1. Mark the old token's 'state' as deprecated
|
|
7
|
+
* 2. Add a 'rename' attribute to the token with the value 'my.new.token'
|
|
8
|
+
* 3. Create a new token matching the token above: 'my.new.token'
|
|
9
|
+
* 4. Run 'bolt build tokens' to have you changes reflected in this map
|
|
10
|
+
* 5. eslint and other tools will now use this to automate replacing tokens
|
|
11
|
+
*
|
|
12
|
+
* These changes will then be picked up by our tooling, which will attempt to
|
|
13
|
+
* migrate as many of these renames as possible
|
|
14
|
+
*/
|
|
15
|
+
var renameMapper = [];
|
|
16
|
+
export default renameMapper;
|
|
@@ -6,18 +6,18 @@
|
|
|
6
6
|
*/
|
|
7
7
|
var defaultTokenValues = {
|
|
8
8
|
'color.accent.boldBlue': '#579DFF',
|
|
9
|
-
'color.accent.boldGreen': '#
|
|
10
|
-
'color.accent.boldOrange': '#
|
|
9
|
+
'color.accent.boldGreen': '#4BCE97',
|
|
10
|
+
'color.accent.boldOrange': '#FAA53D',
|
|
11
11
|
'color.accent.boldPurple': '#9F8FEF',
|
|
12
|
-
'color.accent.boldRed': '#
|
|
13
|
-
'color.accent.boldTeal': '#
|
|
12
|
+
'color.accent.boldRed': '#F87462',
|
|
13
|
+
'color.accent.boldTeal': '#60C6D2',
|
|
14
14
|
'color.accent.subtleBlue': '#CCE0FF',
|
|
15
|
-
'color.accent.subtleGreen': '#
|
|
15
|
+
'color.accent.subtleGreen': '#BAF3DB',
|
|
16
16
|
'color.accent.subtleMagenta': '#FDD0EC',
|
|
17
|
-
'color.accent.subtleOrange': '#
|
|
17
|
+
'color.accent.subtleOrange': '#FFE2BD',
|
|
18
18
|
'color.accent.subtlePurple': '#DFD8FD',
|
|
19
19
|
'color.accent.subtleRed': '#FFD2CC',
|
|
20
|
-
'color.accent.subtleTeal': '#
|
|
20
|
+
'color.accent.subtleTeal': '#C1F0F5',
|
|
21
21
|
'color.background.sunken': '#091E4208',
|
|
22
22
|
'color.background.default': '#FFFFFF',
|
|
23
23
|
'color.background.card': '#FFFFFF',
|
|
@@ -33,24 +33,24 @@ var defaultTokenValues = {
|
|
|
33
33
|
'color.background.subtleBrand.resting': '#E9F2FF',
|
|
34
34
|
'color.background.subtleBrand.hover': '#CCE0FF',
|
|
35
35
|
'color.background.subtleBrand.pressed': '#85B8FF',
|
|
36
|
-
'color.background.boldDanger.resting': '#
|
|
37
|
-
'color.background.boldDanger.hover': '#
|
|
38
|
-
'color.background.boldDanger.pressed': '#
|
|
36
|
+
'color.background.boldDanger.resting': '#CA3521',
|
|
37
|
+
'color.background.boldDanger.hover': '#AE2A19',
|
|
38
|
+
'color.background.boldDanger.pressed': '#601E16',
|
|
39
39
|
'color.background.subtleDanger.resting': '#FFEDEB',
|
|
40
40
|
'color.background.subtleDanger.hover': '#FFD2CC',
|
|
41
|
-
'color.background.subtleDanger.pressed': '#
|
|
42
|
-
'color.background.boldWarning.resting': '#
|
|
43
|
-
'color.background.boldWarning.hover': '#
|
|
41
|
+
'color.background.subtleDanger.pressed': '#FF9C8F',
|
|
42
|
+
'color.background.boldWarning.resting': '#E2B203',
|
|
43
|
+
'color.background.boldWarning.hover': '#CF9F02',
|
|
44
44
|
'color.background.boldWarning.pressed': '#B38600',
|
|
45
45
|
'color.background.subtleWarning.resting': '#FFF7D6',
|
|
46
|
-
'color.background.subtleWarning.hover': '#
|
|
47
|
-
'color.background.subtleWarning.pressed': '#
|
|
46
|
+
'color.background.subtleWarning.hover': '#F8E6A0',
|
|
47
|
+
'color.background.subtleWarning.pressed': '#F5CD47',
|
|
48
48
|
'color.background.boldSuccess.resting': '#1F845A',
|
|
49
49
|
'color.background.boldSuccess.hover': '#216E4E',
|
|
50
50
|
'color.background.boldSuccess.pressed': '#164B35',
|
|
51
51
|
'color.background.subtleSuccess.resting': '#DFFCF0',
|
|
52
|
-
'color.background.subtleSuccess.hover': '#
|
|
53
|
-
'color.background.subtleSuccess.pressed': '#
|
|
52
|
+
'color.background.subtleSuccess.hover': '#BAF3DB',
|
|
53
|
+
'color.background.subtleSuccess.pressed': '#7EE2B8',
|
|
54
54
|
'color.background.boldDiscovery.resting': '#6E5DC6',
|
|
55
55
|
'color.background.boldDiscovery.hover': '#5E4DB2',
|
|
56
56
|
'color.background.boldDiscovery.pressed': '#352C63',
|
|
@@ -70,8 +70,8 @@ var defaultTokenValues = {
|
|
|
70
70
|
'color.border.focus': '#388BFF',
|
|
71
71
|
'color.border.neutral': '#091E4224',
|
|
72
72
|
'color.iconBorder.brand': '#1D7AFC',
|
|
73
|
-
'color.iconBorder.danger': '#
|
|
74
|
-
'color.iconBorder.warning': '#
|
|
73
|
+
'color.iconBorder.danger': '#E34935',
|
|
74
|
+
'color.iconBorder.warning': '#D97008',
|
|
75
75
|
'color.iconBorder.success': '#22A06B',
|
|
76
76
|
'color.iconBorder.discovery': '#8270DB',
|
|
77
77
|
'color.overlay.hover': '#091E424F',
|
|
@@ -86,12 +86,13 @@ var defaultTokenValues = {
|
|
|
86
86
|
'color.text.link.pressed': '#0055CC',
|
|
87
87
|
'color.text.brand': '#0055CC',
|
|
88
88
|
'color.text.warning': '#974F0C',
|
|
89
|
-
'color.text.danger': '#
|
|
89
|
+
'color.text.danger': '#AE2A19',
|
|
90
90
|
'color.text.success': '#216E4E',
|
|
91
91
|
'color.text.discovery': '#5E4DB2',
|
|
92
92
|
'color.text.disabled': '#8993A5',
|
|
93
93
|
'shadow.card': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
|
|
94
94
|
'shadow.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
|
|
95
|
-
'utility.UNSAFE_util.transparent': 'transparent'
|
|
95
|
+
'utility.UNSAFE_util.transparent': 'transparent',
|
|
96
|
+
'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2'
|
|
96
97
|
};
|
|
97
98
|
export default defaultTokenValues;
|
|
@@ -88,6 +88,7 @@ var tokens = {
|
|
|
88
88
|
'color.text.disabled': '--ds-text-disabled',
|
|
89
89
|
'shadow.card': '--ds-card',
|
|
90
90
|
'shadow.overlay': '--ds-overlay',
|
|
91
|
-
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent'
|
|
91
|
+
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
|
|
92
|
+
'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
|
|
92
93
|
};
|
|
93
94
|
export default tokens;
|