@atlaskit/tokens 0.4.1 → 0.6.1

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 (179) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/css/atlassian-dark.css +196 -67
  3. package/css/atlassian-light.css +196 -67
  4. package/dist/cjs/artifacts/rename-mapping.js +322 -2
  5. package/dist/cjs/artifacts/token-default-values.js +196 -67
  6. package/dist/cjs/artifacts/token-names.js +196 -67
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3296 -621
  9. package/dist/cjs/artifacts/types-internal.js +5 -0
  10. package/dist/cjs/get-token.js +10 -3
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +150 -39
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +178 -154
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +26 -2
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +49 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/interaction.js +32 -0
  16. package/dist/cjs/tokens/atlassian-dark/color/text.js +25 -23
  17. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +344 -0
  18. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +66 -0
  19. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +26 -0
  20. package/dist/cjs/tokens/atlassian-light/color/accent.js +150 -39
  21. package/dist/cjs/tokens/atlassian-light/color/background.js +178 -154
  22. package/dist/cjs/tokens/atlassian-light/color/border.js +26 -2
  23. package/dist/cjs/tokens/atlassian-light/color/icon.js +49 -0
  24. package/dist/cjs/tokens/atlassian-light/color/interaction.js +32 -0
  25. package/dist/cjs/tokens/atlassian-light/color/text.js +25 -23
  26. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +330 -0
  27. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +52 -0
  28. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +26 -0
  29. package/dist/cjs/tokens/default/color/accent.js +306 -87
  30. package/dist/cjs/tokens/default/color/background.js +339 -309
  31. package/dist/cjs/tokens/default/color/border.js +60 -4
  32. package/dist/cjs/tokens/default/color/icon.js +93 -0
  33. package/dist/cjs/tokens/default/color/interaction.js +44 -0
  34. package/dist/cjs/tokens/default/color/text.js +37 -35
  35. package/dist/cjs/tokens/default/deprecated/deprecated.js +698 -0
  36. package/dist/cjs/tokens/default/elevation/shadow.js +28 -0
  37. package/dist/cjs/tokens/default/elevation/surface.js +42 -0
  38. package/dist/cjs/version.json +1 -1
  39. package/dist/es2019/artifacts/rename-mapping.js +322 -2
  40. package/dist/es2019/artifacts/token-default-values.js +196 -67
  41. package/dist/es2019/artifacts/token-names.js +196 -67
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3296 -621
  44. package/dist/es2019/artifacts/types-internal.js +1 -0
  45. package/dist/es2019/get-token.js +8 -3
  46. package/dist/es2019/tokens/atlassian-dark/color/accent.js +150 -39
  47. package/dist/es2019/tokens/atlassian-dark/color/background.js +178 -154
  48. package/dist/es2019/tokens/atlassian-dark/color/border.js +26 -2
  49. package/dist/es2019/tokens/atlassian-dark/color/icon.js +42 -0
  50. package/dist/es2019/tokens/atlassian-dark/color/interaction.js +25 -0
  51. package/dist/es2019/tokens/atlassian-dark/color/text.js +25 -23
  52. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  53. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +59 -0
  54. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +19 -0
  55. package/dist/es2019/tokens/atlassian-light/color/accent.js +150 -39
  56. package/dist/es2019/tokens/atlassian-light/color/background.js +178 -154
  57. package/dist/es2019/tokens/atlassian-light/color/border.js +26 -2
  58. package/dist/es2019/tokens/atlassian-light/color/icon.js +42 -0
  59. package/dist/es2019/tokens/atlassian-light/color/interaction.js +25 -0
  60. package/dist/es2019/tokens/atlassian-light/color/text.js +25 -23
  61. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  62. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +45 -0
  63. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +19 -0
  64. package/dist/es2019/tokens/default/color/accent.js +306 -87
  65. package/dist/es2019/tokens/default/color/background.js +339 -314
  66. package/dist/es2019/tokens/default/color/border.js +60 -4
  67. package/dist/es2019/tokens/default/color/icon.js +86 -0
  68. package/dist/es2019/tokens/default/color/interaction.js +37 -0
  69. package/dist/es2019/tokens/default/color/text.js +37 -42
  70. package/dist/es2019/tokens/default/deprecated/deprecated.js +729 -0
  71. package/dist/es2019/tokens/default/elevation/shadow.js +23 -0
  72. package/dist/es2019/tokens/default/elevation/surface.js +37 -0
  73. package/dist/es2019/version.json +1 -1
  74. package/dist/esm/artifacts/rename-mapping.js +322 -2
  75. package/dist/esm/artifacts/token-default-values.js +196 -67
  76. package/dist/esm/artifacts/token-names.js +196 -67
  77. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  78. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3296 -621
  79. package/dist/esm/artifacts/types-internal.js +1 -0
  80. package/dist/esm/get-token.js +8 -3
  81. package/dist/esm/tokens/atlassian-dark/color/accent.js +150 -39
  82. package/dist/esm/tokens/atlassian-dark/color/background.js +178 -154
  83. package/dist/esm/tokens/atlassian-dark/color/border.js +26 -2
  84. package/dist/esm/tokens/atlassian-dark/color/icon.js +42 -0
  85. package/dist/esm/tokens/atlassian-dark/color/interaction.js +25 -0
  86. package/dist/esm/tokens/atlassian-dark/color/text.js +25 -23
  87. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  88. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +59 -0
  89. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +19 -0
  90. package/dist/esm/tokens/atlassian-light/color/accent.js +150 -39
  91. package/dist/esm/tokens/atlassian-light/color/background.js +178 -154
  92. package/dist/esm/tokens/atlassian-light/color/border.js +26 -2
  93. package/dist/esm/tokens/atlassian-light/color/icon.js +42 -0
  94. package/dist/esm/tokens/atlassian-light/color/interaction.js +25 -0
  95. package/dist/esm/tokens/atlassian-light/color/text.js +25 -23
  96. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  97. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +45 -0
  98. package/dist/esm/tokens/atlassian-light/elevation/surface.js +19 -0
  99. package/dist/esm/tokens/default/color/accent.js +306 -87
  100. package/dist/esm/tokens/default/color/background.js +339 -309
  101. package/dist/esm/tokens/default/color/border.js +60 -4
  102. package/dist/esm/tokens/default/color/icon.js +86 -0
  103. package/dist/esm/tokens/default/color/interaction.js +37 -0
  104. package/dist/esm/tokens/default/color/text.js +37 -35
  105. package/dist/esm/tokens/default/deprecated/deprecated.js +691 -0
  106. package/dist/esm/tokens/default/elevation/shadow.js +21 -0
  107. package/dist/esm/tokens/default/elevation/surface.js +35 -0
  108. package/dist/esm/version.json +1 -1
  109. package/dist/types/artifacts/rename-mapping.d.ts +7 -3
  110. package/dist/types/artifacts/token-default-values.d.ts +196 -67
  111. package/dist/types/artifacts/token-names.d.ts +392 -134
  112. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +86 -0
  113. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +62 -0
  114. package/dist/types/artifacts/types-internal.d.ts +4 -0
  115. package/dist/types/artifacts/types.d.ts +1 -1
  116. package/dist/types/get-token.d.ts +2 -2
  117. package/dist/types/tokens/atlassian-dark/color/icon.d.ts +3 -0
  118. package/dist/types/tokens/atlassian-dark/color/interaction.d.ts +3 -0
  119. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +3 -0
  120. package/dist/types/tokens/atlassian-dark/{shadow → elevation}/shadow.d.ts +0 -0
  121. package/dist/types/tokens/atlassian-dark/elevation/surface.d.ts +3 -0
  122. package/dist/types/tokens/atlassian-light/color/icon.d.ts +3 -0
  123. package/dist/types/tokens/atlassian-light/color/interaction.d.ts +3 -0
  124. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +3 -0
  125. package/dist/types/tokens/atlassian-light/{shadow → elevation}/shadow.d.ts +0 -0
  126. package/dist/types/tokens/atlassian-light/elevation/surface.d.ts +3 -0
  127. package/dist/types/tokens/default/color/icon.d.ts +3 -0
  128. package/dist/types/tokens/default/color/interaction.d.ts +3 -0
  129. package/dist/types/tokens/default/deprecated/deprecated.d.ts +3 -0
  130. package/dist/types/tokens/default/{shadow → elevation}/shadow.d.ts +0 -0
  131. package/dist/types/tokens/default/elevation/surface.d.ts +3 -0
  132. package/dist/types/tokens/default/utility/utility.d.ts +72 -72
  133. package/dist/types/types.d.ts +294 -54
  134. package/package.json +18 -8
  135. package/dist/cjs/tokens/atlassian-dark/color/icon-border.js +0 -29
  136. package/dist/cjs/tokens/atlassian-dark/color/overlay.js +0 -20
  137. package/dist/cjs/tokens/atlassian-dark/shadow/shadow.js +0 -64
  138. package/dist/cjs/tokens/atlassian-light/color/icon-border.js +0 -29
  139. package/dist/cjs/tokens/atlassian-light/color/overlay.js +0 -20
  140. package/dist/cjs/tokens/atlassian-light/shadow/shadow.js +0 -50
  141. package/dist/cjs/tokens/default/color/icon-border.js +0 -49
  142. package/dist/cjs/tokens/default/color/overlay.js +0 -28
  143. package/dist/cjs/tokens/default/shadow/shadow.js +0 -26
  144. package/dist/es2019/tokens/atlassian-dark/color/icon-border.js +0 -22
  145. package/dist/es2019/tokens/atlassian-dark/color/overlay.js +0 -13
  146. package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js +0 -57
  147. package/dist/es2019/tokens/atlassian-light/color/icon-border.js +0 -22
  148. package/dist/es2019/tokens/atlassian-light/color/overlay.js +0 -13
  149. package/dist/es2019/tokens/atlassian-light/shadow/shadow.js +0 -43
  150. package/dist/es2019/tokens/default/color/icon-border.js +0 -60
  151. package/dist/es2019/tokens/default/color/overlay.js +0 -21
  152. package/dist/es2019/tokens/default/shadow/shadow.js +0 -27
  153. package/dist/esm/tokens/atlassian-dark/color/icon-border.js +0 -22
  154. package/dist/esm/tokens/atlassian-dark/color/overlay.js +0 -13
  155. package/dist/esm/tokens/atlassian-dark/shadow/shadow.js +0 -57
  156. package/dist/esm/tokens/atlassian-light/color/icon-border.js +0 -22
  157. package/dist/esm/tokens/atlassian-light/color/overlay.js +0 -13
  158. package/dist/esm/tokens/atlassian-light/shadow/shadow.js +0 -43
  159. package/dist/esm/tokens/default/color/icon-border.js +0 -42
  160. package/dist/esm/tokens/default/color/overlay.js +0 -21
  161. package/dist/esm/tokens/default/shadow/shadow.js +0 -19
  162. package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts +0 -3
  163. package/dist/types/tokens/atlassian-dark/color/overlay.d.ts +0 -3
  164. package/dist/types/tokens/atlassian-light/color/icon-border.d.ts +0 -3
  165. package/dist/types/tokens/atlassian-light/color/overlay.d.ts +0 -3
  166. package/dist/types/tokens/default/color/icon-border.d.ts +0 -3
  167. package/dist/types/tokens/default/color/overlay.d.ts +0 -3
  168. package/tokens-browser-extension/README.md +0 -28
  169. package/tokens-browser-extension/atlassian-theme.css +0 -449
  170. package/tokens-browser-extension/background.js +0 -75
  171. package/tokens-browser-extension/content-script.js +0 -75
  172. package/tokens-browser-extension/devtools.html +0 -1
  173. package/tokens-browser-extension/devtools.js +0 -14
  174. package/tokens-browser-extension/manifest.json +0 -36
  175. package/tokens-browser-extension/messageback-script.js +0 -10
  176. package/tokens-browser-extension/messaging.js +0 -36
  177. package/tokens-browser-extension/panel.html +0 -25
  178. package/tokens-browser-extension/panel.js +0 -46
  179. package/tokens-browser-extension/toast.png +0 -0
@@ -0,0 +1,330 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var color = {
8
+ color: {
9
+ accent: {
10
+ boldBlue: {
11
+ value: 'B400'
12
+ },
13
+ boldGreen: {
14
+ value: 'G400'
15
+ },
16
+ boldOrange: {
17
+ value: 'O400'
18
+ },
19
+ boldPurple: {
20
+ value: 'P400'
21
+ },
22
+ boldRed: {
23
+ value: 'R400'
24
+ },
25
+ boldTeal: {
26
+ value: 'T400'
27
+ },
28
+ subtleBlue: {
29
+ value: 'B200'
30
+ },
31
+ subtleGreen: {
32
+ value: 'G200'
33
+ },
34
+ subtleMagenta: {
35
+ value: 'M200'
36
+ },
37
+ subtleOrange: {
38
+ value: 'O200'
39
+ },
40
+ subtlePurple: {
41
+ value: 'P200'
42
+ },
43
+ subtleRed: {
44
+ value: 'R200'
45
+ },
46
+ subtleTeal: {
47
+ value: 'T200'
48
+ }
49
+ },
50
+ background: {
51
+ blanket: {
52
+ value: 'N500A'
53
+ },
54
+ boldBrand: {
55
+ resting: {
56
+ value: 'B700'
57
+ },
58
+ hover: {
59
+ value: 'B800'
60
+ },
61
+ pressed: {
62
+ value: 'B900'
63
+ }
64
+ },
65
+ boldDanger: {
66
+ resting: {
67
+ value: 'R700'
68
+ },
69
+ hover: {
70
+ value: 'R800'
71
+ },
72
+ pressed: {
73
+ value: 'R900'
74
+ }
75
+ },
76
+ boldDiscovery: {
77
+ resting: {
78
+ value: 'P700'
79
+ },
80
+ hover: {
81
+ value: 'P800'
82
+ },
83
+ pressed: {
84
+ value: 'P900'
85
+ }
86
+ },
87
+ boldNeutral: {
88
+ resting: {
89
+ value: 'N800'
90
+ },
91
+ hover: {
92
+ value: 'N900'
93
+ },
94
+ pressed: {
95
+ value: 'N1000'
96
+ }
97
+ },
98
+ boldSuccess: {
99
+ resting: {
100
+ value: 'G700'
101
+ },
102
+ hover: {
103
+ value: 'G800'
104
+ },
105
+ pressed: {
106
+ value: 'G900'
107
+ }
108
+ },
109
+ boldWarning: {
110
+ resting: {
111
+ value: 'Y400'
112
+ },
113
+ hover: {
114
+ value: 'Y500'
115
+ },
116
+ pressed: {
117
+ value: 'Y600'
118
+ }
119
+ },
120
+ default: {
121
+ value: 'N0'
122
+ },
123
+ card: {
124
+ value: 'N0'
125
+ },
126
+ overlay: {
127
+ value: 'N0'
128
+ },
129
+ selected: {
130
+ resting: {
131
+ value: 'B100'
132
+ },
133
+ hover: {
134
+ value: 'B200'
135
+ },
136
+ pressed: {
137
+ value: 'B300'
138
+ }
139
+ },
140
+ subtleBorderedNeutral: {
141
+ resting: {
142
+ value: 'N100A'
143
+ },
144
+ pressed: {
145
+ value: 'N200A'
146
+ }
147
+ },
148
+ subtleBrand: {
149
+ resting: {
150
+ value: 'B100'
151
+ },
152
+ hover: {
153
+ value: 'B200'
154
+ },
155
+ pressed: {
156
+ value: 'B300'
157
+ }
158
+ },
159
+ subtleDanger: {
160
+ resting: {
161
+ value: 'R100'
162
+ },
163
+ hover: {
164
+ value: 'R200'
165
+ },
166
+ pressed: {
167
+ value: 'R300'
168
+ }
169
+ },
170
+ subtleDiscovery: {
171
+ resting: {
172
+ value: 'P100'
173
+ },
174
+ hover: {
175
+ value: 'P200'
176
+ },
177
+ pressed: {
178
+ value: 'P300'
179
+ }
180
+ },
181
+ subtleNeutral: {
182
+ resting: {
183
+ value: 'N200A'
184
+ },
185
+ hover: {
186
+ value: 'N300A'
187
+ },
188
+ pressed: {
189
+ value: 'N400A'
190
+ }
191
+ },
192
+ subtleSuccess: {
193
+ resting: {
194
+ value: 'G100'
195
+ },
196
+ hover: {
197
+ value: 'G200'
198
+ },
199
+ pressed: {
200
+ value: 'G300'
201
+ }
202
+ },
203
+ subtleWarning: {
204
+ resting: {
205
+ value: 'Y100'
206
+ },
207
+ hover: {
208
+ value: 'Y200'
209
+ },
210
+ pressed: {
211
+ value: 'Y300'
212
+ }
213
+ },
214
+ sunken: {
215
+ value: 'N100A'
216
+ },
217
+ transparentNeutral: {
218
+ hover: {
219
+ value: 'N200A'
220
+ },
221
+ pressed: {
222
+ value: 'N300A'
223
+ }
224
+ }
225
+ },
226
+ text: {
227
+ highEmphasis: {
228
+ value: 'N1000'
229
+ },
230
+ mediumEmphasis: {
231
+ value: 'N800'
232
+ },
233
+ lowEmphasis: {
234
+ value: 'N700'
235
+ },
236
+ link: {
237
+ resting: {
238
+ value: 'B700'
239
+ },
240
+ pressed: {
241
+ value: 'B800'
242
+ }
243
+ },
244
+ onBold: {
245
+ value: 'N0'
246
+ },
247
+ onBoldWarning: {
248
+ value: 'N1000'
249
+ },
250
+ selected: {
251
+ value: 'B700'
252
+ }
253
+ },
254
+ border: {
255
+ focus: {
256
+ value: 'B500'
257
+ },
258
+ neutral: {
259
+ value: 'N300A'
260
+ }
261
+ },
262
+ iconBorder: {
263
+ brand: {
264
+ value: 'B600'
265
+ },
266
+ danger: {
267
+ value: 'R600'
268
+ },
269
+ warning: {
270
+ value: 'O600'
271
+ },
272
+ success: {
273
+ value: 'G600'
274
+ },
275
+ discovery: {
276
+ value: 'P600'
277
+ }
278
+ },
279
+ overlay: {
280
+ hover: {
281
+ value: 'N400A'
282
+ },
283
+ pressed: {
284
+ value: 'N500A'
285
+ }
286
+ }
287
+ },
288
+ shadow: {
289
+ card: {
290
+ value: [{
291
+ radius: 1,
292
+ offset: {
293
+ x: 0,
294
+ y: 1
295
+ },
296
+ color: 'N1100',
297
+ opacity: 0.25
298
+ }, {
299
+ radius: 1,
300
+ offset: {
301
+ x: 0,
302
+ y: 0
303
+ },
304
+ color: 'N1100',
305
+ opacity: 0.31
306
+ }]
307
+ },
308
+ overlay: {
309
+ value: [{
310
+ radius: 12,
311
+ offset: {
312
+ x: 0,
313
+ y: 8
314
+ },
315
+ color: 'N1100',
316
+ opacity: 0.15
317
+ }, {
318
+ radius: 1,
319
+ offset: {
320
+ x: 0,
321
+ y: 0
322
+ },
323
+ color: 'N1100',
324
+ opacity: 0.31
325
+ }]
326
+ }
327
+ }
328
+ };
329
+ var _default = color;
330
+ exports.default = _default;
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var shadow = {
8
+ elevation: {
9
+ shadow: {
10
+ raised: {
11
+ value: [{
12
+ radius: 1,
13
+ offset: {
14
+ x: 0,
15
+ y: 1
16
+ },
17
+ color: 'N1100',
18
+ opacity: 0.25
19
+ }, {
20
+ radius: 1,
21
+ offset: {
22
+ x: 0,
23
+ y: 0
24
+ },
25
+ color: 'N1100',
26
+ opacity: 0.31
27
+ }]
28
+ },
29
+ overlay: {
30
+ value: [{
31
+ radius: 12,
32
+ offset: {
33
+ x: 0,
34
+ y: 8
35
+ },
36
+ color: 'N1100',
37
+ opacity: 0.15
38
+ }, {
39
+ radius: 1,
40
+ offset: {
41
+ x: 0,
42
+ y: 0
43
+ },
44
+ color: 'N1100',
45
+ opacity: 0.31
46
+ }]
47
+ }
48
+ }
49
+ }
50
+ };
51
+ var _default = shadow;
52
+ exports.default = _default;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var elevation = {
8
+ elevation: {
9
+ surface: {
10
+ '[default]': {
11
+ value: 'N0'
12
+ },
13
+ sunken: {
14
+ value: 'N100A'
15
+ },
16
+ raised: {
17
+ value: 'N0'
18
+ },
19
+ overlay: {
20
+ value: 'N0'
21
+ }
22
+ }
23
+ }
24
+ };
25
+ var _default = elevation;
26
+ exports.default = _default;