@atlaskit/icon 23.6.1 → 23.7.1

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::7ee5d608c596d6e618679140e4d13235>>
+ * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1008,7 +1008,7 @@ var metadata = {
     team: 'Design System Team'
   },
   error: {
-    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status'],
+    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status', 'danger', 'exclamation', '!', 'stop'],
     componentName: 'ErrorIcon',
     package: '@atlaskit/icon/core/error',
     oldName: ['error'],
@@ -1017,6 +1017,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for when there is an error.',
     team: 'Design System Team'
   },
+  'exclamation-square': {
+    keywords: ['exclamation-square', 'exclamationsquare', 'icon', 'core', '!', 'exclaimation', 'exclaim', 'issue type', 'square'],
+    componentName: 'ExclamationSquareIcon',
+    package: '@atlaskit/icon/core/exclamation-square',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: Exclamation Jira issue type',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'expand-horizontal': {
     keywords: ['expand-horizontal', 'expandhorizontal', 'icon', 'core', 'expand', 'width', 'horizontal arrows', 'maximum width', 'stretch', 'fit'],
     componentName: 'ExpandHorizontalIcon',
@@ -1417,6 +1427,16 @@ var metadata = {
     usage: 'Single purpose - Known uses: information state in section messages or inline messages.',
     team: 'Design System Team'
   },
+  'information-circle': {
+    keywords: ['information-circle', 'informationcircle', 'icon', 'core', 'information', 'circle', 'info'],
+    componentName: 'InformationCircleIcon',
+    package: '@atlaskit/icon/core/information-circle',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: For highlighting information when less visual emphasis is needed within the UI compared to the filled information status icon.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   issue: {
     keywords: ['issue', 'tick', 'check', 'confirm', 'task', 'icon', 'core', 'single issue', 'jira status', 'check mark', 'tick'],
     componentName: 'IssueIcon',
@@ -2001,6 +2021,7 @@ var metadata = {
     keywords: ['plus-square', 'plussquare', 'icon', 'core', 'square', 'plus', 'add'],
     componentName: 'PlusSquareIcon',
     package: '@atlaskit/icon/core/plus-square',
+    oldName: ['issue-raise'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known usages: 'New feature' Jira issue status.",
@@ -2878,6 +2899,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for bolding text.',
     team: 'Design System Team'
   },
+  'text-heading': {
+    keywords: ['text-heading', 'textheading', 'icon', 'core', 'text', 'heading', 'H', 'editor', 'text style'],
+    componentName: 'TextHeadingIcon',
+    package: '@atlaskit/icon/core/text-heading',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing heading styles',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-indent-left': {
     keywords: ['text-indent-left', 'textindentleft', 'icon', 'core', 'text', 'outdent', 'left', 'arrow'],
     componentName: 'TextIndentLeftIcon',
@@ -2926,6 +2957,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for spellchecking.',
     team: 'Design System Team'
   },
+  'text-strikethrough': {
+    keywords: ['text-strikethrough', 'textstrikethrough', 'icon', 'core', 'text', 'strikethrough', 'editor', 'cross out'],
+    componentName: 'TextStrikethroughIcon',
+    package: '@atlaskit/icon/core/text-strikethrough',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for strikethrough text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-style': {
     keywords: ['text-style', 'textstyle', 'icon', 'core', 'characters', 'font', 'letters', 'type', 'typography'],
     componentName: 'TextStyleIcon',
@@ -2936,6 +2977,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for text styles in Editor.',
     team: 'Editor'
   },
+  'text-underline': {
+    keywords: ['text-underline', 'textunderline', 'icon', 'core', 'text', 'underline', 'U', 'editor'],
+    componentName: 'TextUnderlineIcon',
+    package: '@atlaskit/icon/core/text-underline',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for underlined text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-wrap': {
     keywords: ['text-wrap', 'textwrap', 'icon', 'core', 'text', 'wrap', 'line wrap'],
     componentName: 'TextWrapIcon',
@@ -3218,7 +3269,7 @@ var metadata = {
     team: 'Design System Team'
   },
   warning: {
-    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'danger', 'triangle', 'filled'],
+    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'triangle', 'filled', 'exclamation', '!', 'warning'],
     componentName: 'WarningIcon',
     package: '@atlaskit/icon/core/warning',
     oldName: ['editor/warning', 'warning'],

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::7ee5d608c596d6e618679140e4d13235>>
+ * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1002,7 +1002,7 @@ const metadata = {
     team: 'Design System Team'
   },
   error: {
-    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status'],
+    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status', 'danger', 'exclamation', '!', 'stop'],
     componentName: 'ErrorIcon',
     package: '@atlaskit/icon/core/error',
     oldName: ['error'],
@@ -1011,6 +1011,16 @@ const metadata = {
     usage: 'Single purpose - Reserved for when there is an error.',
     team: 'Design System Team'
   },
+  'exclamation-square': {
+    keywords: ['exclamation-square', 'exclamationsquare', 'icon', 'core', '!', 'exclaimation', 'exclaim', 'issue type', 'square'],
+    componentName: 'ExclamationSquareIcon',
+    package: '@atlaskit/icon/core/exclamation-square',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: Exclamation Jira issue type',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'expand-horizontal': {
     keywords: ['expand-horizontal', 'expandhorizontal', 'icon', 'core', 'expand', 'width', 'horizontal arrows', 'maximum width', 'stretch', 'fit'],
     componentName: 'ExpandHorizontalIcon',
@@ -1411,6 +1421,16 @@ const metadata = {
     usage: 'Single purpose - Known uses: information state in section messages or inline messages.',
     team: 'Design System Team'
   },
+  'information-circle': {
+    keywords: ['information-circle', 'informationcircle', 'icon', 'core', 'information', 'circle', 'info'],
+    componentName: 'InformationCircleIcon',
+    package: '@atlaskit/icon/core/information-circle',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: For highlighting information when less visual emphasis is needed within the UI compared to the filled information status icon.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   issue: {
     keywords: ['issue', 'tick', 'check', 'confirm', 'task', 'icon', 'core', 'single issue', 'jira status', 'check mark', 'tick'],
     componentName: 'IssueIcon',
@@ -1995,6 +2015,7 @@ const metadata = {
     keywords: ['plus-square', 'plussquare', 'icon', 'core', 'square', 'plus', 'add'],
     componentName: 'PlusSquareIcon',
     package: '@atlaskit/icon/core/plus-square',
+    oldName: ['issue-raise'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known usages: 'New feature' Jira issue status.",
@@ -2872,6 +2893,16 @@ const metadata = {
     usage: 'Single purpose - Reserved for bolding text.',
     team: 'Design System Team'
   },
+  'text-heading': {
+    keywords: ['text-heading', 'textheading', 'icon', 'core', 'text', 'heading', 'H', 'editor', 'text style'],
+    componentName: 'TextHeadingIcon',
+    package: '@atlaskit/icon/core/text-heading',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing heading styles',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-indent-left': {
     keywords: ['text-indent-left', 'textindentleft', 'icon', 'core', 'text', 'outdent', 'left', 'arrow'],
     componentName: 'TextIndentLeftIcon',
@@ -2920,6 +2951,16 @@ const metadata = {
     usage: 'Single purpose - Reserved for spellchecking.',
     team: 'Design System Team'
   },
+  'text-strikethrough': {
+    keywords: ['text-strikethrough', 'textstrikethrough', 'icon', 'core', 'text', 'strikethrough', 'editor', 'cross out'],
+    componentName: 'TextStrikethroughIcon',
+    package: '@atlaskit/icon/core/text-strikethrough',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for strikethrough text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-style': {
     keywords: ['text-style', 'textstyle', 'icon', 'core', 'characters', 'font', 'letters', 'type', 'typography'],
     componentName: 'TextStyleIcon',
@@ -2930,6 +2971,16 @@ const metadata = {
     usage: 'Single purpose - Reserved for text styles in Editor.',
     team: 'Editor'
   },
+  'text-underline': {
+    keywords: ['text-underline', 'textunderline', 'icon', 'core', 'text', 'underline', 'U', 'editor'],
+    componentName: 'TextUnderlineIcon',
+    package: '@atlaskit/icon/core/text-underline',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for underlined text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-wrap': {
     keywords: ['text-wrap', 'textwrap', 'icon', 'core', 'text', 'wrap', 'line wrap'],
     componentName: 'TextWrapIcon',
@@ -3212,7 +3263,7 @@ const metadata = {
     team: 'Design System Team'
   },
   warning: {
-    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'danger', 'triangle', 'filled'],
+    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'triangle', 'filled', 'exclamation', '!', 'warning'],
     componentName: 'WarningIcon',
     package: '@atlaskit/icon/core/warning',
     oldName: ['editor/warning', 'warning'],

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::7ee5d608c596d6e618679140e4d13235>>
+ * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
@@ -1002,7 +1002,7 @@ var metadata = {
     team: 'Design System Team'
   },
   error: {
-    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status'],
+    keywords: ['error', 'warning', 'alert', 'icon', 'core', 'filled', 'status', 'danger', 'exclamation', '!', 'stop'],
     componentName: 'ErrorIcon',
     package: '@atlaskit/icon/core/error',
     oldName: ['error'],
@@ -1011,6 +1011,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for when there is an error.',
     team: 'Design System Team'
   },
+  'exclamation-square': {
+    keywords: ['exclamation-square', 'exclamationsquare', 'icon', 'core', '!', 'exclaimation', 'exclaim', 'issue type', 'square'],
+    componentName: 'ExclamationSquareIcon',
+    package: '@atlaskit/icon/core/exclamation-square',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: Exclamation Jira issue type',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'expand-horizontal': {
     keywords: ['expand-horizontal', 'expandhorizontal', 'icon', 'core', 'expand', 'width', 'horizontal arrows', 'maximum width', 'stretch', 'fit'],
     componentName: 'ExpandHorizontalIcon',
@@ -1411,6 +1421,16 @@ var metadata = {
     usage: 'Single purpose - Known uses: information state in section messages or inline messages.',
     team: 'Design System Team'
   },
+  'information-circle': {
+    keywords: ['information-circle', 'informationcircle', 'icon', 'core', 'information', 'circle', 'info'],
+    componentName: 'InformationCircleIcon',
+    package: '@atlaskit/icon/core/information-circle',
+    type: 'core',
+    categorization: 'multi-purpose',
+    usage: 'Known uses: For highlighting information when less visual emphasis is needed within the UI compared to the filled information status icon.',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   issue: {
     keywords: ['issue', 'tick', 'check', 'confirm', 'task', 'icon', 'core', 'single issue', 'jira status', 'check mark', 'tick'],
     componentName: 'IssueIcon',
@@ -1995,6 +2015,7 @@ var metadata = {
     keywords: ['plus-square', 'plussquare', 'icon', 'core', 'square', 'plus', 'add'],
     componentName: 'PlusSquareIcon',
     package: '@atlaskit/icon/core/plus-square',
+    oldName: ['issue-raise'],
     type: 'core',
     categorization: 'multi-purpose',
     usage: "Multi purpose - Known usages: 'New feature' Jira issue status.",
@@ -2872,6 +2893,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for bolding text.',
     team: 'Design System Team'
   },
+  'text-heading': {
+    keywords: ['text-heading', 'textheading', 'icon', 'core', 'text', 'heading', 'H', 'editor', 'text style'],
+    componentName: 'TextHeadingIcon',
+    package: '@atlaskit/icon/core/text-heading',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for representing heading styles',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-indent-left': {
     keywords: ['text-indent-left', 'textindentleft', 'icon', 'core', 'text', 'outdent', 'left', 'arrow'],
     componentName: 'TextIndentLeftIcon',
@@ -2920,6 +2951,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for spellchecking.',
     team: 'Design System Team'
   },
+  'text-strikethrough': {
+    keywords: ['text-strikethrough', 'textstrikethrough', 'icon', 'core', 'text', 'strikethrough', 'editor', 'cross out'],
+    componentName: 'TextStrikethroughIcon',
+    package: '@atlaskit/icon/core/text-strikethrough',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for strikethrough text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-style': {
     keywords: ['text-style', 'textstyle', 'icon', 'core', 'characters', 'font', 'letters', 'type', 'typography'],
     componentName: 'TextStyleIcon',
@@ -2930,6 +2971,16 @@ var metadata = {
     usage: 'Single purpose - Reserved for text styles in Editor.',
     team: 'Editor'
   },
+  'text-underline': {
+    keywords: ['text-underline', 'textunderline', 'icon', 'core', 'text', 'underline', 'U', 'editor'],
+    componentName: 'TextUnderlineIcon',
+    package: '@atlaskit/icon/core/text-underline',
+    type: 'core',
+    categorization: 'single-purpose',
+    usage: 'Reserved for underlined text tool',
+    team: 'Design System Team',
+    slackChannel: '#icon-contributions'
+  },
   'text-wrap': {
     keywords: ['text-wrap', 'textwrap', 'icon', 'core', 'text', 'wrap', 'line wrap'],
     componentName: 'TextWrapIcon',
@@ -3212,7 +3263,7 @@ var metadata = {
     team: 'Design System Team'
   },
   warning: {
-    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'danger', 'triangle', 'filled'],
+    keywords: ['warning', 'error', 'alert', 'icon', 'core', 'alert', 'triangle', 'filled', 'exclamation', '!', 'warning'],
     componentName: 'WarningIcon',
     package: '@atlaskit/icon/core/warning',
     oldName: ['editor/warning', 'warning'],

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::7ee5d608c596d6e618679140e4d13235>>
+ * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
  * @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::7ee5d608c596d6e618679140e4d13235>>
+ * @codegen <<SignedSource::297cb37fa9fafef1e1b28e02fb2b1a3a>>
  * @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/glyph/issue-raise.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
+var _plusSquare = _interopRequireDefault(require("@atlaskit/icon/core/plus-square"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const IssueRaiseIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><rect width="2" height="6" x="11" y="9" rx="1"/><path fill-rule="nonzero" d="M5 15.991c0 .007 14.005.009 14.005.009C18.999 16 19 8.009 19 8.009 19 8.002 4.995 8 4.995 8 5.001 8 5 15.991 5 15.991M3 8.01C3 6.899 3.893 6 4.995 6h14.01C20.107 6 21 6.902 21 8.009v7.982c0 1.11-.893 2.009-1.995 2.009H4.995A2.004 2.004 0 0 1 3 15.991z"/><rect width="6" height="2" x="9" y="11" rx="1"/></g></svg>`
-}, props));
+}, props, {
+  newIcon: _plusSquare.default
+}));
 IssueRaiseIcon.displayName = 'IssueRaiseIcon';
 var _default = exports.default = IssueRaiseIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "23.6.1",
+	"version": "23.7.1",
 	"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,14 +83,21 @@
 		"@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/modal-dialog": "^12.19.3",
 		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.8.0",
 		"@atlaskit/theme": "^14.1.0",
@@ -95,11 +105,10 @@
 		"@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",