@atlaskit/icon 23.7.1 → 23.8.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @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

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/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/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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "23.7.1",
+	"version": "23.8.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -96,11 +96,11 @@
 		"@atlaskit/logo": "^15.2.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.19.3",
-		"@atlaskit/primitives": "^13.4.0",
+		"@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": "*",