@atlaskit/icon-object 6.10.1 → 6.11.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/icon-object
 
+## 6.11.0
+
+### Minor Changes
+
+- [#113741](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113741)
+  [`bb699da066ffc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bb699da066ffc) -
+  [ux] This release adds icons in `@atlaskit/icon-object`.
+
+  **`@atlaskit/icon-object`**
+
+  - LiveDoc16Icon
+  - LiveDoc24Icon
+
 ## 6.10.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -20,6 +20,9 @@
         {
             "path": "../../icon/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../icon-lab/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         }

package/build/index.tsx

@@ -59,7 +59,13 @@ Object.entries(iconObjectMapping).forEach(([name, iconObject]) => {
 	// empty existing folder
 	fs.emptyDirSync(path.resolve(root!, 'src', 'artifacts', 'glyph', name));
 	(['16', '24'] as const).forEach((size) => {
-		const iconObjectJSX = getIconObjectJSX(name, iconObject.icon, iconObject.appearance, size);
+		const iconObjectJSX = getIconObjectJSX(
+			name,
+			iconObject.icon,
+			iconObject.appearance,
+			size,
+			iconObject.packageName,
+		);
 		// create file if it doesn't exist
 		fs.ensureFileSync(path.resolve(root!, 'src', 'artifacts', 'glyph', name, `${size}.tsx`));
 		// write new content

package/build/utils.tsx

@@ -1,79 +1,106 @@
-export const iconObjectMapping: Record<string, { icon: string; appearance: string }> = {
+export const iconObjectMapping: Record<
+	string,
+	{ icon: string; appearance: string; packageName: string }
+> = {
 	blog: {
 		icon: 'quotation-mark',
 		appearance: 'blueBold',
+		packageName: 'icon',
 	},
 	branch: {
 		icon: 'branch',
 		appearance: 'blueBold',
+		packageName: 'icon',
 	},
 	bug: {
 		icon: 'bug',
 		appearance: 'redBold',
+		packageName: 'icon',
 	},
 	calendar: {
 		icon: 'calendar',
 		appearance: 'redBold',
+		packageName: 'icon',
 	},
 	changes: {
 		icon: 'changes',
 		appearance: 'orangeBold',
+		packageName: 'icon',
 	},
 	code: {
 		icon: 'angle-brackets',
 		appearance: 'purpleBold',
+		packageName: 'icon',
 	},
 	commit: {
 		icon: 'commit',
 		appearance: 'orangeBold',
+		packageName: 'icon',
 	},
 	epic: {
 		icon: 'epic',
 		appearance: 'purpleBold',
+		packageName: 'icon',
 	},
 	improvement: {
 		icon: 'arrow-up',
 		appearance: 'greenBold',
+		packageName: 'icon',
 	},
 	incident: {
 		icon: 'incident',
 		appearance: 'redBold',
+		packageName: 'icon',
 	},
 	issue: {
 		icon: 'issue',
 		appearance: 'blueBold',
+		packageName: 'icon',
 	},
 	'new-feature': {
 		icon: 'add',
 		appearance: 'greenBold',
+		packageName: 'icon',
 	},
 	page: {
 		icon: 'page',
 		appearance: 'blueBold',
+		packageName: 'icon',
 	},
 	problem: {
 		icon: 'problem',
 		appearance: 'redBold',
+		packageName: 'icon',
 	},
 	'pull-request': {
 		icon: 'pull-request',
 		appearance: 'greenBold',
+		packageName: 'icon',
 	},
 	question: {
 		icon: 'question-circle',
 		appearance: 'purpleBold',
+		packageName: 'icon',
 	},
 	story: {
 		icon: 'story',
 		appearance: 'greenBold',
+		packageName: 'icon',
 	},
 	subtask: {
 		icon: 'subtasks',
 		appearance: 'blueBold',
+		packageName: 'icon',
 	},
 	task: {
 		icon: 'task',
 		appearance: 'blueBold',
+		packageName: 'icon',
+	},
+	'page-live-doc': {
+		icon: 'page-live-doc',
+		appearance: 'magentaBold',
+		packageName: 'icon-lab',
 	},
 };
 
@@ -82,6 +109,7 @@ export const getIconObjectJSX = (
 	icon: string,
 	appearance: string,
 	size: '16' | '24',
+	packageName: string,
 ) => {
 	// convert name to PascalCase from kebab-case
 	const componentName = `${name
@@ -92,7 +120,7 @@ export const getIconObjectJSX = (
 	return `import React from 'react';
 
 import { IconTile } from '@atlaskit/icon';
-import NewIcon from '@atlaskit/icon/core/${icon}';
+import NewIcon from '@atlaskit/${packageName}/core/${icon}';
 import type { GlyphProps } from '@atlaskit/icon/types';
 import { fg } from '@atlaskit/platform-feature-flags';
 

package/dist/cjs/artifacts/glyph/page-live-doc/16.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _ = _interopRequireDefault(require("../../glyph-legacy/page-live-doc/16"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c1228c9bdd9840505938b56c7ed44212>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+/**
+ * __16px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+var PageLiveDoc16Icon = function PageLiveDoc16Icon(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId;
+  if ((0, _platformFeatureFlags.fg)('icon-object-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
+      icon: _pageLiveDoc.default,
+      appearance: "magentaBold",
+      size: "16",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_.default, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+var _default = exports.default = PageLiveDoc16Icon;

package/dist/cjs/artifacts/glyph/page-live-doc/24.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _ = _interopRequireDefault(require("../../glyph-legacy/page-live-doc/24"));
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::724c9bd5f0d44d16613664f162286445>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+/**
+ * __24px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+var PageLiveDoc24Icon = function PageLiveDoc24Icon(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId;
+  if ((0, _platformFeatureFlags.fg)('icon-object-migration')) {
+    return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
+      icon: _pageLiveDoc.default,
+      appearance: "magentaBold",
+      size: "24",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_.default, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';
+var _default = exports.default = PageLiveDoc24Icon;

package/dist/cjs/artifacts/glyph-legacy/page-live-doc/16.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@atlaskit/icon/base");
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::17c8c810f288fa2c4d58e06371883a6e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+var PageLiveDoc16Icon = function PageLiveDoc16Icon(props) {
+  return /*#__PURE__*/_react.default.createElement(_base.IconFacade, (0, _extends2.default)({
+    dangerouslySetGlyph: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" role=\"presentation\"><path fill=\"#cd519d\" fill-rule=\"evenodd\" d=\"M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2.5a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m8.293-5.793-2.854 4.05c-.21.314.009.743.38.743h1.993c.149 0 .259.143.224.292l-.443 2.121c-.119.511.538.812.828.38l2.854-4.05c.21-.314-.008-.743-.38-.743h-1.993a.236.236 0 0 1-.224-.292l.443-2.121c.119-.511-.538-.812-.828-.38\" clip-rule=\"evenodd\"/></svg>"
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  }, props, {
+    size: "small"
+  }));
+};
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = PageLiveDoc16Icon;

package/dist/cjs/artifacts/glyph-legacy/page-live-doc/24.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@atlaskit/icon/base");
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::15139b5f4236bc308adc0b1e9c84b98b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+var PageLiveDoc24Icon = function PageLiveDoc24Icon(props) {
+  return /*#__PURE__*/_react.default.createElement(_base.IconFacade, (0, _extends2.default)({
+    dangerouslySetGlyph: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" role=\"presentation\"><path fill=\"#cd519d\" fill-rule=\"evenodd\" d=\"M24 3a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3zM5.125 4.875h13.75l.153.01a1.125 1.125 0 0 1 0 2.23l-.153.01H5.125l-.153-.01a1.125 1.125 0 0 1 0-2.23zm5.25 6h-5.25l-.153.01a1.125 1.125 0 0 0 0 2.23l.153.01h5.25l.153-.01a1.125 1.125 0 0 0 0-2.23zm-.5 6h-4.75l-.153.01a1.125 1.125 0 0 0 0 2.23l.153.01h4.75l.153-.01a1.125 1.125 0 0 0 0-2.23zm7.029-7.564-4.28 6.073c-.317.473.012 1.116.57 1.116h2.988c.224 0 .389.215.337.438l-.665 3.182c-.178.766.807 1.218 1.242.569l4.28-6.073c.317-.473-.012-1.116-.57-1.116h-2.988a.353.353 0 0 1-.337-.438l.665-3.182c.178-.766-.808-1.218-1.242-.569\" clip-rule=\"evenodd\"/></svg>"
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  }, props, {
+    size: "medium"
+  }));
+};
+PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = PageLiveDoc24Icon;

package/dist/cjs/metadata.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * To change the format of this file, modify `createIconDocs` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::24e59c282db467ac427dad3493eac07e>>
+ * @codegen <<SignedSource::617f9e8cc692aa7de8e78ee992787e08>>
  * @codegenCommand yarn build:icon-glyphs
  */
 /* eslint-disable import/no-extraneous-dependencies -- This import is within the same package, hence self-referential. */
@@ -154,6 +154,17 @@ var metaDataWithPackageLoader = exports.metaDataWithPackageLoader = {
       });
     }
   },
+  'page-live-doc/16': {
+    keywords: ['page-live-doc/16', 'pagelivedoc16', 'object', 'icon-object'],
+    componentName: 'PageLiveDoc16Icon',
+    package: '@atlaskit/icon-object/glyph/page-live-doc/16',
+    packageLoader: function packageLoader() {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_icon" */
+        './artifacts/glyph/page-live-doc/16'));
+      });
+    }
+  },
   'page/16': {
     keywords: ['page/16', 'page16', 'object', 'icon-object'],
     componentName: 'Page16Icon',
@@ -363,6 +374,17 @@ var metaDataWithPackageLoader = exports.metaDataWithPackageLoader = {
       });
     }
   },
+  'page-live-doc/24': {
+    keywords: ['page-live-doc/24', 'pagelivedoc24', 'object', 'icon-object'],
+    componentName: 'PageLiveDoc24Icon',
+    package: '@atlaskit/icon-object/glyph/page-live-doc/24',
+    packageLoader: function packageLoader() {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_icon" */
+        './artifacts/glyph/page-live-doc/24'));
+      });
+    }
+  },
   'page/24': {
     keywords: ['page/24', 'page24', 'object', 'icon-object'],
     componentName: 'Page24Icon',

package/dist/es2019/artifacts/glyph/page-live-doc/16.js

@@ -0,0 +1,43 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c1228c9bdd9840505938b56c7ed44212>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { fg } from '@atlaskit/platform-feature-flags';
+import IconObjectOld from '../../glyph-legacy/page-live-doc/16';
+
+/**
+ * __16px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+const PageLiveDoc16Icon = ({
+  label,
+  testId
+}) => {
+  if (fg('icon-object-migration')) {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: NewIcon,
+      appearance: "magentaBold",
+      size: "16",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(IconObjectOld, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+export default PageLiveDoc16Icon;

package/dist/es2019/artifacts/glyph/page-live-doc/24.js

@@ -0,0 +1,43 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::724c9bd5f0d44d16613664f162286445>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { fg } from '@atlaskit/platform-feature-flags';
+import IconObjectOld from '../../glyph-legacy/page-live-doc/24';
+
+/**
+ * __24px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+const PageLiveDoc24Icon = ({
+  label,
+  testId
+}) => {
+  if (fg('icon-object-migration')) {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: NewIcon,
+      appearance: "magentaBold",
+      size: "24",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(IconObjectOld, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';
+export default PageLiveDoc24Icon;

package/dist/es2019/artifacts/glyph-legacy/page-live-doc/16.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::17c8c810f288fa2c4d58e06371883a6e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconFacade } from '@atlaskit/icon/base';
+const PageLiveDoc16Icon = props => /*#__PURE__*/React.createElement(IconFacade, _extends({
+  dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#cd519d" fill-rule="evenodd" d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2.5a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m8.293-5.793-2.854 4.05c-.21.314.009.743.38.743h1.993c.149 0 .259.143.224.292l-.443 2.121c-.119.511.538.812.828.38l2.854-4.05c.21-.314-.008-.743-.38-.743h-1.993a.236.236 0 0 1-.224-.292l.443-2.121c.119-.511-.538-.812-.828-.38" clip-rule="evenodd"/></svg>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props, {
+  size: "small"
+}));
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default PageLiveDoc16Icon;

package/dist/es2019/artifacts/glyph-legacy/page-live-doc/24.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::15139b5f4236bc308adc0b1e9c84b98b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconFacade } from '@atlaskit/icon/base';
+const PageLiveDoc24Icon = props => /*#__PURE__*/React.createElement(IconFacade, _extends({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#cd519d" fill-rule="evenodd" d="M24 3a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3zM5.125 4.875h13.75l.153.01a1.125 1.125 0 0 1 0 2.23l-.153.01H5.125l-.153-.01a1.125 1.125 0 0 1 0-2.23zm5.25 6h-5.25l-.153.01a1.125 1.125 0 0 0 0 2.23l.153.01h5.25l.153-.01a1.125 1.125 0 0 0 0-2.23zm-.5 6h-4.75l-.153.01a1.125 1.125 0 0 0 0 2.23l.153.01h4.75l.153-.01a1.125 1.125 0 0 0 0-2.23zm7.029-7.564-4.28 6.073c-.317.473.012 1.116.57 1.116h2.988c.224 0 .389.215.337.438l-.665 3.182c-.178.766.807 1.218 1.242.569l4.28-6.073c.317-.473-.012-1.116-.57-1.116h-2.988a.353.353 0 0 1-.337-.438l.665-3.182c.178-.766-.808-1.218-1.242-.569" clip-rule="evenodd"/></svg>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props, {
+  size: "medium"
+}));
+PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default PageLiveDoc24Icon;

package/dist/es2019/metadata.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocs` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::24e59c282db467ac427dad3493eac07e>>
+ * @codegen <<SignedSource::617f9e8cc692aa7de8e78ee992787e08>>
  * @codegenCommand yarn build:icon-glyphs
  */
 /* eslint-disable import/no-extraneous-dependencies -- This import is within the same package, hence self-referential. */
@@ -93,6 +93,13 @@ export const metaDataWithPackageLoader = {
     packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_icon" */
     './artifacts/glyph/new-feature/16')
   },
+  'page-live-doc/16': {
+    keywords: ['page-live-doc/16', 'pagelivedoc16', 'object', 'icon-object'],
+    componentName: 'PageLiveDoc16Icon',
+    package: '@atlaskit/icon-object/glyph/page-live-doc/16',
+    packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_icon" */
+    './artifacts/glyph/page-live-doc/16')
+  },
   'page/16': {
     keywords: ['page/16', 'page16', 'object', 'icon-object'],
     componentName: 'Page16Icon',
@@ -226,6 +233,13 @@ export const metaDataWithPackageLoader = {
     packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_icon" */
     './artifacts/glyph/new-feature/24')
   },
+  'page-live-doc/24': {
+    keywords: ['page-live-doc/24', 'pagelivedoc24', 'object', 'icon-object'],
+    componentName: 'PageLiveDoc24Icon',
+    package: '@atlaskit/icon-object/glyph/page-live-doc/24',
+    packageLoader: () => import( /* webpackChunkName: "@atlaskit-internal_icon" */
+    './artifacts/glyph/page-live-doc/24')
+  },
   'page/24': {
     keywords: ['page/24', 'page24', 'object', 'icon-object'],
     componentName: 'Page24Icon',

package/dist/esm/artifacts/glyph/page-live-doc/16.js

@@ -0,0 +1,42 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c1228c9bdd9840505938b56c7ed44212>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { fg } from '@atlaskit/platform-feature-flags';
+import IconObjectOld from '../../glyph-legacy/page-live-doc/16';
+
+/**
+ * __16px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+var PageLiveDoc16Icon = function PageLiveDoc16Icon(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId;
+  if (fg('icon-object-migration')) {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: NewIcon,
+      appearance: "magentaBold",
+      size: "16",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(IconObjectOld, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+export default PageLiveDoc16Icon;

package/dist/esm/artifacts/glyph/page-live-doc/24.js

@@ -0,0 +1,42 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::724c9bd5f0d44d16613664f162286445>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { fg } from '@atlaskit/platform-feature-flags';
+import IconObjectOld from '../../glyph-legacy/page-live-doc/24';
+
+/**
+ * __24px `page-live-doc` icon object__
+ *
+ * - [Examples](https://atlassian.design/components/icon-object/examples)
+ * - [Code](https://atlassian.design/components/icon-object/code)
+ * - [Usage](https://atlassian.design/components/icon-object/usage)
+ */
+var PageLiveDoc24Icon = function PageLiveDoc24Icon(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId;
+  if (fg('icon-object-migration')) {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: NewIcon,
+      appearance: "magentaBold",
+      size: "24",
+      label: label,
+      testId: testId,
+      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
+        label: label,
+        testId: testId
+      })
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(IconObjectOld, {
+      label: label,
+      testId: testId
+    });
+  }
+};
+PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';
+export default PageLiveDoc24Icon;

package/dist/esm/artifacts/glyph-legacy/page-live-doc/16.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::17c8c810f288fa2c4d58e06371883a6e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+import React from 'react';
+import { IconFacade } from '@atlaskit/icon/base';
+var PageLiveDoc16Icon = function PageLiveDoc16Icon(props) {
+  return /*#__PURE__*/React.createElement(IconFacade, _extends({
+    dangerouslySetGlyph: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" role=\"presentation\"><path fill=\"#cd519d\" fill-rule=\"evenodd\" d=\"M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2.5a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m8.293-5.793-2.854 4.05c-.21.314.009.743.38.743h1.993c.149 0 .259.143.224.292l-.443 2.121c-.119.511.538.812.828.38l2.854-4.05c.21-.314-.008-.743-.38-.743h-1.993a.236.236 0 0 1-.224-.292l.443-2.121c.119-.511-.538-.812-.828-.38\" clip-rule=\"evenodd\"/></svg>"
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  }, props, {
+    size: "small"
+  }));
+};
+PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default PageLiveDoc16Icon;