@atlaskit/tokens 0.6.1 → 0.7.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.
Files changed (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
@@ -3,28 +3,68 @@ var color = {
3
3
  text: {
4
4
  accent: {
5
5
  blue: {
6
- value: 'B800'
6
+ '[default]': {
7
+ value: 'B800'
8
+ },
9
+ bolder: {
10
+ value: 'B900'
11
+ }
7
12
  },
8
13
  red: {
9
- value: 'R800'
14
+ '[default]': {
15
+ value: 'R800'
16
+ },
17
+ bolder: {
18
+ value: 'R900'
19
+ }
10
20
  },
11
21
  orange: {
12
- value: 'O800'
22
+ '[default]': {
23
+ value: 'O800'
24
+ },
25
+ bolder: {
26
+ value: 'O900'
27
+ }
13
28
  },
14
29
  yellow: {
15
- value: 'Y800'
30
+ '[default]': {
31
+ value: 'Y800'
32
+ },
33
+ bolder: {
34
+ value: 'Y900'
35
+ }
16
36
  },
17
37
  green: {
18
- value: 'G800'
38
+ '[default]': {
39
+ value: 'G800'
40
+ },
41
+ bolder: {
42
+ value: 'G900'
43
+ }
19
44
  },
20
45
  purple: {
21
- value: 'P800'
46
+ '[default]': {
47
+ value: 'P800'
48
+ },
49
+ bolder: {
50
+ value: 'P900'
51
+ }
22
52
  },
23
53
  teal: {
24
- value: 'T800'
54
+ '[default]': {
55
+ value: 'T800'
56
+ },
57
+ bolder: {
58
+ value: 'T900'
59
+ }
25
60
  },
26
61
  magenta: {
27
- value: 'M800'
62
+ '[default]': {
63
+ value: 'M800'
64
+ },
65
+ bolder: {
66
+ value: 'M900'
67
+ }
28
68
  }
29
69
  }
30
70
  },
@@ -87,67 +127,115 @@ var color = {
87
127
  background: {
88
128
  accent: {
89
129
  blue: {
90
- '[default]': {
130
+ subtlest: {
131
+ value: 'B100'
132
+ },
133
+ subtler: {
91
134
  value: 'B200'
92
135
  },
93
- bold: {
136
+ subtle: {
94
137
  value: 'B400'
138
+ },
139
+ bolder: {
140
+ value: 'B700'
95
141
  }
96
142
  },
97
143
  red: {
98
- '[default]': {
144
+ subtlest: {
145
+ value: 'R100'
146
+ },
147
+ subtler: {
99
148
  value: 'R200'
100
149
  },
101
- bold: {
150
+ subtle: {
102
151
  value: 'R400'
152
+ },
153
+ bolder: {
154
+ value: 'R700'
103
155
  }
104
156
  },
105
157
  orange: {
106
- '[default]': {
158
+ subtlest: {
159
+ value: 'O100'
160
+ },
161
+ subtler: {
107
162
  value: 'O200'
108
163
  },
109
- bold: {
164
+ subtle: {
110
165
  value: 'O400'
166
+ },
167
+ bolder: {
168
+ value: 'O700'
111
169
  }
112
170
  },
113
171
  yellow: {
114
- '[default]': {
172
+ subtlest: {
173
+ value: 'Y100'
174
+ },
175
+ subtler: {
115
176
  value: 'Y200'
116
177
  },
117
- bold: {
178
+ subtle: {
118
179
  value: 'Y400'
180
+ },
181
+ bolder: {
182
+ value: 'Y700'
119
183
  }
120
184
  },
121
185
  green: {
122
- '[default]': {
186
+ subtlest: {
187
+ value: 'G100'
188
+ },
189
+ subtler: {
123
190
  value: 'G200'
124
191
  },
125
- bold: {
192
+ subtle: {
126
193
  value: 'G400'
194
+ },
195
+ bolder: {
196
+ value: 'G700'
127
197
  }
128
198
  },
129
199
  purple: {
130
- '[default]': {
200
+ subtlest: {
201
+ value: 'P100'
202
+ },
203
+ subtler: {
131
204
  value: 'P200'
132
205
  },
133
- bold: {
206
+ subtle: {
134
207
  value: 'P400'
208
+ },
209
+ bolder: {
210
+ value: 'P700'
135
211
  }
136
212
  },
137
213
  teal: {
138
- '[default]': {
214
+ subtlest: {
215
+ value: 'T100'
216
+ },
217
+ subtler: {
139
218
  value: 'T200'
140
219
  },
141
- bold: {
220
+ subtle: {
142
221
  value: 'T400'
222
+ },
223
+ bolder: {
224
+ value: 'T700'
143
225
  }
144
226
  },
145
227
  magenta: {
146
- '[default]': {
228
+ subtlest: {
229
+ value: 'M100'
230
+ },
231
+ subtler: {
147
232
  value: 'M200'
148
233
  },
149
- bold: {
234
+ subtle: {
150
235
  value: 'M400'
236
+ },
237
+ bolder: {
238
+ value: 'M700'
151
239
  }
152
240
  }
153
241
  }
@@ -59,6 +59,19 @@ var color = {
59
59
  }
60
60
  },
61
61
  brand: {
62
+ bold: {
63
+ '[default]': {
64
+ value: 'B700'
65
+ },
66
+ hovered: {
67
+ value: 'B800'
68
+ },
69
+ pressed: {
70
+ value: 'B900'
71
+ }
72
+ }
73
+ },
74
+ selected: {
62
75
  '[default]': {
63
76
  '[default]': {
64
77
  value: 'B100'
@@ -16,6 +16,9 @@ var color = {
16
16
  brand: {
17
17
  value: 'B700'
18
18
  },
19
+ selected: {
20
+ value: 'B700'
21
+ },
19
22
  danger: {
20
23
  value: 'R600'
21
24
  },
@@ -16,6 +16,9 @@ var color = {
16
16
  brand: {
17
17
  value: 'B700'
18
18
  },
19
+ selected: {
20
+ value: 'B700'
21
+ },
19
22
  danger: {
20
23
  value: 'R600'
21
24
  },
@@ -19,6 +19,9 @@ var color = {
19
19
  brand: {
20
20
  value: 'B700'
21
21
  },
22
+ selected: {
23
+ value: 'B700'
24
+ },
22
25
  danger: {
23
26
  value: 'R800'
24
27
  },
@@ -42,9 +42,88 @@ var color = {
42
42
  }
43
43
  },
44
44
  background: {
45
+ accent: {
46
+ blue: {
47
+ '[default]': {
48
+ value: 'B200'
49
+ },
50
+ bold: {
51
+ value: 'B400'
52
+ }
53
+ },
54
+ red: {
55
+ '[default]': {
56
+ value: 'R200'
57
+ },
58
+ bold: {
59
+ value: 'R400'
60
+ }
61
+ },
62
+ orange: {
63
+ '[default]': {
64
+ value: 'O200'
65
+ },
66
+ bold: {
67
+ value: 'O400'
68
+ }
69
+ },
70
+ yellow: {
71
+ '[default]': {
72
+ value: 'Y200'
73
+ },
74
+ bold: {
75
+ value: 'Y400'
76
+ }
77
+ },
78
+ green: {
79
+ '[default]': {
80
+ value: 'G200'
81
+ },
82
+ bold: {
83
+ value: 'G400'
84
+ }
85
+ },
86
+ purple: {
87
+ '[default]': {
88
+ value: 'P200'
89
+ },
90
+ bold: {
91
+ value: 'P400'
92
+ }
93
+ },
94
+ teal: {
95
+ '[default]': {
96
+ value: 'T200'
97
+ },
98
+ bold: {
99
+ value: 'T400'
100
+ }
101
+ },
102
+ magenta: {
103
+ '[default]': {
104
+ value: 'M200'
105
+ },
106
+ bold: {
107
+ value: 'M400'
108
+ }
109
+ }
110
+ },
45
111
  blanket: {
46
112
  value: 'N500A'
47
113
  },
114
+ brand: {
115
+ '[default]': {
116
+ '[default]': {
117
+ value: 'B100'
118
+ },
119
+ hovered: {
120
+ value: 'B200'
121
+ },
122
+ pressed: {
123
+ value: 'B300'
124
+ }
125
+ }
126
+ },
48
127
  boldBrand: {
49
128
  resting: {
50
129
  value: 'B700'
@@ -126,9 +205,6 @@ var color = {
126
205
  },
127
206
  hover: {
128
207
  value: 'B200'
129
- },
130
- pressed: {
131
- value: 'B300'
132
208
  }
133
209
  },
134
210
  subtleBorderedNeutral: {
@@ -240,9 +316,6 @@ var color = {
240
316
  },
241
317
  onBoldWarning: {
242
318
  value: 'N1000'
243
- },
244
- selected: {
245
- value: 'B700'
246
319
  }
247
320
  },
248
321
  border: {