@atlaskit/object 0.2.2 → 0.2.3

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 (50) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/constellation/index/examples.mdx +41 -0
  3. package/constellation/index/images/do-donts/object-colors-do.png +0 -0
  4. package/constellation/index/images/do-donts/object-colors-dont.png +0 -0
  5. package/constellation/index/images/do-donts/object-larger-do.png +0 -0
  6. package/constellation/index/images/do-donts/object-larger-dont.png +0 -0
  7. package/constellation/index/images/object-size-dark.png +0 -0
  8. package/constellation/index/images/object-size-light.png +0 -0
  9. package/constellation/index/object-explorer.mdx +14 -0
  10. package/constellation/index/props.mdx +11 -0
  11. package/constellation/index/usage.mdx +92 -0
  12. package/constellation/object-tile/code.mdx +13 -0
  13. package/constellation/object-tile/examples.mdx +54 -0
  14. package/constellation/object-tile/images/do-donts/object-tile-colors-do.png +0 -0
  15. package/constellation/object-tile/images/do-donts/object-tile-colors-dont.png +0 -0
  16. package/constellation/object-tile/images/do-donts/object-tile-smaller-do.png +0 -0
  17. package/constellation/object-tile/images/do-donts/object-tile-smaller-dont.png +0 -0
  18. package/constellation/object-tile/images/object-tile-anatomy-dark.png +0 -0
  19. package/constellation/object-tile/images/object-tile-anatomy-light.png +0 -0
  20. package/constellation/object-tile/images/object-tile-size-dark.png +0 -0
  21. package/constellation/object-tile/images/object-tile-size-light.png +0 -0
  22. package/constellation/object-tile/object-tile-explorer.mdx +16 -0
  23. package/constellation/object-tile/usage.mdx +94 -0
  24. package/dist/cjs/components/object/components/{issue.js → work-item.js} +4 -4
  25. package/dist/cjs/components/object-tile/components/{issue.js → work-item.js} +4 -4
  26. package/dist/cjs/metadata.js +615 -0
  27. package/dist/cjs/types.js +1 -0
  28. package/dist/es2019/components/object/components/{issue.js → work-item.js} +3 -3
  29. package/dist/es2019/components/object-tile/components/{issue.js → work-item.js} +3 -3
  30. package/dist/es2019/metadata.js +422 -0
  31. package/dist/es2019/types.js +0 -0
  32. package/dist/esm/components/object/components/{issue.js → work-item.js} +3 -3
  33. package/dist/esm/components/object-tile/components/{issue.js → work-item.js} +3 -3
  34. package/dist/esm/metadata.js +514 -0
  35. package/dist/esm/types.js +0 -0
  36. package/dist/types/components/object/components/{issue.d.ts → work-item.d.ts} +2 -2
  37. package/dist/{types-ts4.5/components/object-tile/components/issue.d.ts → types/components/object-tile/components/work-item.d.ts} +2 -2
  38. package/dist/types/metadata.d.ts +22 -0
  39. package/dist/types/types.d.ts +2 -0
  40. package/dist/types-ts4.5/components/object/components/{issue.d.ts → work-item.d.ts} +2 -2
  41. package/dist/{types/components/object-tile/components/issue.d.ts → types-ts4.5/components/object-tile/components/work-item.d.ts} +2 -2
  42. package/dist/types-ts4.5/metadata.d.ts +22 -0
  43. package/dist/types-ts4.5/types.d.ts +2 -0
  44. package/metadata/package.json +17 -0
  45. package/package.json +7 -10
  46. package/tile/work-item/package.json +17 -0
  47. package/types/package.json +17 -0
  48. package/work-item/package.json +17 -0
  49. package/issue/package.json +0 -17
  50. package/tile/issue/package.json +0 -17
@@ -0,0 +1,422 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::c873348ffc71e78274a37c55639f426a>>
4
+ * @codegenCommand yarn build-glyphs
5
+ */
6
+
7
+ export const metadata = {
8
+ blog: {
9
+ keywords: ['blog', 'blue'],
10
+ color: 'blue',
11
+ icon: 'quotation-mark',
12
+ iconPackage: 'icon',
13
+ object: {
14
+ componentName: 'BlogObject',
15
+ package: '@atlaskit/object/blog',
16
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
17
+ './components/object/components/blog')
18
+ },
19
+ tile: {
20
+ componentName: 'BlogObjectTile',
21
+ package: '@atlaskit/object/tile/blog',
22
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
23
+ './components/object-tile/components/blog')
24
+ }
25
+ },
26
+ branch: {
27
+ keywords: ['branch', 'blue'],
28
+ color: 'blue',
29
+ icon: 'branch',
30
+ iconPackage: 'icon',
31
+ object: {
32
+ componentName: 'BranchObject',
33
+ package: '@atlaskit/object/branch',
34
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
35
+ './components/object/components/branch')
36
+ },
37
+ tile: {
38
+ componentName: 'BranchObjectTile',
39
+ package: '@atlaskit/object/tile/branch',
40
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
41
+ './components/object-tile/components/branch')
42
+ }
43
+ },
44
+ bug: {
45
+ keywords: ['bug', 'red'],
46
+ color: 'red',
47
+ icon: 'bug',
48
+ iconPackage: 'icon',
49
+ object: {
50
+ componentName: 'BugObject',
51
+ package: '@atlaskit/object/bug',
52
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
53
+ './components/object/components/bug')
54
+ },
55
+ tile: {
56
+ componentName: 'BugObjectTile',
57
+ package: '@atlaskit/object/tile/bug',
58
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
59
+ './components/object-tile/components/bug')
60
+ }
61
+ },
62
+ calendar: {
63
+ keywords: ['calendar', 'red'],
64
+ color: 'red',
65
+ icon: 'calendar',
66
+ iconPackage: 'icon',
67
+ object: {
68
+ componentName: 'CalendarObject',
69
+ package: '@atlaskit/object/calendar',
70
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
71
+ './components/object/components/calendar')
72
+ },
73
+ tile: {
74
+ componentName: 'CalendarObjectTile',
75
+ package: '@atlaskit/object/tile/calendar',
76
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
77
+ './components/object-tile/components/calendar')
78
+ }
79
+ },
80
+ changes: {
81
+ keywords: ['changes', 'yellow'],
82
+ color: 'yellow',
83
+ icon: 'changes',
84
+ iconPackage: 'icon',
85
+ object: {
86
+ componentName: 'ChangesObject',
87
+ package: '@atlaskit/object/changes',
88
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
89
+ './components/object/components/changes')
90
+ },
91
+ tile: {
92
+ componentName: 'ChangesObjectTile',
93
+ package: '@atlaskit/object/tile/changes',
94
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
95
+ './components/object-tile/components/changes')
96
+ }
97
+ },
98
+ code: {
99
+ keywords: ['code', 'purple'],
100
+ color: 'purple',
101
+ icon: 'angle-brackets',
102
+ iconPackage: 'icon',
103
+ object: {
104
+ componentName: 'CodeObject',
105
+ package: '@atlaskit/object/code',
106
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
107
+ './components/object/components/code')
108
+ },
109
+ tile: {
110
+ componentName: 'CodeObjectTile',
111
+ package: '@atlaskit/object/tile/code',
112
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
113
+ './components/object-tile/components/code')
114
+ }
115
+ },
116
+ commit: {
117
+ keywords: ['commit', 'yellow'],
118
+ color: 'yellow',
119
+ icon: 'commit',
120
+ iconPackage: 'icon',
121
+ object: {
122
+ componentName: 'CommitObject',
123
+ package: '@atlaskit/object/commit',
124
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
125
+ './components/object/components/commit')
126
+ },
127
+ tile: {
128
+ componentName: 'CommitObjectTile',
129
+ package: '@atlaskit/object/tile/commit',
130
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
131
+ './components/object-tile/components/commit')
132
+ }
133
+ },
134
+ database: {
135
+ keywords: ['database', 'purple'],
136
+ color: 'purple',
137
+ icon: 'database',
138
+ iconPackage: 'icon',
139
+ object: {
140
+ componentName: 'DatabaseObject',
141
+ package: '@atlaskit/object/database',
142
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
143
+ './components/object/components/database')
144
+ },
145
+ tile: {
146
+ componentName: 'DatabaseObjectTile',
147
+ package: '@atlaskit/object/tile/database',
148
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
149
+ './components/object-tile/components/database')
150
+ }
151
+ },
152
+ epic: {
153
+ keywords: ['epic', 'purple'],
154
+ color: 'purple',
155
+ icon: 'epic',
156
+ iconPackage: 'icon',
157
+ object: {
158
+ componentName: 'EpicObject',
159
+ package: '@atlaskit/object/epic',
160
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
161
+ './components/object/components/epic')
162
+ },
163
+ tile: {
164
+ componentName: 'EpicObjectTile',
165
+ package: '@atlaskit/object/tile/epic',
166
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
167
+ './components/object-tile/components/epic')
168
+ }
169
+ },
170
+ idea: {
171
+ keywords: ['idea', 'yellow'],
172
+ color: 'yellow',
173
+ icon: 'lightbulb',
174
+ iconPackage: 'icon',
175
+ object: {
176
+ componentName: 'IdeaObject',
177
+ package: '@atlaskit/object/idea',
178
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
179
+ './components/object/components/idea')
180
+ },
181
+ tile: {
182
+ componentName: 'IdeaObjectTile',
183
+ package: '@atlaskit/object/tile/idea',
184
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
185
+ './components/object-tile/components/idea')
186
+ }
187
+ },
188
+ improvement: {
189
+ keywords: ['improvement', 'green'],
190
+ color: 'green',
191
+ icon: 'arrow-up',
192
+ iconPackage: 'icon',
193
+ object: {
194
+ componentName: 'ImprovementObject',
195
+ package: '@atlaskit/object/improvement',
196
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
197
+ './components/object/components/improvement')
198
+ },
199
+ tile: {
200
+ componentName: 'ImprovementObjectTile',
201
+ package: '@atlaskit/object/tile/improvement',
202
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
203
+ './components/object-tile/components/improvement')
204
+ }
205
+ },
206
+ incident: {
207
+ keywords: ['incident', 'red'],
208
+ color: 'red',
209
+ icon: 'incident',
210
+ iconPackage: 'icon',
211
+ object: {
212
+ componentName: 'IncidentObject',
213
+ package: '@atlaskit/object/incident',
214
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
215
+ './components/object/components/incident')
216
+ },
217
+ tile: {
218
+ componentName: 'IncidentObjectTile',
219
+ package: '@atlaskit/object/tile/incident',
220
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
221
+ './components/object-tile/components/incident')
222
+ }
223
+ },
224
+ 'new-feature': {
225
+ keywords: ['new-feature', 'new feature', 'green'],
226
+ color: 'green',
227
+ icon: 'add',
228
+ iconPackage: 'icon',
229
+ object: {
230
+ componentName: 'NewFeatureObject',
231
+ package: '@atlaskit/object/new-feature',
232
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
233
+ './components/object/components/new-feature')
234
+ },
235
+ tile: {
236
+ componentName: 'NewFeatureObjectTile',
237
+ package: '@atlaskit/object/tile/new-feature',
238
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
239
+ './components/object-tile/components/new-feature')
240
+ }
241
+ },
242
+ page: {
243
+ keywords: ['page', 'blue'],
244
+ color: 'blue',
245
+ icon: 'page',
246
+ iconPackage: 'icon',
247
+ object: {
248
+ componentName: 'PageObject',
249
+ package: '@atlaskit/object/page',
250
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
251
+ './components/object/components/page')
252
+ },
253
+ tile: {
254
+ componentName: 'PageObjectTile',
255
+ package: '@atlaskit/object/tile/page',
256
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
257
+ './components/object-tile/components/page')
258
+ }
259
+ },
260
+ 'page-live-doc': {
261
+ keywords: ['page-live-doc', 'page live doc', 'magenta'],
262
+ color: 'magenta',
263
+ icon: 'page-live-doc',
264
+ iconPackage: 'icon-lab',
265
+ object: {
266
+ componentName: 'PageLiveDocObject',
267
+ package: '@atlaskit/object/page-live-doc',
268
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
269
+ './components/object/components/page-live-doc')
270
+ },
271
+ tile: {
272
+ componentName: 'PageLiveDocObjectTile',
273
+ package: '@atlaskit/object/tile/page-live-doc',
274
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
275
+ './components/object-tile/components/page-live-doc')
276
+ }
277
+ },
278
+ problem: {
279
+ keywords: ['problem', 'red'],
280
+ color: 'red',
281
+ icon: 'problem',
282
+ iconPackage: 'icon',
283
+ object: {
284
+ componentName: 'ProblemObject',
285
+ package: '@atlaskit/object/problem',
286
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
287
+ './components/object/components/problem')
288
+ },
289
+ tile: {
290
+ componentName: 'ProblemObjectTile',
291
+ package: '@atlaskit/object/tile/problem',
292
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
293
+ './components/object-tile/components/problem')
294
+ }
295
+ },
296
+ 'pull-request': {
297
+ keywords: ['pull-request', 'pull request', 'green'],
298
+ color: 'green',
299
+ icon: 'pull-request',
300
+ iconPackage: 'icon',
301
+ object: {
302
+ componentName: 'PullRequestObject',
303
+ package: '@atlaskit/object/pull-request',
304
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
305
+ './components/object/components/pull-request')
306
+ },
307
+ tile: {
308
+ componentName: 'PullRequestObjectTile',
309
+ package: '@atlaskit/object/tile/pull-request',
310
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
311
+ './components/object-tile/components/pull-request')
312
+ }
313
+ },
314
+ question: {
315
+ keywords: ['question', 'purple'],
316
+ color: 'purple',
317
+ icon: 'question-circle',
318
+ iconPackage: 'icon',
319
+ object: {
320
+ componentName: 'QuestionObject',
321
+ package: '@atlaskit/object/question',
322
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
323
+ './components/object/components/question')
324
+ },
325
+ tile: {
326
+ componentName: 'QuestionObjectTile',
327
+ package: '@atlaskit/object/tile/question',
328
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
329
+ './components/object-tile/components/question')
330
+ }
331
+ },
332
+ story: {
333
+ keywords: ['story', 'green'],
334
+ color: 'green',
335
+ icon: 'story',
336
+ iconPackage: 'icon',
337
+ object: {
338
+ componentName: 'StoryObject',
339
+ package: '@atlaskit/object/story',
340
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
341
+ './components/object/components/story')
342
+ },
343
+ tile: {
344
+ componentName: 'StoryObjectTile',
345
+ package: '@atlaskit/object/tile/story',
346
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
347
+ './components/object-tile/components/story')
348
+ }
349
+ },
350
+ subtask: {
351
+ keywords: ['subtask', 'blue'],
352
+ color: 'blue',
353
+ icon: 'subtasks',
354
+ iconPackage: 'icon',
355
+ object: {
356
+ componentName: 'SubtaskObject',
357
+ package: '@atlaskit/object/subtask',
358
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
359
+ './components/object/components/subtask')
360
+ },
361
+ tile: {
362
+ componentName: 'SubtaskObjectTile',
363
+ package: '@atlaskit/object/tile/subtask',
364
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
365
+ './components/object-tile/components/subtask')
366
+ }
367
+ },
368
+ task: {
369
+ keywords: ['task', 'blue'],
370
+ color: 'blue',
371
+ icon: 'task',
372
+ iconPackage: 'icon',
373
+ object: {
374
+ componentName: 'TaskObject',
375
+ package: '@atlaskit/object/task',
376
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
377
+ './components/object/components/task')
378
+ },
379
+ tile: {
380
+ componentName: 'TaskObjectTile',
381
+ package: '@atlaskit/object/tile/task',
382
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
383
+ './components/object-tile/components/task')
384
+ }
385
+ },
386
+ whiteboard: {
387
+ keywords: ['whiteboard', 'teal'],
388
+ color: 'teal',
389
+ icon: 'whiteboard',
390
+ iconPackage: 'icon',
391
+ object: {
392
+ componentName: 'WhiteboardObject',
393
+ package: '@atlaskit/object/whiteboard',
394
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
395
+ './components/object/components/whiteboard')
396
+ },
397
+ tile: {
398
+ componentName: 'WhiteboardObjectTile',
399
+ package: '@atlaskit/object/tile/whiteboard',
400
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
401
+ './components/object-tile/components/whiteboard')
402
+ }
403
+ },
404
+ 'work-item': {
405
+ keywords: ['work-item', 'work item', 'blue'],
406
+ color: 'blue',
407
+ icon: 'work-item',
408
+ iconPackage: 'icon',
409
+ object: {
410
+ componentName: 'WorkItemObject',
411
+ package: '@atlaskit/object/work-item',
412
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object" */
413
+ './components/object/components/work-item')
414
+ },
415
+ tile: {
416
+ componentName: 'WorkItemObjectTile',
417
+ package: '@atlaskit/object/tile/work-item',
418
+ packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_object-tile" */
419
+ './components/object-tile/components/work-item')
420
+ }
421
+ }
422
+ };
File without changes
@@ -1,14 +1,14 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9f066b78a852692916f23328f565a5fa>>
3
+ * @codegen <<SignedSource::9d7811e9ce600b90f94930755b99d471>>
4
4
  * @codegenCommand yarn build-glyphs
5
5
  */
6
6
  import React from 'react';
7
7
  import IconComponent from '@atlaskit/icon/core/work-item';
8
8
  import ObjectBase from '../object-base';
9
- export default function IssueObject(_ref) {
9
+ export default function WorkItemObject(_ref) {
10
10
  var _ref$label = _ref.label,
11
- label = _ref$label === void 0 ? 'Issue' : _ref$label,
11
+ label = _ref$label === void 0 ? 'Work Item' : _ref$label,
12
12
  size = _ref.size,
13
13
  testId = _ref.testId;
14
14
  return /*#__PURE__*/React.createElement(ObjectBase, {
@@ -1,14 +1,14 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::3364016e20db618c1b623e7c48e1d366>>
3
+ * @codegen <<SignedSource::30f3baace5bcd49b8a2c522228cf7a06>>
4
4
  * @codegenCommand yarn build-glyphs
5
5
  */
6
6
  import React from 'react';
7
7
  import IconComponent from '@atlaskit/icon/core/work-item';
8
8
  import ObjectTileBase from '../object-tile-base';
9
- export default function IssueObjectTile(_ref) {
9
+ export default function WorkItemObjectTile(_ref) {
10
10
  var _ref$label = _ref.label,
11
- label = _ref$label === void 0 ? 'Issue' : _ref$label,
11
+ label = _ref$label === void 0 ? 'Work Item' : _ref$label,
12
12
  size = _ref.size,
13
13
  testId = _ref.testId,
14
14
  isBold = _ref.isBold;