@atlaskit/tokens 0.8.1 → 0.9.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 +18 -0
- package/css/atlassian-dark.css +8 -4
- package/css/atlassian-light.css +8 -4
- package/dist/cjs/artifacts/rename-mapping.js +4 -0
- package/dist/cjs/artifacts/token-default-values.js +8 -4
- package/dist/cjs/artifacts/token-names.js +4 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +644 -18
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +642 -16
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/background.js +17 -5
- package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/cjs/tokens/atlassian-light/color/background.js +17 -5
- package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/cjs/tokens/default/color/accent.js +65 -1
- package/dist/cjs/tokens/default/color/background.js +82 -6
- package/dist/cjs/tokens/default/color/border.js +19 -0
- package/dist/cjs/tokens/default/color/icon.js +13 -1
- package/dist/cjs/tokens/default/color/interaction.js +4 -0
- package/dist/cjs/tokens/default/color/skeleton.js +2 -0
- package/dist/cjs/tokens/default/color/text.js +15 -0
- package/dist/cjs/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/cjs/tokens/default/elevation/shadow.js +3 -0
- package/dist/cjs/tokens/default/elevation/surface.js +4 -0
- package/dist/cjs/tokens/default/utility/utility.js +2 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +4 -0
- package/dist/es2019/artifacts/token-default-values.js +8 -4
- package/dist/es2019/artifacts/token-names.js +4 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +644 -18
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +642 -16
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/background.js +17 -5
- package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/es2019/tokens/atlassian-light/color/background.js +17 -5
- package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/es2019/tokens/default/color/accent.js +65 -1
- package/dist/es2019/tokens/default/color/background.js +82 -6
- package/dist/es2019/tokens/default/color/border.js +19 -0
- package/dist/es2019/tokens/default/color/icon.js +13 -1
- package/dist/es2019/tokens/default/color/interaction.js +4 -0
- package/dist/es2019/tokens/default/color/skeleton.js +2 -0
- package/dist/es2019/tokens/default/color/text.js +15 -0
- package/dist/es2019/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/es2019/tokens/default/elevation/shadow.js +3 -0
- package/dist/es2019/tokens/default/elevation/surface.js +4 -0
- package/dist/es2019/tokens/default/utility/utility.js +2 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +4 -0
- package/dist/esm/artifacts/token-default-values.js +8 -4
- package/dist/esm/artifacts/token-names.js +4 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +644 -18
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +642 -16
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/background.js +17 -5
- package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/esm/tokens/atlassian-light/color/background.js +17 -5
- package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/esm/tokens/default/color/accent.js +65 -1
- package/dist/esm/tokens/default/color/background.js +82 -6
- package/dist/esm/tokens/default/color/border.js +19 -0
- package/dist/esm/tokens/default/color/icon.js +13 -1
- package/dist/esm/tokens/default/color/interaction.js +4 -0
- package/dist/esm/tokens/default/color/skeleton.js +2 -0
- package/dist/esm/tokens/default/color/text.js +15 -0
- package/dist/esm/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/esm/tokens/default/elevation/shadow.js +3 -0
- package/dist/esm/tokens/default/elevation/surface.js +4 -0
- package/dist/esm/tokens/default/utility/utility.js +2 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +8 -4
- package/dist/types/artifacts/token-names.d.ts +8 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +8 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +8 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/tokens/default/utility/utility.d.ts +14 -10
- package/dist/types/types.d.ts +13 -1
- package/package.json +6 -2
|
@@ -5,6 +5,7 @@ var color = {
|
|
|
5
5
|
attributes: {
|
|
6
6
|
group: 'paint',
|
|
7
7
|
state: 'active',
|
|
8
|
+
introduced: '0.6.0',
|
|
8
9
|
description: 'Use for primary text, such as body copy, sentence case headers, and buttons.'
|
|
9
10
|
}
|
|
10
11
|
},
|
|
@@ -12,6 +13,7 @@ var color = {
|
|
|
12
13
|
attributes: {
|
|
13
14
|
group: 'paint',
|
|
14
15
|
state: 'active',
|
|
16
|
+
introduced: '0.6.0',
|
|
15
17
|
description: 'Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings.'
|
|
16
18
|
}
|
|
17
19
|
},
|
|
@@ -19,6 +21,7 @@ var color = {
|
|
|
19
21
|
attributes: {
|
|
20
22
|
group: 'paint',
|
|
21
23
|
state: 'active',
|
|
24
|
+
introduced: '0.6.0',
|
|
22
25
|
description: 'Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.'
|
|
23
26
|
}
|
|
24
27
|
},
|
|
@@ -26,6 +29,7 @@ var color = {
|
|
|
26
29
|
attributes: {
|
|
27
30
|
group: 'paint',
|
|
28
31
|
state: 'active',
|
|
32
|
+
introduced: '0.0.15',
|
|
29
33
|
description: 'Use for text in a disabled state.'
|
|
30
34
|
}
|
|
31
35
|
},
|
|
@@ -33,6 +37,7 @@ var color = {
|
|
|
33
37
|
attributes: {
|
|
34
38
|
group: 'paint',
|
|
35
39
|
state: 'active',
|
|
40
|
+
introduced: '0.6.0',
|
|
36
41
|
description: 'Use for text on bold backgrounds.'
|
|
37
42
|
}
|
|
38
43
|
},
|
|
@@ -40,6 +45,7 @@ var color = {
|
|
|
40
45
|
attributes: {
|
|
41
46
|
group: 'paint',
|
|
42
47
|
state: 'active',
|
|
48
|
+
introduced: '0.6.0',
|
|
43
49
|
description: 'Use for text that reinforces our brand.'
|
|
44
50
|
}
|
|
45
51
|
},
|
|
@@ -47,6 +53,7 @@ var color = {
|
|
|
47
53
|
attributes: {
|
|
48
54
|
group: 'paint',
|
|
49
55
|
state: 'active',
|
|
56
|
+
introduced: '0.6.0',
|
|
50
57
|
description: 'Use for text in selected or opened states, such as tabs and dropdown buttons.'
|
|
51
58
|
}
|
|
52
59
|
},
|
|
@@ -54,6 +61,7 @@ var color = {
|
|
|
54
61
|
attributes: {
|
|
55
62
|
group: 'paint',
|
|
56
63
|
state: 'active',
|
|
64
|
+
introduced: '0.0.15',
|
|
57
65
|
description: 'Use for critical text, such as input field error messaging.'
|
|
58
66
|
}
|
|
59
67
|
},
|
|
@@ -62,6 +70,7 @@ var color = {
|
|
|
62
70
|
attributes: {
|
|
63
71
|
group: 'paint',
|
|
64
72
|
state: 'active',
|
|
73
|
+
introduced: '0.0.15',
|
|
65
74
|
description: 'Use for text to emphasize caution, such as in moved lozenges.'
|
|
66
75
|
}
|
|
67
76
|
},
|
|
@@ -69,6 +78,7 @@ var color = {
|
|
|
69
78
|
attributes: {
|
|
70
79
|
group: 'paint',
|
|
71
80
|
state: 'active',
|
|
81
|
+
introduced: '0.6.0',
|
|
72
82
|
description: 'Use for text when on bold warning backgrounds.'
|
|
73
83
|
}
|
|
74
84
|
}
|
|
@@ -77,6 +87,7 @@ var color = {
|
|
|
77
87
|
attributes: {
|
|
78
88
|
group: 'paint',
|
|
79
89
|
state: 'active',
|
|
90
|
+
introduced: '0.0.15',
|
|
80
91
|
description: 'Use for text to communicate a favourable outcome, such as input field success messaging.'
|
|
81
92
|
}
|
|
82
93
|
},
|
|
@@ -84,6 +95,7 @@ var color = {
|
|
|
84
95
|
attributes: {
|
|
85
96
|
group: 'paint',
|
|
86
97
|
state: 'active',
|
|
98
|
+
introduced: '0.0.15',
|
|
87
99
|
description: 'Use for text to emphasize change or something new, such as in new lozenges.'
|
|
88
100
|
}
|
|
89
101
|
},
|
|
@@ -91,6 +103,7 @@ var color = {
|
|
|
91
103
|
attributes: {
|
|
92
104
|
group: 'paint',
|
|
93
105
|
state: 'active',
|
|
106
|
+
introduced: '0.6.0',
|
|
94
107
|
description: 'Use for informative text or to communicate something is in progress, such as in-progress lozenges.'
|
|
95
108
|
}
|
|
96
109
|
}
|
|
@@ -100,6 +113,7 @@ var color = {
|
|
|
100
113
|
attributes: {
|
|
101
114
|
group: 'paint',
|
|
102
115
|
state: 'active',
|
|
116
|
+
introduced: '0.6.0',
|
|
103
117
|
description: 'Use for links in a default or hovered state. Add an underline for hovered states.'
|
|
104
118
|
}
|
|
105
119
|
},
|
|
@@ -107,6 +121,7 @@ var color = {
|
|
|
107
121
|
attributes: {
|
|
108
122
|
group: 'paint',
|
|
109
123
|
state: 'active',
|
|
124
|
+
introduced: '0.6.0',
|
|
110
125
|
description: 'Use for links in a pressed state.'
|
|
111
126
|
}
|
|
112
127
|
}
|