@atlaskit/icon 28.0.0 → 28.1.1

package/core/work-items.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fa0a7a20e9878c1f12b50feba4970dc6>>
+ * @codegen <<SignedSource::4eef8c7bda009f013e8cf54eb12259e1>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,6 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const WorkItemsIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "WorkItemsIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" d="M11.5 4a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5zM9.448 5.608l-3.167 3.75a.75.75 0 0 1-1.09.061l-.055-.06-1.584-1.876 1.146-.966 1.01 1.196 2.594-3.071zM13 10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2z"/><path fill="currentcolor" d="M14.5 11.75V7H16v4.75A3.25 3.25 0 0 1 12.75 15H5v-1.5h7.75a1.75 1.75 0 0 0 1.75-1.75"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));

package/core/zoom-in.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e4e3e14173b47c6de5fe1fa37ade34ee>>
+ * @codegen <<SignedSource::e9c8ff141bb3ac6f3d3c142a83802bd7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,6 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ZoomInIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ZoomInIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M7 2.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9M1 7a6 6 0 1 1 10.74 3.68l3.29 3.29-1.06 1.06-3.29-3.29A6 6 0 0 1 1 7m5.25.75V10h1.5V7.75H10v-1.5H7.75V4h-1.5v2.25H4v1.5z" clip-rule="evenodd"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));

package/core/zoom-out.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::37fb24f79715a5e8762f768d1ae974b4>>
+ * @codegen <<SignedSource::38d4bb9285a504664d94867606cdaddc>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,6 +21,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ZoomOutIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ZoomOutIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M7 2.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9M1 7a6 6 0 1 1 10.74 3.68l3.29 3.29-1.06 1.06-3.29-3.29A6 6 0 0 1 1 7m9 .75H4v-1.5h6z" clip-rule="evenodd"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));

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

@@ -96,7 +96,8 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     shouldScale = _ref.shouldScale,
     LEGACY_margin = _ref.LEGACY_margin,
     _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing;
+    spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
+    name = _ref.name;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;
@@ -117,11 +118,15 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     });
   }
   var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core';
-  var size = 'size' in props && props.size !== undefined && (
-  // This prevents invalid sizes being passed in, which is required
-  // for handling unsupported legacy icon sizes which can
-  // cause errors.
-  props.size === 'small' || props.size === 'medium') ? props.size : 'medium';
+  var size = 'medium';
+  if ('size' in props && props.size !== undefined) {
+    if (typeof props.size === 'string') {
+      size = props.size === 'small' || props.size === 'medium' ? props.size : size;
+    } else if (name) {
+      var newSize = props.size(name);
+      size = newSize === 'small' || newSize === 'medium' ? newSize : size;
+    }
+  }
   var baseSize = baseSizeMap[type];
   var viewBoxPadding = paddingMap[type][size][spacing];
   var viewBoxSize = baseSize + 2 * viewBoxPadding;

package/dist/cjs/components/icon-tile.compiled.css

@@ -1,6 +1,6 @@
 
-._2rko14q2{border-radius:var(--ds-border-radius-circle,2002pc)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}._1bah1h6o{justify-content:center}
 ._1bsb1tcg{width:24px}
 ._1bsb1ylp{width:40px}
 ._1bsb7vkz{width:1pc}

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

@@ -41,8 +41,8 @@ var appearanceMap = {
   yellow: "_bfhk3fv2 _syaz1oqg"
 };
 var shapeMap = {
-  square: "_2rkoiti9",
-  circle: "_2rko14q2"
+  square: "_2rko12b0",
+  circle: "_2rko1twn"
 };
 var iconTileStyles = null;
 

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

@@ -90,7 +90,8 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     // Used with iconTile to scale icon up and down
     shouldScale,
     LEGACY_margin,
-    spacing = 'none'
+    spacing = 'none',
+    name
   } = props;
   const dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
@@ -112,11 +113,15 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     });
   }
   const type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core';
-  const size = 'size' in props && props.size !== undefined && (
-  // This prevents invalid sizes being passed in, which is required
-  // for handling unsupported legacy icon sizes which can
-  // cause errors.
-  props.size === 'small' || props.size === 'medium') ? props.size : 'medium';
+  let size = 'medium';
+  if ('size' in props && props.size !== undefined) {
+    if (typeof props.size === 'string') {
+      size = props.size === 'small' || props.size === 'medium' ? props.size : size;
+    } else if (name) {
+      const newSize = props.size(name);
+      size = newSize === 'small' || newSize === 'medium' ? newSize : size;
+    }
+  }
   const baseSize = baseSizeMap[type];
   const viewBoxPadding = paddingMap[type][size][spacing];
   const viewBoxSize = baseSize + 2 * viewBoxPadding;

package/dist/es2019/components/icon-tile.compiled.css

@@ -1,6 +1,6 @@
 
-._2rko14q2{border-radius:var(--ds-border-radius-circle,2002pc)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}._1bah1h6o{justify-content:center}
 ._1bsb1tcg{width:24px}
 ._1bsb1ylp{width:40px}
 ._1bsb7vkz{width:1pc}

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

@@ -33,8 +33,8 @@ const appearanceMap = {
   yellow: "_bfhk3fv2 _syaz1oqg"
 };
 const shapeMap = {
-  square: "_2rkoiti9",
-  circle: "_2rko14q2"
+  square: "_2rko12b0",
+  circle: "_2rko1twn"
 };
 const iconTileStyles = null;
 

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

@@ -89,7 +89,8 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     shouldScale = _ref.shouldScale,
     LEGACY_margin = _ref.LEGACY_margin,
     _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing;
+    spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
+    name = _ref.name;
   var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
     __html: dangerouslySetGlyph
   } : undefined;
@@ -110,11 +111,15 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     });
   }
   var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core';
-  var size = 'size' in props && props.size !== undefined && (
-  // This prevents invalid sizes being passed in, which is required
-  // for handling unsupported legacy icon sizes which can
-  // cause errors.
-  props.size === 'small' || props.size === 'medium') ? props.size : 'medium';
+  var size = 'medium';
+  if ('size' in props && props.size !== undefined) {
+    if (typeof props.size === 'string') {
+      size = props.size === 'small' || props.size === 'medium' ? props.size : size;
+    } else if (name) {
+      var newSize = props.size(name);
+      size = newSize === 'small' || newSize === 'medium' ? newSize : size;
+    }
+  }
   var baseSize = baseSizeMap[type];
   var viewBoxPadding = paddingMap[type][size][spacing];
   var viewBoxSize = baseSize + 2 * viewBoxPadding;

package/dist/esm/components/icon-tile.compiled.css

@@ -1,6 +1,6 @@
 
-._2rko14q2{border-radius:var(--ds-border-radius-circle,2002pc)}
-._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._1bah1h6o{justify-content:center}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}._1bah1h6o{justify-content:center}
 ._1bsb1tcg{width:24px}
 ._1bsb1ylp{width:40px}
 ._1bsb7vkz{width:1pc}

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

@@ -33,8 +33,8 @@ var appearanceMap = {
   yellow: "_bfhk3fv2 _syaz1oqg"
 };
 var shapeMap = {
-  square: "_2rkoiti9",
-  circle: "_2rko14q2"
+  square: "_2rko12b0",
+  circle: "_2rko1twn"
 };
 var iconTileStyles = null;
 

package/dist/types/types.d.ts

@@ -73,8 +73,11 @@ interface NewCoreGlyphSizeProps {
      * There are two icon sizes available:
      * - `medium` - 16px. (default).
      * - `small` - 12px.
+     *
+     * Alternatively a function can be passed to determine the size
+     * based on the icon's name, which can be useful for dynamic rendering.
      */
-    size?: IconSize;
+    size?: IconSize | ((iconName: string) => IconSize);
 }
 interface OtherGlyphProps {
     /**
@@ -127,7 +130,7 @@ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, Glyph
 }
 interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
-interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
+interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
 export interface IconProps extends GlyphProps, IconInternalGlyphProps {
     /**
@@ -162,16 +165,23 @@ interface BaseNewIconProps {
 }
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
-    size?: NewCoreIconSize;
     shouldRecommendSmallIcon?: boolean;
+    /**
+     * Display name of the icon.
+     */
+    name?: string;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';
+    /**
+     * Display name of the icon.
+     */
+    name?: string;
 }
-export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type'>;
-export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type'>;
+export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
+export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
 export type UNSAFE_NewGlyphProps = UNSAFE_NewUtilityGlyphProps | UNSAFE_NewCoreGlyphProps;
-export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type'>;
+export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
 export type IconTileAppearance = 'gray' | 'blue' | 'teal' | 'green' | 'lime' | 'yellow' | 'orange' | 'red' | 'magenta' | 'purple' | 'grayBold' | 'blueBold' | 'tealBold' | 'greenBold' | 'limeBold' | 'yellowBold' | 'orangeBold' | 'redBold' | 'magentaBold' | 'purpleBold';
 export type IconTileSize = '16' | '24' | '32' | '40' | '48';
 export interface IconTileProps {

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

@@ -73,8 +73,11 @@ interface NewCoreGlyphSizeProps {
      * There are two icon sizes available:
      * - `medium` - 16px. (default).
      * - `small` - 12px.
+     *
+     * Alternatively a function can be passed to determine the size
+     * based on the icon's name, which can be useful for dynamic rendering.
      */
-    size?: IconSize;
+    size?: IconSize | ((iconName: string) => IconSize);
 }
 interface OtherGlyphProps {
     /**
@@ -127,7 +130,7 @@ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, Glyph
 }
 interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
-interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
+interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
 }
 export interface IconProps extends GlyphProps, IconInternalGlyphProps {
     /**
@@ -162,16 +165,23 @@ interface BaseNewIconProps {
 }
 export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
     type?: 'core';
-    size?: NewCoreIconSize;
     shouldRecommendSmallIcon?: boolean;
+    /**
+     * Display name of the icon.
+     */
+    name?: string;
 }
 export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
     type: 'utility';
+    /**
+     * Display name of the icon.
+     */
+    name?: string;
 }
-export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type'>;
-export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type'>;
+export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
+export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
 export type UNSAFE_NewGlyphProps = UNSAFE_NewUtilityGlyphProps | UNSAFE_NewCoreGlyphProps;
-export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type'>;
+export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
 export type IconTileAppearance = 'gray' | 'blue' | 'teal' | 'green' | 'lime' | 'yellow' | 'orange' | 'red' | 'magenta' | 'purple' | 'grayBold' | 'blueBold' | 'tealBold' | 'greenBold' | 'limeBold' | 'yellowBold' | 'orangeBold' | 'redBold' | 'magentaBold' | 'purpleBold';
 export type IconTileSize = '16' | '24' | '32' | '40' | '48';
 export interface IconTileProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "28.0.0",
+	"version": "28.1.1",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,14 +17,86 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
-		"team": "Design System Team"
+		"team": "Design System Team",
+		"website": {
+			"name": "Icon",
+			"category": "Images and icons",
+			"subPages": [
+				{
+					"title": "Icon (legacy)",
+					"id": "icon-legacy",
+					"sortKey": 1,
+					"status": {
+						"type": "deprecated",
+						"description": "Legacy icons (`@atlaskit/icon/glyph`) are deprecated. We recommend migrating to our new iconography system.",
+						"actions": [
+							{
+								"text": "View new icons",
+								"href": "/components/icon/"
+							},
+							{
+								"text": "Migration Guide",
+								"href": "/components/icon/migration-guide/"
+							}
+						]
+					}
+				},
+				{
+					"title": "Icon tile",
+					"id": "icon-tile",
+					"status": {
+						"type": "open-alpha",
+						"description": "This is an experiment. We may make frequent breaking changes with limited notice."
+					},
+					"sortKey": 2
+				},
+				{
+					"title": "Custom icon (legacy)",
+					"id": "custom-icon",
+					"sortKey": 3,
+					"status": {
+						"type": "deprecated",
+						"description": "Custom icon is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
+						"actions": [
+							{
+								"text": "View available icons",
+								"href": "/components/icon/"
+							},
+							{
+								"text": "Contribute an icon (Atlassians only)",
+								"href": "https://go.atlassian.com/ads-icon-contribution"
+							}
+						]
+					}
+				},
+				{
+					"title": "Custom SVG",
+					"id": "custom-svg",
+					"sortKey": 4,
+					"status": {
+						"type": "deprecated",
+						"description": "Custom SVG is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
+						"actions": [
+							{
+								"text": "View available icons",
+								"href": "/components/icon/"
+							},
+							{
+								"text": "Contribute an icon (Atlassians only)",
+								"href": "https://go.atlassian.com/ads-icon-contribution"
+							}
+						]
+					}
+				}
+			]
+		}
 	},
 	"scripts": {
 		"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
 	},
 	"dependencies": {
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/tokens": "^6.1.0",
 		"@babel/register": "^7.25.9",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
@@ -42,7 +114,7 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/form": "^12.1.0",
+		"@atlaskit/form": "^12.4.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.2.0",
@@ -50,14 +122,13 @@
 		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/section-message": "^8.5.0",
+		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/section-message": "^8.6.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/theme": "^20.0.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
-		"@atlaskit/visual-regression": "workspace:^",
-		"@atlassian/ssr-tests": "^0.2.0",
+		"@atlassian/ssr-tests": "^0.3.0",
 		"@babel/core": "7.24.9",
 		"@codeshift/utils": "^0.2.4",
 		"@testing-library/react": "^13.4.0",
@@ -119,14 +190,8 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform-visual-refresh-icons-legacy-facade": {
-			"type": "boolean"
-		},
 		"platform-visual-refresh-icons-facade-button-fix": {
 			"type": "boolean"
-		},
-		"platform-visual-refresh-icons-facade-removal": {
-			"type": "boolean"
 		}
 	}
 }

package/utility/add.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::73693506539a99d0ae3d26d395e92ac2>>
+ * @codegen <<SignedSource::33e3d44e44bfffb85218862b0133fde5>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const AddIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "AddIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M5.25 6.75V11h1.5V6.75H11v-1.5H6.75V1h-1.5v4.25H1v1.5z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 AddIcon.displayName = 'AddIcon';

package/utility/arrow-down.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b1e6357a99e20a8f7be8123461f296b5>>
+ * @codegen <<SignedSource::291873fdd07078dbfa447ed7e48e6afa>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ArrowDownIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ArrowDownIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M6.75 1v7.44l2.72-2.72 1.06 1.06-4 4a.75.75 0 0 1-1.06 0l-4-4 1.06-1.06 2.72 2.72V1z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ArrowDownIcon.displayName = 'ArrowDownIcon';

package/utility/arrow-left.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f0f59b92e38035993129982e6c380651>>
+ * @codegen <<SignedSource::9bcda87a65c60fb80ef6a53b364f95af>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ArrowLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ArrowLeftIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="m1.22 5.47 4-4 1.06 1.06-2.72 2.72H11v1.5H3.56l2.72 2.72-1.06 1.06-4-4a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ArrowLeftIcon.displayName = 'ArrowLeftIcon';

package/utility/arrow-right.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14165c2f3b146eb62aa7385dde11670a>>
+ * @codegen <<SignedSource::d883c9783c5e50387102af9f578d32af>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ArrowRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ArrowRightIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M8.44 5.25 5.72 2.53l1.06-1.06 4 4a.75.75 0 0 1 0 1.06l-4 4-1.06-1.06 2.72-2.72H1v-1.5z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ArrowRightIcon.displayName = 'ArrowRightIcon';

package/utility/arrow-up.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0b97c8602ff8ab17fec6352425b80eb5>>
+ * @codegen <<SignedSource::d25f06de48f0bcbbccc0578647422a9f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ArrowUpIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ArrowUpIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M5.47 1.22a.75.75 0 0 1 1.06 0l4 4-1.06 1.06-2.72-2.72V11h-1.5V3.56L2.53 6.28 1.47 5.22z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ArrowUpIcon.displayName = 'ArrowUpIcon';

package/utility/check-circle.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71700ecaa42770a612a02b8b70cd2bee>>
+ * @codegen <<SignedSource::7fe0e13c782323c256ef2014d3bc4f1e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const CheckCircleIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "CheckCircleIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6m6-4.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m3.292 2.808L5.67 8.653a.75.75 0 0 1-1.152 0L2.709 6.48l1.152-.96L5.095 7l3.044-3.653z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 CheckCircleIcon.displayName = 'CheckCircleIcon';

package/utility/check-mark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4f681ccdbe722d68d6bd374c0928f0bd>>
+ * @codegen <<SignedSource::1f2a9de586e0db207675bb2ff3f63de5>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const CheckMarkIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "CheckMarkIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="m11.06 3-6.25 7a.75.75 0 0 1-1.15-.037l-2.75-3.5 1.18-.926 2.197 2.796L9.94 2z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 CheckMarkIcon.displayName = 'CheckMarkIcon';

package/utility/chevron-double-left.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4694b4334ad7c5c52e5a3aa3cac3904d>>
+ * @codegen <<SignedSource::5502499136783e0b7583d975e25b7745>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ChevronDoubleLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ChevronDoubleLeftIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="m2.31 6 3.97-3.97L5.22.97l-4.5 4.5a.75.75 0 0 0 0 1.06l4.5 4.5 1.06-1.06zm4.75 0 3.97-3.97L9.97.97l-4.5 4.5a.75.75 0 0 0 0 1.06l4.5 4.5 1.06-1.06z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ChevronDoubleLeftIcon.displayName = 'ChevronDoubleLeftIcon';

package/utility/chevron-double-right.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::efb038f49280a8a959174d8021780f6d>>
+ * @codegen <<SignedSource::a09998209c512854c7246c6e48afe03f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const ChevronDoubleRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "ChevronDoubleRightIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="m6.78.97 4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5-1.06-1.06L9.69 6 5.72 2.03zm-4.75 0 4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5L.97 9.97 4.94 6 .97 2.03z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ChevronDoubleRightIcon.displayName = 'ChevronDoubleRightIcon';