@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
|
@@ -11,6 +11,7 @@ var color = {
|
|
|
11
11
|
attributes: {
|
|
12
12
|
group: 'paint',
|
|
13
13
|
state: 'active',
|
|
14
|
+
introduced: '0.6.0',
|
|
14
15
|
description: 'Use for primary text, such as body copy, sentence case headers, and buttons.'
|
|
15
16
|
}
|
|
16
17
|
},
|
|
@@ -18,6 +19,7 @@ var color = {
|
|
|
18
19
|
attributes: {
|
|
19
20
|
group: 'paint',
|
|
20
21
|
state: 'active',
|
|
22
|
+
introduced: '0.6.0',
|
|
21
23
|
description: 'Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings.'
|
|
22
24
|
}
|
|
23
25
|
},
|
|
@@ -25,6 +27,7 @@ var color = {
|
|
|
25
27
|
attributes: {
|
|
26
28
|
group: 'paint',
|
|
27
29
|
state: 'active',
|
|
30
|
+
introduced: '0.6.0',
|
|
28
31
|
description: 'Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.'
|
|
29
32
|
}
|
|
30
33
|
},
|
|
@@ -32,6 +35,7 @@ var color = {
|
|
|
32
35
|
attributes: {
|
|
33
36
|
group: 'paint',
|
|
34
37
|
state: 'active',
|
|
38
|
+
introduced: '0.0.15',
|
|
35
39
|
description: 'Use for text in a disabled state.'
|
|
36
40
|
}
|
|
37
41
|
},
|
|
@@ -39,6 +43,7 @@ var color = {
|
|
|
39
43
|
attributes: {
|
|
40
44
|
group: 'paint',
|
|
41
45
|
state: 'active',
|
|
46
|
+
introduced: '0.6.0',
|
|
42
47
|
description: 'Use for text on bold backgrounds.'
|
|
43
48
|
}
|
|
44
49
|
},
|
|
@@ -46,6 +51,7 @@ var color = {
|
|
|
46
51
|
attributes: {
|
|
47
52
|
group: 'paint',
|
|
48
53
|
state: 'active',
|
|
54
|
+
introduced: '0.6.0',
|
|
49
55
|
description: 'Use for text that reinforces our brand.'
|
|
50
56
|
}
|
|
51
57
|
},
|
|
@@ -53,6 +59,7 @@ var color = {
|
|
|
53
59
|
attributes: {
|
|
54
60
|
group: 'paint',
|
|
55
61
|
state: 'active',
|
|
62
|
+
introduced: '0.6.0',
|
|
56
63
|
description: 'Use for text in selected or opened states, such as tabs and dropdown buttons.'
|
|
57
64
|
}
|
|
58
65
|
},
|
|
@@ -60,6 +67,7 @@ var color = {
|
|
|
60
67
|
attributes: {
|
|
61
68
|
group: 'paint',
|
|
62
69
|
state: 'active',
|
|
70
|
+
introduced: '0.0.15',
|
|
63
71
|
description: 'Use for critical text, such as input field error messaging.'
|
|
64
72
|
}
|
|
65
73
|
},
|
|
@@ -68,6 +76,7 @@ var color = {
|
|
|
68
76
|
attributes: {
|
|
69
77
|
group: 'paint',
|
|
70
78
|
state: 'active',
|
|
79
|
+
introduced: '0.0.15',
|
|
71
80
|
description: 'Use for text to emphasize caution, such as in moved lozenges.'
|
|
72
81
|
}
|
|
73
82
|
},
|
|
@@ -75,6 +84,7 @@ var color = {
|
|
|
75
84
|
attributes: {
|
|
76
85
|
group: 'paint',
|
|
77
86
|
state: 'active',
|
|
87
|
+
introduced: '0.6.0',
|
|
78
88
|
description: 'Use for text when on bold warning backgrounds.'
|
|
79
89
|
}
|
|
80
90
|
}
|
|
@@ -83,6 +93,7 @@ var color = {
|
|
|
83
93
|
attributes: {
|
|
84
94
|
group: 'paint',
|
|
85
95
|
state: 'active',
|
|
96
|
+
introduced: '0.0.15',
|
|
86
97
|
description: 'Use for text to communicate a favourable outcome, such as input field success messaging.'
|
|
87
98
|
}
|
|
88
99
|
},
|
|
@@ -90,6 +101,7 @@ var color = {
|
|
|
90
101
|
attributes: {
|
|
91
102
|
group: 'paint',
|
|
92
103
|
state: 'active',
|
|
104
|
+
introduced: '0.0.15',
|
|
93
105
|
description: 'Use for text to emphasize change or something new, such as in new lozenges.'
|
|
94
106
|
}
|
|
95
107
|
},
|
|
@@ -97,6 +109,7 @@ var color = {
|
|
|
97
109
|
attributes: {
|
|
98
110
|
group: 'paint',
|
|
99
111
|
state: 'active',
|
|
112
|
+
introduced: '0.6.0',
|
|
100
113
|
description: 'Use for informative text or to communicate something is in progress, such as in-progress lozenges.'
|
|
101
114
|
}
|
|
102
115
|
}
|
|
@@ -106,6 +119,7 @@ var color = {
|
|
|
106
119
|
attributes: {
|
|
107
120
|
group: 'paint',
|
|
108
121
|
state: 'active',
|
|
122
|
+
introduced: '0.6.0',
|
|
109
123
|
description: 'Use for links in a default or hovered state. Add an underline for hovered states.'
|
|
110
124
|
}
|
|
111
125
|
},
|
|
@@ -113,6 +127,7 @@ var color = {
|
|
|
113
127
|
attributes: {
|
|
114
128
|
group: 'paint',
|
|
115
129
|
state: 'active',
|
|
130
|
+
introduced: '0.6.0',
|
|
116
131
|
description: 'Use for links in a pressed state.'
|
|
117
132
|
}
|
|
118
133
|
}
|