@atlaskit/icon 23.7.0 → 23.8.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/icon
 
+## 23.8.0
+
+### Minor Changes
+
+- [#111393](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111393)
+  [`cbcdf9cbfacf7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cbcdf9cbfacf7) -
+  This release adds and updates icons in `@atlaskit/icon`.
+
+  ### Added:
+
+  **`@atlaskit/icon/core`**
+
+  - `align-image-center`
+  - `align-image-left`
+  - `align-image-right`
+  - `align-text-center`
+  - `align-text-left`
+  - `align-text-right`
+  - `stroke-weight-extra-large`
+  - `stroke-weight-large`
+  - `stroke-weight-medium`
+  - `stroke-weight-small`
+
+  ### Updated:
+
+  **`@atlaskit/icon/core`**
+
+  - `text-strikethrough`
+
+## 23.7.1
+
+### Patch Changes
+
+- [#108179](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108179)
+  [`327beb94a2e5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/327beb94a2e5a) -
+  Remove unused internal exports and update dependencies.
+
 ## 23.7.0
 
 ### Minor Changes

package/core/align-image-center.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::69305b121025647cc0550dfaff8e68c6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignImageCenterIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignImageCenterIcon;

package/core/align-image-center.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c9b45ff5d1f46ac1a43b61a51fab3aff>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignImageCenter".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Single purpose - Reserved for center aligning media and content.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignImageCenterIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 1.75h14M1 14.25h14m-5.375-4h-3.25a.625.625 0 0 1-.625-.625v-3.25c0-.345.28-.625.625-.625h3.25c.345 0 .625.28.625.625v3.25c0 .345-.28.625-.625.625Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignImageCenterIcon.displayName = 'AlignImageCenterIcon';
+var _default = exports.default = AlignImageCenterIcon;

package/core/align-image-left.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5465f465e26073dafb418ad65943ac5d>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignImageLeftIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignImageLeftIcon;

package/core/align-image-left.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5d0c107257ed15db438c22484b63d13f>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignImageLeft".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Single purpose - Reserved for left aligning media and content.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignImageLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 1.75h14M1 14.25h14m-9.375-4h-3.25a.625.625 0 0 1-.625-.625v-3.25c0-.345.28-.625.625-.625h3.25c.345 0 .625.28.625.625v3.25c0 .345-.28.625-.625.625Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignImageLeftIcon.displayName = 'AlignImageLeftIcon';
+var _default = exports.default = AlignImageLeftIcon;

package/core/align-image-right.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::1615fffefbd687b977b427dd77a66005>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignImageRightIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignImageRightIcon;

package/core/align-image-right.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::333bbcb76f20fa16b1525904dc7c53d6>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignImageRight".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Single purpose - Reserved for right aligning media and content.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const AlignImageRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 1.75h14M1 14.25h14m-1.375-4h-3.25a.625.625 0 0 1-.625-.625v-3.25c0-.345.28-.625.625-.625h3.25c.345 0 .625.28.625.625v3.25c0 .345-.28.625-.625.625Z"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+AlignImageRightIcon.displayName = 'AlignImageRightIcon';
+var _default = exports.default = AlignImageRightIcon;

package/core/align-text-center.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::2fab8da48b2738c4c1bf7943f5a0dbbc>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignTextCenterIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignTextCenterIcon;

package/core/align-text-center.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c07625b0f6e2a46ce909db17734cf9a9>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignTextCenter".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Multi purpose - 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 AlignTextCenterIcon = props => /*#__PURE__*/_react.default.createElement(_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));
+AlignTextCenterIcon.displayName = 'AlignTextCenterIcon';
+var _default = exports.default = AlignTextCenterIcon;

package/core/align-text-left.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::90b980c0a0be18480f0c2715d4f7b7a0>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignTextLeftIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignTextLeftIcon;

package/core/align-text-left.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::cef7acc97621b06863f10d18986382c2>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignTextLeft".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Multi purpose - 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 AlignTextLeftIcon = props => /*#__PURE__*/_react.default.createElement(_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));
+AlignTextLeftIcon.displayName = 'AlignTextLeftIcon';
+var _default = exports.default = AlignTextLeftIcon;

package/core/align-text-right.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ff124e0ac36251d308cd47431f2c3b00>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const AlignTextRightIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default AlignTextRightIcon;

package/core/align-text-right.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b7a4180edde25538e7e2113d64439836>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "AlignTextRight".
+ * Category: multi-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Multi purpose - 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 AlignTextRightIcon = props => /*#__PURE__*/_react.default.createElement(_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));
+AlignTextRightIcon.displayName = 'AlignTextRightIcon';
+var _default = exports.default = AlignTextRightIcon;

package/core/stroke-weight-extra-large.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::61dfa1b252883c45c5ed387a06d4d78c>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const StrokeWeightExtraLargeIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default StrokeWeightExtraLargeIcon;

package/core/stroke-weight-extra-large.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::9b40451c3b1058b0e1cec3288b5d8a9a>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "StrokeWeightExtraLarge".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing the thickest border stroke width.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StrokeWeightExtraLargeIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<rect width="8" height="8" x="4" y="4" fill="currentcolor" stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" rx="4"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StrokeWeightExtraLargeIcon.displayName = 'StrokeWeightExtraLargeIcon';
+var _default = exports.default = StrokeWeightExtraLargeIcon;

package/core/stroke-weight-large.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::1a3825609b6353d118c984ad49a3669d>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const StrokeWeightLargeIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default StrokeWeightLargeIcon;

package/core/stroke-weight-large.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f9f310bc31dad1632c4362b15f6c34f8>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "StrokeWeightLarge".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing thick border stroke widths.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StrokeWeightLargeIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<rect width="6" height="6" x="5" y="5" fill="currentcolor" stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" rx="3"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StrokeWeightLargeIcon.displayName = 'StrokeWeightLargeIcon';
+var _default = exports.default = StrokeWeightLargeIcon;

package/core/stroke-weight-medium.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::29ddf8bf74b7a28af37c79b2d2ecdd21>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const StrokeWeightMediumIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default StrokeWeightMediumIcon;

package/core/stroke-weight-medium.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8440504e72be0b869c7073ffc55f88e2>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "StrokeWeightMedium".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing medium border stroke widths.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StrokeWeightMediumIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<rect width="4" height="4" x="6" y="6" fill="currentcolor" stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" rx="2"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StrokeWeightMediumIcon.displayName = 'StrokeWeightMediumIcon';
+var _default = exports.default = StrokeWeightMediumIcon;

package/core/stroke-weight-small.d.ts

@@ -0,0 +1,13 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8de5533cea4caa19f464dd117b3f860e>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+
+import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
+
+declare const StrokeWeightSmallIcon: {
+  (props: NewCoreIconProps): JSX.Element;
+  displayName: string;
+};
+export default StrokeWeightSmallIcon;

package/core/stroke-weight-small.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5a8f21cc916c45477690e90dedc2427b>>
+ * @codegenCommand yarn build:icon-glyphs
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
+ * Please reach out in #icon-contributions before using these in production.
+ *
+ * Icon: "StrokeWeightSmall".
+ * Category: single-purpose
+ * Location: @atlaskit/icon
+ * Usage guidance: Reserved for representing thin border stroke widths.
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
+ */
+const StrokeWeightSmallIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  dangerouslySetGlyph: `<rect width="2" height="2" fill="currentcolor" stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" rx="1" transform="matrix(1 0 0 -1 7 9)"/>`
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}, props));
+StrokeWeightSmallIcon.displayName = 'StrokeWeightSmallIcon';
+var _default = exports.default = StrokeWeightSmallIcon;

package/dist/cjs/components/icon-facade.js

@@ -5,12 +5,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.IconFacade = void 0;
+exports.IconFacade = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _icon = _interopRequireDefault(require("./icon"));
+var _icon = require("./icon");
 var _excluded = ["dangerouslySetGlyph"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -61,8 +61,7 @@ var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function Ico
       }));
     }
   }
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_icon.Icon, (0, _extends2.default)({
     dangerouslySetGlyph: dangerouslySetGlyph
   }, props));
-});
-var _default = exports.default = IconFacade;
+});

package/dist/cjs/metadata-core.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
+ * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -61,6 +61,33 @@ var metadata = {
     usage: 'Multi purpose - Known uses: align text center, align center.',
     team: 'Design System Team'
   },
+  'align-image-center': {
+    keywords: ['align-image-center', 'alignimagecenter', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'centre'],
+    componentName: 'AlignImageCenterIcon',
+    package: '@atlaskit/icon/core/align-image-center',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for center aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-left': {
+    keywords: ['align-image-left', 'alignimageleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left'],
+    componentName: 'AlignImageLeftIcon',
+    package: '@atlaskit/icon/core/align-image-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for left aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-right': {
+    keywords: ['align-image-right', 'alignimageright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right'],
+    componentName: 'AlignImageRightIcon',
+    package: '@atlaskit/icon/core/align-image-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for right aligning media and content.',
+    team: 'Design System Team'
+  },
   'align-left': {
     keywords: ['align-left', 'alignleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
     componentName: 'AlignLeftIcon',
@@ -81,6 +108,33 @@ var metadata = {
     usage: 'Multi purpose - Known uses: align text right, align content right.',
     team: 'Design System Team'
   },
+  'align-text-center': {
+    keywords: ['align-text-center', 'aligntextcenter', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextCenterIcon',
+    package: '@atlaskit/icon/core/align-text-center',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text center, align center.',
+    team: 'Design System Team'
+  },
+  'align-text-left': {
+    keywords: ['align-text-left', 'aligntextleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
+    componentName: 'AlignTextLeftIcon',
+    package: '@atlaskit/icon/core/align-text-left',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
+    team: 'Design System Team'
+  },
+  'align-text-right': {
+    keywords: ['align-text-right', 'aligntextright', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextRightIcon',
+    package: '@atlaskit/icon/core/align-text-right',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text right, align content right.',
+    team: 'Design System Team'
+  },
   'angle-brackets': {
     keywords: ['angle-brackets', 'anglebrackets', 'icon', 'core', 'code', '<>', '</>', 'syntax', 'jira status'],
     componentName: 'AngleBracketsIcon',
@@ -2640,6 +2694,42 @@ var metadata = {
     usage: 'Single purpose - Reserved for stories in Jira.',
     team: 'Design System Team'
   },
+  'stroke-weight-extra-large': {
+    keywords: ['stroke-weight-extra-large', 'strokeweightextralarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thickest'],
+    componentName: 'StrokeWeightExtraLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-extra-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing the thickest border stroke width.',
+    team: 'Whiteboards'
+  },
+  'stroke-weight-large': {
+    keywords: ['stroke-weight-large', 'strokeweightlarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'thick', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thick border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-medium': {
+    keywords: ['stroke-weight-medium', 'strokeweightmedium', 'icon', 'core', 'border', 'weight', 'stroke', 'medium', 'thickness', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightMediumIcon',
+    package: '@atlaskit/icon/core/stroke-weight-medium',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing medium border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-small': {
+    keywords: ['stroke-weight-small', 'strokeweightsmall', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thin'],
+    componentName: 'StrokeWeightSmallIcon',
+    package: '@atlaskit/icon/core/stroke-weight-small',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thin border stroke widths.',
+    team: 'Editor'
+  },
   subtasks: {
     keywords: ['subtasks', 'icon', 'core', 'issue', 'todo', 'checklist', 'jira status'],
     componentName: 'SubtasksIcon',

package/dist/es2019/components/icon-facade.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { memo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import LegacyIcon from './icon';
+import { Icon as LegacyIcon } from './icon';
 const sizeSpacingMap = {
   utility: {
     small: 'compact',
@@ -53,5 +53,4 @@ export const IconFacade = /*#__PURE__*/memo(function IconFacade({
   return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
     dangerouslySetGlyph: dangerouslySetGlyph
   }, props));
-});
-export default IconFacade;
+});

package/dist/es2019/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
+ * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -55,6 +55,33 @@ const metadata = {
     usage: 'Multi purpose - Known uses: align text center, align center.',
     team: 'Design System Team'
   },
+  'align-image-center': {
+    keywords: ['align-image-center', 'alignimagecenter', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'centre'],
+    componentName: 'AlignImageCenterIcon',
+    package: '@atlaskit/icon/core/align-image-center',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for center aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-left': {
+    keywords: ['align-image-left', 'alignimageleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left'],
+    componentName: 'AlignImageLeftIcon',
+    package: '@atlaskit/icon/core/align-image-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for left aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-right': {
+    keywords: ['align-image-right', 'alignimageright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right'],
+    componentName: 'AlignImageRightIcon',
+    package: '@atlaskit/icon/core/align-image-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for right aligning media and content.',
+    team: 'Design System Team'
+  },
   'align-left': {
     keywords: ['align-left', 'alignleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
     componentName: 'AlignLeftIcon',
@@ -75,6 +102,33 @@ const metadata = {
     usage: 'Multi purpose - Known uses: align text right, align content right.',
     team: 'Design System Team'
   },
+  'align-text-center': {
+    keywords: ['align-text-center', 'aligntextcenter', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextCenterIcon',
+    package: '@atlaskit/icon/core/align-text-center',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text center, align center.',
+    team: 'Design System Team'
+  },
+  'align-text-left': {
+    keywords: ['align-text-left', 'aligntextleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
+    componentName: 'AlignTextLeftIcon',
+    package: '@atlaskit/icon/core/align-text-left',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
+    team: 'Design System Team'
+  },
+  'align-text-right': {
+    keywords: ['align-text-right', 'aligntextright', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextRightIcon',
+    package: '@atlaskit/icon/core/align-text-right',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text right, align content right.',
+    team: 'Design System Team'
+  },
   'angle-brackets': {
     keywords: ['angle-brackets', 'anglebrackets', 'icon', 'core', 'code', '<>', '</>', 'syntax', 'jira status'],
     componentName: 'AngleBracketsIcon',
@@ -2634,6 +2688,42 @@ const metadata = {
     usage: 'Single purpose - Reserved for stories in Jira.',
     team: 'Design System Team'
   },
+  'stroke-weight-extra-large': {
+    keywords: ['stroke-weight-extra-large', 'strokeweightextralarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thickest'],
+    componentName: 'StrokeWeightExtraLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-extra-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing the thickest border stroke width.',
+    team: 'Whiteboards'
+  },
+  'stroke-weight-large': {
+    keywords: ['stroke-weight-large', 'strokeweightlarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'thick', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thick border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-medium': {
+    keywords: ['stroke-weight-medium', 'strokeweightmedium', 'icon', 'core', 'border', 'weight', 'stroke', 'medium', 'thickness', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightMediumIcon',
+    package: '@atlaskit/icon/core/stroke-weight-medium',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing medium border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-small': {
+    keywords: ['stroke-weight-small', 'strokeweightsmall', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thin'],
+    componentName: 'StrokeWeightSmallIcon',
+    package: '@atlaskit/icon/core/stroke-weight-small',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thin border stroke widths.',
+    team: 'Editor'
+  },
   subtasks: {
     keywords: ['subtasks', 'icon', 'core', 'issue', 'todo', 'checklist', 'jira status'],
     componentName: 'SubtasksIcon',

package/dist/esm/components/icon-facade.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["dangerouslySetGlyph"];
 import React, { memo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import LegacyIcon from './icon';
+import { Icon as LegacyIcon } from './icon';
 var sizeSpacingMap = {
   utility: {
     small: 'compact',
@@ -54,5 +54,4 @@ export var IconFacade = /*#__PURE__*/memo(function IconFacade(_ref) {
   return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
     dangerouslySetGlyph: dangerouslySetGlyph
   }, props));
-});
-export default IconFacade;
+});

package/dist/esm/metadata-core.js

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
+ * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -55,6 +55,33 @@ var metadata = {
     usage: 'Multi purpose - Known uses: align text center, align center.',
     team: 'Design System Team'
   },
+  'align-image-center': {
+    keywords: ['align-image-center', 'alignimagecenter', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'centre'],
+    componentName: 'AlignImageCenterIcon',
+    package: '@atlaskit/icon/core/align-image-center',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for center aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-left': {
+    keywords: ['align-image-left', 'alignimageleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left'],
+    componentName: 'AlignImageLeftIcon',
+    package: '@atlaskit/icon/core/align-image-left',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for left aligning media and content.',
+    team: 'Design System Team'
+  },
+  'align-image-right': {
+    keywords: ['align-image-right', 'alignimageright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right'],
+    componentName: 'AlignImageRightIcon',
+    package: '@atlaskit/icon/core/align-image-right',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Single purpose - Reserved for right aligning media and content.',
+    team: 'Design System Team'
+  },
   'align-left': {
     keywords: ['align-left', 'alignleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
     componentName: 'AlignLeftIcon',
@@ -75,6 +102,33 @@ var metadata = {
     usage: 'Multi purpose - Known uses: align text right, align content right.',
     team: 'Design System Team'
   },
+  'align-text-center': {
+    keywords: ['align-text-center', 'aligntextcenter', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextCenterIcon',
+    package: '@atlaskit/icon/core/align-text-center',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text center, align center.',
+    team: 'Design System Team'
+  },
+  'align-text-left': {
+    keywords: ['align-text-left', 'aligntextleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
+    componentName: 'AlignTextLeftIcon',
+    package: '@atlaskit/icon/core/align-text-left',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
+    team: 'Design System Team'
+  },
+  'align-text-right': {
+    keywords: ['align-text-right', 'aligntextright', 'icon', 'core', 'alignment', 'text', 'content'],
+    componentName: 'AlignTextRightIcon',
+    package: '@atlaskit/icon/core/align-text-right',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Multi purpose - Known uses: align text right, align content right.',
+    team: 'Design System Team'
+  },
   'angle-brackets': {
     keywords: ['angle-brackets', 'anglebrackets', 'icon', 'core', 'code', '<>', '</>', 'syntax', 'jira status'],
     componentName: 'AngleBracketsIcon',
@@ -2634,6 +2688,42 @@ var metadata = {
     usage: 'Single purpose - Reserved for stories in Jira.',
     team: 'Design System Team'
   },
+  'stroke-weight-extra-large': {
+    keywords: ['stroke-weight-extra-large', 'strokeweightextralarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thickest'],
+    componentName: 'StrokeWeightExtraLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-extra-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing the thickest border stroke width.',
+    team: 'Whiteboards'
+  },
+  'stroke-weight-large': {
+    keywords: ['stroke-weight-large', 'strokeweightlarge', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'thick', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightLargeIcon',
+    package: '@atlaskit/icon/core/stroke-weight-large',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thick border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-medium': {
+    keywords: ['stroke-weight-medium', 'strokeweightmedium', 'icon', 'core', 'border', 'weight', 'stroke', 'medium', 'thickness', 'confluence', 'editor', 'whiteboards'],
+    componentName: 'StrokeWeightMediumIcon',
+    package: '@atlaskit/icon/core/stroke-weight-medium',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing medium border stroke widths.',
+    team: 'Editor'
+  },
+  'stroke-weight-small': {
+    keywords: ['stroke-weight-small', 'strokeweightsmall', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thin'],
+    componentName: 'StrokeWeightSmallIcon',
+    package: '@atlaskit/icon/core/stroke-weight-small',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing thin border stroke widths.',
+    team: 'Editor'
+  },
   subtasks: {
     keywords: ['subtasks', 'icon', 'core', 'issue', 'todo', 'checklist', 'jira status'],
     componentName: 'SubtasksIcon',

package/dist/types/components/icon-facade.d.ts

@@ -9,4 +9,3 @@ import type { IconFacadeProps } from '../types';
  * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
  */
 export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;
-export default IconFacade;

package/dist/types/metadata-core.d.ts

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
+ * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types/types.d.ts

@@ -2,7 +2,7 @@ import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps
 import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 export type IconSpacing = 'none' | 'spacious';
-export type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
+type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
      * provided to a custom glyph
@@ -17,7 +17,7 @@ export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
      */
     className?: string;
 }
-export interface GlyphColorProps {
+interface GlyphColorProps {
     /**
      * Primary color for the icon.
      * Inherits the current font color by default.
@@ -41,7 +41,7 @@ export interface NewGlyphColorProps {
      */
     color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
 }
-export interface GlyphSizeProps {
+interface GlyphSizeProps {
     /**
      * There are three icon sizes – small (16px), medium (24px), and large (32px).
      * This pixel size refers to the canvas the icon sits on,
@@ -49,7 +49,7 @@ export interface GlyphSizeProps {
      */
     size?: Size;
 }
-export interface NewCoreGlyphSpacingProps {
+interface NewCoreGlyphSpacingProps {
     /**
      * Core Icons have only one available size, but can be displayed with additional spacing.
      * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -57,7 +57,7 @@ export interface NewCoreGlyphSpacingProps {
      */
     spacing?: IconSpacing;
 }
-export interface NewUtilityGlyphSpacingProps {
+interface NewUtilityGlyphSpacingProps {
     /**
      * Utility Icons have only one available size, but can be displayed with additional spacing.
      * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -66,7 +66,7 @@ export interface NewUtilityGlyphSpacingProps {
      */
     spacing?: UtilityIconSpacing;
 }
-export interface OtherGlyphProps {
+interface OtherGlyphProps {
     /**
      * Text used to describe what the icon is in context.
      * A label is needed when there is no pairing visible text next to the icon.
@@ -83,7 +83,7 @@ export interface OtherGlyphProps {
 /**
  * Props for legacy icons –– including the children prop to resolve R18 type errors
  */
-export interface LegacyOtherGlyphProps {
+interface LegacyOtherGlyphProps {
     /**
      * Text used to describe what the icon is in context.
      */
@@ -115,9 +115,9 @@ interface IconInternalGlyphProps {
 }
 export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
 }
-export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
+interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
 }
-export interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
+interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
 }
 export interface IconProps extends GlyphProps, IconInternalGlyphProps {
     /**
@@ -126,7 +126,7 @@ export interface IconProps extends GlyphProps, IconInternalGlyphProps {
      */
     glyph?: ComponentType<CustomGlyphProps>;
 }
-export interface BaseNewIconProps {
+interface BaseNewIconProps {
     /**
      * Legacy icon component to render when the icon refresh feature flag is turned off.
      * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.

package/dist/types-ts4.5/components/icon-facade.d.ts

@@ -9,4 +9,3 @@ import type { IconFacadeProps } from '../types';
  * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
  */
 export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;
-export default IconFacade;

package/dist/types-ts4.5/metadata-core.d.ts

@@ -3,7 +3,7 @@
  *
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
  *
- * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
+ * @codegen <<SignedSource::8d615a9e55d05a28b6a31d643dc17516>>
  * @codegenCommand yarn build:icon-glyphs
  */
 interface metadata {

package/dist/types-ts4.5/types.d.ts

@@ -2,7 +2,7 @@ import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps
 import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
 export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 export type IconSpacing = 'none' | 'spacious';
-export type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
+type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
 export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
     /**
      * provided to a custom glyph
@@ -17,7 +17,7 @@ export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
      */
     className?: string;
 }
-export interface GlyphColorProps {
+interface GlyphColorProps {
     /**
      * Primary color for the icon.
      * Inherits the current font color by default.
@@ -41,7 +41,7 @@ export interface NewGlyphColorProps {
      */
     color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
 }
-export interface GlyphSizeProps {
+interface GlyphSizeProps {
     /**
      * There are three icon sizes – small (16px), medium (24px), and large (32px).
      * This pixel size refers to the canvas the icon sits on,
@@ -49,7 +49,7 @@ export interface GlyphSizeProps {
      */
     size?: Size;
 }
-export interface NewCoreGlyphSpacingProps {
+interface NewCoreGlyphSpacingProps {
     /**
      * Core Icons have only one available size, but can be displayed with additional spacing.
      * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -57,7 +57,7 @@ export interface NewCoreGlyphSpacingProps {
      */
     spacing?: IconSpacing;
 }
-export interface NewUtilityGlyphSpacingProps {
+interface NewUtilityGlyphSpacingProps {
     /**
      * Utility Icons have only one available size, but can be displayed with additional spacing.
      * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -66,7 +66,7 @@ export interface NewUtilityGlyphSpacingProps {
      */
     spacing?: UtilityIconSpacing;
 }
-export interface OtherGlyphProps {
+interface OtherGlyphProps {
     /**
      * Text used to describe what the icon is in context.
      * A label is needed when there is no pairing visible text next to the icon.
@@ -83,7 +83,7 @@ export interface OtherGlyphProps {
 /**
  * Props for legacy icons –– including the children prop to resolve R18 type errors
  */
-export interface LegacyOtherGlyphProps {
+interface LegacyOtherGlyphProps {
     /**
      * Text used to describe what the icon is in context.
      */
@@ -115,9 +115,9 @@ interface IconInternalGlyphProps {
 }
 export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
 }
-export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
+interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
 }
-export interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
+interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
 }
 export interface IconProps extends GlyphProps, IconInternalGlyphProps {
     /**
@@ -126,7 +126,7 @@ export interface IconProps extends GlyphProps, IconInternalGlyphProps {
      */
     glyph?: ComponentType<CustomGlyphProps>;
 }
-export interface BaseNewIconProps {
+interface BaseNewIconProps {
     /**
      * Legacy icon component to render when the icon refresh feature flag is turned off.
      * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "23.7.0",
+	"version": "23.8.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,8 +69,11 @@
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/tokens": "^3.3.0",
+		"@babel/register": "^7.25.9",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1"
+		"@emotion/react": "^11.7.1",
+		"globby": "^6.1.0",
+		"puppeteer": "13.7.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -80,26 +83,32 @@
 		"@af/icon-build-process": "^2.4.0",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/button": "^20.3.12",
 		"@atlaskit/code": "^15.7.0",
 		"@atlaskit/css": "^0.8.0",
+		"@atlaskit/docs": "*",
 		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/form": "^11.0.2",
 		"@atlaskit/heading": "^4.1.0",
+		"@atlaskit/icon-file-type": "^6.8.0",
+		"@atlaskit/icon-object": "^6.9.0",
 		"@atlaskit/link": "^2.1.0",
 		"@atlaskit/logo": "^15.2.0",
 		"@atlaskit/menu": "^2.14.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/modal-dialog": "^12.19.3",
+		"@atlaskit/primitives": "^13.5.0",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.8.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/toggle": "^14.1.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/visual-regression": "*",
 		"@babel/core": "7.24.9",
-		"@emotion/babel-preset-css-prop": "^11.11.0",
+		"@codeshift/utils": "^0.2.4",
+		"@compiled/react": "^0.18.1",
 		"@testing-library/react": "^13.4.0",
-		"classnames": "^2.2.5",
 		"fs-extra": "^4.0.2",
-		"jest-emotion": "^10.0.32",
 		"jscodeshift": "^0.13.0",
 		"lodash": "^4.17.21",
 		"nullthrows": "^1.1.1",