@atlaskit/icon 22.2.0 → 22.3.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/icon
 
+## 22.3.1
+
+### Patch Changes
+
+-   [#104222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104222)
+    [`cabed929cdde`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cabed929cdde) -
+    Fix bug where utility icons incorrectly allowed the 'spacing' prop to be set. Utility icons only
+    support 'none' spacing and the prop type has been removed"
+
+## 22.3.0
+
+### Minor Changes
+
+-   [#95202](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95202)
+    [`80507e249e92`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80507e249e92) -
+    Adds new experimental icons at the entrypoints @atlaskit/icon/core/\* and
+    @atlaskit/icon/utility/\*, as well as a new IconTile component (compatible with global icons).
+
+    These new components are experimental, and subject to change or removal in minor or patch
+    releases.
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 22.2.0
 
 ### Minor Changes

package/UNSAFE_base-new/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/icon/UNSAFE_base-new",
+  "main": "../dist/cjs/entry-points/base-new.js",
+  "module": "../dist/esm/entry-points/base-new.js",
+  "module:es2019": "../dist/es2019/entry-points/base-new.js",
+  "sideEffects": false,
+  "types": "../dist/types/entry-points/base-new.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/base-new.d.ts"
+      ]
+    }
+  }
+}

package/afm-cc/tsconfig.json

@@ -18,6 +18,9 @@
         "../src/**/test.*"
     ],
     "references": [
+        {
+            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../tokens/afm-cc/tsconfig.json"
         }

package/afm-jira/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "extends": "../../../../tsconfig.products.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__icon/app",
+    "composite": true,
+    "rootDir": "../",
+    "baseUrl": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../tokens/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/build/index.tsx

@@ -4,6 +4,8 @@ import type { IconBuildConfig } from '@af/icon-build-process';
 import pkgDir from 'pkg-dir';
 import fs from 'fs-extra';
 import synonyms from '../utils/synonyms';
+import coreIconMetadata from '../icons_raw/metadata-core';
+import utilityIconMetadata from '../icons_raw/metadata-utility';
 
 const root = pkgDir.sync();
 
@@ -11,21 +13,87 @@ if (!root) {
   throw new Error('Root directory was not found');
 }
 
-const config: IconBuildConfig = {
-  srcDir: path.resolve(root, 'svgs_raw'),
-  processedDir: path.resolve(root, 'svgs'),
-  destDir: path.resolve(root, 'glyph'),
+/**
+ * The legacy icon build process. A past SVGO update disabled this process and slightly changed the SVG output.
+ * Re-running this step re-generates all icons and triggers a large number of platform/product snapshot tests.
+ *
+ * To avoid unnecessary churn, this step is switched off, and any updates to the old icon set can be done piecemeal.
+ */
+
+// const config: IconBuildConfig = {
+//   srcDir: path.resolve(root, 'svgs_raw'),
+//   processedDir: path.resolve(root, 'svgs'),
+//   destDir: path.resolve(root, 'glyph'),
+//   maxWidth: 24,
+//   maxHeight: 24,
+//   glob: '**/*.svg',
+//   baseIconEntryPoint: '@atlaskit/icon/base',
+// };
+// buildIcons(config).then((icons) => {
+//   const iconDocs = createIconDocs(icons, '@atlaskit/icon', synonyms, [
+//     'icon',
+//     'core',
+//   ]);
+//   return fs.outputFile(path.resolve(root, 'src/metadata.tsx'), iconDocs);
+// });
+
+/**
+ * The updated icon build process for the new icons under `@atlaskit/icon/core/*`
+ */
+const configCore: IconBuildConfig = {
+  srcDir: path.resolve(root, 'icons_raw/core'),
+  processedDir: path.resolve(root, 'icons_optimised/core'),
+  destDir: path.resolve(root, 'core'),
   maxWidth: 24,
   maxHeight: 24,
   glob: '**/*.svg',
-  baseIconEntryPoint: '@atlaskit/icon/base',
+  baseIconEntryPoint: '@atlaskit/icon/UNSAFE_base-new',
+  isUpdatedIconBuildEnabled: true,
+  iconType: 'core',
+  metadata: coreIconMetadata,
+};
+
+buildIcons(configCore).then((icons) => {
+  const iconDocs = createIconDocs(
+    icons,
+    '@atlaskit/icon/core',
+    synonyms,
+    ['icon', 'core'],
+    true,
+    coreIconMetadata,
+  );
+
+  return fs.outputFile(path.resolve(root, 'src/metadata-core.tsx'), iconDocs);
+});
+
+/**
+ * The updated icon build process for the new icons under `@atlaskit/icon/utility/*`
+ */
+const configUtility: IconBuildConfig = {
+  srcDir: path.resolve(root, 'icons_raw/utility'),
+  processedDir: path.resolve(root, 'icons_optimised/utility'),
+  destDir: path.resolve(root, 'utility'),
+  maxWidth: 12,
+  maxHeight: 12,
+  glob: '**/*.svg',
+  baseIconEntryPoint: '@atlaskit/icon/UNSAFE_base-new',
+  isUpdatedIconBuildEnabled: true,
+  iconType: 'utility',
+  metadata: utilityIconMetadata,
 };
 
-buildIcons(config).then((icons) => {
-  const iconDocs = createIconDocs(icons, '@atlaskit/icon', synonyms, [
-    'icon',
-    'core',
-  ]);
+buildIcons(configUtility).then((icons) => {
+  const iconDocs = createIconDocs(
+    icons,
+    '@atlaskit/icon/utility',
+    synonyms,
+    ['icon', 'utility'],
+    true,
+    utilityIconMetadata,
+  );
 
-  return fs.outputFile(path.resolve(root, 'src/metadata.tsx'), iconDocs);
+  return fs.outputFile(
+    path.resolve(root, 'src/metadata-utility.tsx'),
+    iconDocs,
+  );
 });

package/codemods/21.2.0-metadata-entry.tsx

@@ -1,4 +1,5 @@
-import core, {
+import type {
+  default as core,
   API,
   FileInfo,
   ImportSpecifier,
@@ -6,7 +7,7 @@ import core, {
   ImportDefaultSpecifier,
   Options,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 export const packageName = '@atlaskit/icon';
 

package/core/add.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AddIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AddIcon;

package/core/add.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "Add".
+ * Category: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for creating and adding an object.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M8 8h7M8 8H1m7 0V1m0 7v7"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AddIcon.displayName = 'AddIcon';
+var _default = exports.default = AddIcon;

package/core/ai-agent.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AiAgentIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AiAgentIcon;

package/core/ai-agent.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AiAgent".
+ * Category: Single-purpose
+ * Location: Icon contributions
+ * Usage guidance: Reserved for Rovo Agent.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AiAgentIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m13.643 4.136-5-3a1.25 1.25 0 0 0-1.286 0l-5 3a1.25 1.25 0 0 0-.607 1.072v5.584c0 .44.23.846.607 1.072l5 3c.396.238.89.238 1.286 0l5-3a1.25 1.25 0 0 0 .607-1.072V5.208c0-.44-.23-.846-.607-1.072Z"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M11.5 11a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AiAgentIcon.displayName = 'AiAgentIcon';
+var _default = exports.default = AiAgentIcon;

package/core/ai-chat.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AiChatIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AiChatIcon;

package/core/ai-chat.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AiChat".
+ * Category: Single-purpose
+ * Location: Icon contributions
+ * Usage guidance: Reserved for Rovo Chat.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AiChatIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path fill="currentColor" d="M6 12.25v-.75h-.22l-.19.12zM1.75 15H1a.75.75 0 0 0 1.16.63zM3 2.5h10V1H3zm10.5.5v8H15V3zm-.5 8.5H6V13h7zm-7.41.12-4.25 2.75.81 1.26 4.25-2.75zM2.5 15V3H1v12zm11-4a.5.5 0 0 1-.5.5V13a2 2 0 0 0 2-2zM13 2.5a.5.5 0 0 1 .5.5H15a2 2 0 0 0-2-2zM3 1a2 2 0 0 0-2 2h1.5a.5.5 0 0 1 .5-.5zm3 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AiChatIcon.displayName = 'AiChatIcon';
+var _default = exports.default = AiChatIcon;

package/core/alert.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AlertIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AlertIcon;

package/core/alert.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "Alert".
+ * Category: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for alerts in JSM and Compass.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlertIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M11.75 14.25h-7.5m7.5 0H14m-2.25 0-.693-8.312a.75.75 0 0 0-.747-.688H5.69a.75.75 0 0 0-.747.688L4.25 14.25m0 0H2M8 3V0M3.641 3.641 1.593 1.593M12.36 3.641l2.048-2.048"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlertIcon.displayName = 'AlertIcon';
+var _default = exports.default = AlertIcon;

package/core/align-center.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AlignCenterIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AlignCenterIcon;

package/core/align-center.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AlignCenter".
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text center, align center.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignCenterIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M4 2.75h8m-8 10.5h8M1 8h14"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignCenterIcon.displayName = 'AlignCenterIcon';
+var _default = exports.default = AlignCenterIcon;

package/core/align-left.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AlignLeftIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AlignLeftIcon;

package/core/align-left.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AlignLeft".
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text left, align content left, summary.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignLeftIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M1 2.75h14M1 13.25h7M1 8h14"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignLeftIcon.displayName = 'AlignLeftIcon';
+var _default = exports.default = AlignLeftIcon;

package/core/align-right.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AlignRightIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AlignRightIcon;

package/core/align-right.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AlignRight".
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: align text right, align content right.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignRightIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M1 2.75h14m-7 10.5h7M1 8h14"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignRightIcon.displayName = 'AlignRightIcon';
+var _default = exports.default = AlignRightIcon;

package/core/angle-brackets.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AngleBracketsIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AngleBracketsIcon;

package/core/angle-brackets.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "AngleBrackets".
+ * Category: Multi-purpose
+ * Location: Icon contributions
+ * Usage guidance: Known uses: code or source code in Bitbucket and Jira.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AngleBracketsIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M4.5 8.75.75 6 4.5 3.25m7 4L15.25 10l-3.75 2.75M11 1.25l-6 13.5"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AngleBracketsIcon.displayName = 'AngleBracketsIcon';
+var _default = exports.default = AngleBracketsIcon;

package/core/app.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AppIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AppIcon;

package/core/app.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "App".
+ * Category: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for marketplace apps and integrations across products.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AppIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2.357 4.136 5-3a1.25 1.25 0 0 1 1.286 0l5 3c.377.226.607.633.607 1.072v5.584c0 .44-.23.846-.607 1.072l-5 3a1.25 1.25 0 0 1-1.286 0l-5-3a1.25 1.25 0 0 1-.607-1.072V5.208c0-.44.23-.846.607-1.072Z"/><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M10.25 8a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AppIcon.displayName = 'AppIcon';
+var _default = exports.default = AppIcon;

package/core/apps.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const AppsIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default AppsIcon;

package/core/apps.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "Apps".
+ * Category: Single-purpose
+ * Location: ADS
+ * Usage guidance: Reserved for adding or viewing apps.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AppsIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M12 9v6m-3-3h6M3 14.25h2c.69 0 1.25-.56 1.25-1.25v-2c0-.69-.56-1.25-1.25-1.25H3c-.69 0-1.25.56-1.25 1.25v2c0 .69.56 1.25 1.25 1.25Zm8-8h2c.69 0 1.25-.56 1.25-1.25V3c0-.69-.56-1.25-1.25-1.25h-2c-.69 0-1.25.56-1.25 1.25v2c0 .69.56 1.25 1.25 1.25Zm-8 0h2c.69 0 1.25-.56 1.25-1.25V3c0-.69-.56-1.25-1.25-1.25H3c-.69 0-1.25.56-1.25 1.25v2c0 .69.56 1.25 1.25 1.25Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AppsIcon.displayName = 'AppsIcon';
+var _default = exports.default = AppsIcon;

package/core/archive-box.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const ArchiveBoxIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default ArchiveBoxIcon;

package/core/archive-box.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are a work in progress and subject to change or removal in future minor or patch releases.
+ * Please reach out in #help-design-system before using these in production.
+ *
+ * Icon: "ArchiveBox".
+ * Category: Multi-purpose
+ * Location: ADS
+ * Usage guidance: Known uses: archiving pages, storage.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const ArchiveBoxIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentColor" stroke-width="1.5" d="M2.75 5.25h-1v-3.5h12.5v3.5h-1m-10.5 0V13c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5.25m-10.5 0h10.5m-7.75 3h5"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+ArchiveBoxIcon.displayName = 'ArchiveBoxIcon';
+var _default = exports.default = ArchiveBoxIcon;

package/core/arrow-down.d.ts

@@ -0,0 +1,9 @@
+
+import React from 'react';
+import Icon from '@atlaskit/icon/UNSAFE_base-new';
+
+declare const ArrowDownIcon: {
+  (props: Omit<React.ComponentProps<typeof Icon>, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  displayName: string;
+};
+export default ArrowDownIcon;