@atlaskit/object 0.1.0

package/dist/es2019/components/object/components/task.js

@@ -0,0 +1,21 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::73a43f884601d59ce479af50839edfbd>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/task';
+import ObjectBase from '../object-base';
+export default function TaskObject({
+  label = 'Task',
+  size,
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(ObjectBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    icon: IconComponent,
+    color: "var(--ds-icon-accent-blue, #1D7AFC)"
+  });
+}

package/dist/es2019/components/object/components/whiteboard.js

@@ -0,0 +1,21 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::fc3b89075fa82725eb4c0ecc4e869643>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/whiteboard';
+import ObjectBase from '../object-base';
+export default function WhiteboardObject({
+  label = 'Whiteboard',
+  size,
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(ObjectBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    icon: IconComponent,
+    color: "var(--ds-icon-accent-teal, #2898BD)"
+  });
+}

package/dist/es2019/components/object/object-base.js

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * __Object base__
+ *
+ * An object represents an Atlassian-specific content type.
+ *
+ */
+export default function ObjectBase({
+  label = '',
+  size = 'medium',
+  testId,
+  color,
+  icon: Icon
+}) {
+  return /*#__PURE__*/React.createElement(Icon, {
+    label: label,
+    size: size === 'medium' ? 'medium' : 'small',
+    color: color,
+    testId: testId
+  });
+}

package/dist/es2019/components/object-tile/all-object-tiles.js

@@ -0,0 +1,27 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::4f53ba8f6538a6998c1bf17cb66183f4>>
+ * @codegenCommand yarn build-glyphs
+ */
+import BlogObjectTile from './components/blog';
+import BranchObjectTile from './components/branch';
+import BugObjectTile from './components/bug';
+import CalendarObjectTile from './components/calendar';
+import ChangesObjectTile from './components/changes';
+import CodeObjectTile from './components/code';
+import CommitObjectTile from './components/commit';
+import EpicObjectTile from './components/epic';
+import ImprovementObjectTile from './components/improvement';
+import IncidentObjectTile from './components/incident';
+import IssueObjectTile from './components/issue';
+import NewFeatureObjectTile from './components/new-feature';
+import PageObjectTile from './components/page';
+import PageLiveDocObjectTile from './components/page-live-doc';
+import ProblemObjectTile from './components/problem';
+import PullRequestObjectTile from './components/pull-request';
+import QuestionObjectTile from './components/question';
+import StoryObjectTile from './components/story';
+import SubtaskObjectTile from './components/subtask';
+import TaskObjectTile from './components/task';
+import WhiteboardObjectTile from './components/whiteboard';
+export const allObjectTiles = [BlogObjectTile, BranchObjectTile, BugObjectTile, CalendarObjectTile, ChangesObjectTile, CodeObjectTile, CommitObjectTile, EpicObjectTile, ImprovementObjectTile, IncidentObjectTile, IssueObjectTile, NewFeatureObjectTile, PageLiveDocObjectTile, PageObjectTile, ProblemObjectTile, PullRequestObjectTile, QuestionObjectTile, StoryObjectTile, SubtaskObjectTile, TaskObjectTile, WhiteboardObjectTile];

package/dist/es2019/components/object-tile/components/blog.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ed137347af138f8bf5eba5e0d72ca8db>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/quotation-mark';
+import ObjectTileBase from '../object-tile-base';
+export default function BlogObjectTile({
+  label = 'Blog',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/branch.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8490609520f1254c5fa6f8b9f4798964>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/branch';
+import ObjectTileBase from '../object-tile-base';
+export default function BranchObjectTile({
+  label = 'Branch',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/bug.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::936d2ab97325f6a3b11257713a1a9b51>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/bug';
+import ObjectTileBase from '../object-tile-base';
+export default function BugObjectTile({
+  label = 'Bug',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-red, #C9372C)",
+    backgroundColor: isBold ? 'color.background.accent.red.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/calendar.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5da7d3b7a8bbf2ef910a4a9f048950fe>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/calendar';
+import ObjectTileBase from '../object-tile-base';
+export default function CalendarObjectTile({
+  label = 'Calendar',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-red, #C9372C)",
+    backgroundColor: isBold ? 'color.background.accent.red.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/changes.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f42fce59eb0e764a273601e1315115f0>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/changes';
+import ObjectTileBase from '../object-tile-base';
+export default function ChangesObjectTile({
+  label = 'Changes',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-yellow, #B38600)",
+    backgroundColor: isBold ? 'color.background.accent.yellow.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/code.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::016bd773c428d9cd111bcf1f84a78a85>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/angle-brackets';
+import ObjectTileBase from '../object-tile-base';
+export default function CodeObjectTile({
+  label = 'Code',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-purple, #8270DB)",
+    backgroundColor: isBold ? 'color.background.accent.purple.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/commit.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::eabe6fffcc54955926bd4c8aeb572a99>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/commit';
+import ObjectTileBase from '../object-tile-base';
+export default function CommitObjectTile({
+  label = 'Commit',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-yellow, #B38600)",
+    backgroundColor: isBold ? 'color.background.accent.yellow.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/epic.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::22b0f03727afe0eb4bd6c84b8db8d139>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/epic';
+import ObjectTileBase from '../object-tile-base';
+export default function EpicObjectTile({
+  label = 'Epic',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-purple, #8270DB)",
+    backgroundColor: isBold ? 'color.background.accent.purple.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/improvement.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::bbe2678be641ef4927b2edd795d3b99a>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/arrow-up';
+import ObjectTileBase from '../object-tile-base';
+export default function ImprovementObjectTile({
+  label = 'Improvement',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-green, #22A06B)",
+    backgroundColor: isBold ? 'color.background.accent.green.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/incident.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::17a5c5adbcacd774fe1f29834c5b7092>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/incident';
+import ObjectTileBase from '../object-tile-base';
+export default function IncidentObjectTile({
+  label = 'Incident',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-red, #C9372C)",
+    backgroundColor: isBold ? 'color.background.accent.red.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/issue.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::285fc8d755070ab26e6841c82b7e4332>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/work-item';
+import ObjectTileBase from '../object-tile-base';
+export default function IssueObjectTile({
+  label = 'Issue',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/new-feature.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::4c0efa7f96a0b8feeba5faa90e75f70b>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/add';
+import ObjectTileBase from '../object-tile-base';
+export default function NewFeatureObjectTile({
+  label = 'New Feature',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-green, #22A06B)",
+    backgroundColor: isBold ? 'color.background.accent.green.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/page-live-doc.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::a352b4655dfdb9527886d577a3440c64>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon-lab/core/page-live-doc';
+import ObjectTileBase from '../object-tile-base';
+export default function PageLiveDocObjectTile({
+  label = 'Page Live Doc',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-magenta, #CD519D)",
+    backgroundColor: isBold ? 'color.background.accent.magenta.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/page.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3c738bff4bd14e0dc6a4c5c2ebecf10b>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/page';
+import ObjectTileBase from '../object-tile-base';
+export default function PageObjectTile({
+  label = 'Page',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/problem.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::9c597341a531e9c902eab31cb273de4f>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/problem';
+import ObjectTileBase from '../object-tile-base';
+export default function ProblemObjectTile({
+  label = 'Problem',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-red, #C9372C)",
+    backgroundColor: isBold ? 'color.background.accent.red.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/pull-request.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::bb612b6d38bf62d2ab8fe6da1e4b1ef7>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/pull-request';
+import ObjectTileBase from '../object-tile-base';
+export default function PullRequestObjectTile({
+  label = 'Pull Request',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-green, #22A06B)",
+    backgroundColor: isBold ? 'color.background.accent.green.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/question.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::95bf1caf442e1d8f4f2fc8c4becc45cb>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/question-circle';
+import ObjectTileBase from '../object-tile-base';
+export default function QuestionObjectTile({
+  label = 'Question',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-purple, #8270DB)",
+    backgroundColor: isBold ? 'color.background.accent.purple.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/story.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::11645dcfcd04d3a0c68e0e7e80e940e9>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/story';
+import ObjectTileBase from '../object-tile-base';
+export default function StoryObjectTile({
+  label = 'Story',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-green, #22A06B)",
+    backgroundColor: isBold ? 'color.background.accent.green.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/subtask.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::4670d53594bd7203f411b5317bd4753b>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/subtasks';
+import ObjectTileBase from '../object-tile-base';
+export default function SubtaskObjectTile({
+  label = 'Subtask',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/task.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::51c042113355bfc978517ff99d7a7e77>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/task';
+import ObjectTileBase from '../object-tile-base';
+export default function TaskObjectTile({
+  label = 'Task',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-blue, #1D7AFC)",
+    backgroundColor: isBold ? 'color.background.accent.blue.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/components/whiteboard.js

@@ -0,0 +1,24 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::22c25157f6ecfe525f8a4a12a7c72516>>
+ * @codegenCommand yarn build-glyphs
+ */
+import React from 'react';
+import IconComponent from '@atlaskit/icon/core/whiteboard';
+import ObjectTileBase from '../object-tile-base';
+export default function WhiteboardObjectTile({
+  label = 'Whiteboard',
+  size,
+  testId,
+  isBold
+}) {
+  return /*#__PURE__*/React.createElement(ObjectTileBase, {
+    label: label,
+    size: size,
+    testId: testId,
+    isBold: isBold,
+    icon: IconComponent,
+    color: isBold ? "var(--ds-icon, #44546F)" : "var(--ds-icon-accent-teal, #2898BD)",
+    backgroundColor: isBold ? 'color.background.accent.teal.subtle' : undefined
+  });
+}

package/dist/es2019/components/object-tile/object-tile-base.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import invariant from 'tiny-invariant';
+import Tile from '@atlaskit/tile';
+/**
+ * __Object tile base__
+ *
+ * An object tile represents an Atlassian-specific content type.
+ *
+ */
+export default function ObjectTileBase({
+  label = '',
+  size = 'medium',
+  testId,
+  color,
+  backgroundColor,
+  icon: Icon
+}) {
+  // Validate that size is a valid `ObjectTileSize` (and won't allow Tile's `xxsmall` size to be passed)
+  const validSizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];
+  invariant(validSizes.includes(size), `ObjectTile: size "${size}" is not valid. Valid sizes are: ${validSizes.join(', ')}`);
+  return /*#__PURE__*/React.createElement(Tile, {
+    label: "",
+    backgroundColor: backgroundColor,
+    size: size
+  }, /*#__PURE__*/React.createElement(Icon, {
+    label: label,
+    color: color,
+    testId: testId
+    // @ts-expect-error - Internal, undocumented prop
+    ,
+    shouldScale: true
+  }));
+}