@atlaskit/icon 35.3.0 → 36.0.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/icon
 
+## 36.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 35.4.0
+
+### Minor Changes
+
+- [`9c0155c00d835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c0155c00d835) -
+  This release updates icons in `@atlaskit/icon`.
+
+  ### Updated:
+
+  **`@atlaskit/icon/core`**
+  - `chart-pie`
+
 ## 35.3.0
 
 ### Minor Changes

package/base-new/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/base-new.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/base-new.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/base-new.d.ts"
 }

package/constants/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/constants.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/constants.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/constants.d.ts"
 }

package/core/chart-pie.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::89a410e229b9999c1554267d9566f016>>
+ * @codegen <<SignedSource::cc06b50e6f9dd7262fd503ef7293ad3c>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -22,7 +22,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 const ChartPieIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   name: "ChartPieIcon",
-  dangerouslySetGlyph: `<mask id="mask0_68633_29461" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_68633_29461)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/>`
+  dangerouslySetGlyph: `<mask id="mask0_68926_32054" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_68926_32054)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/>`
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 ChartPieIcon.displayName = 'ChartPieIcon';

package/deprecated-core/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/deprecated-core.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/deprecated-core.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/deprecated-core.d.ts"
 }

package/deprecated-map/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/deprecated-map.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/deprecated-map.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/deprecated-map.d.ts"
 }

package/icon-new/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/icon-new.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/icon-new.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/icon-new.d.ts"
 }

package/icon-tile/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/icon-tile.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/icon-tile.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/icon-tile.d.ts"
 }

package/metadata/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/metadata.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/metadata.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/metadata.d.ts"
 }

package/metadata-core/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/metadata-core.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/metadata-core.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/metadata-core.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "35.3.0",
+	"version": "36.0.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
 		"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/tile": "^2.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -55,23 +55,23 @@
 		"@af/icon-build-process": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/code": "^17.5.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/logo": "^20.1.0",
-		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/modal-dialog": "^15.2.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/toggle": "^16.0.0",
-		"@atlaskit/tooltip": "^22.3.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/code": "^18.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/icon-file-type": "^8.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/menu": "^9.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/toggle": "^17.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
@@ -111,14 +111,6 @@
 			"deprecation": "no-deprecated-imports"
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"homepage": "https://atlassian.design/components/icon/",
 	"platform-feature-flags": {
 		"platform_dst_icon_tile_circle_replacement": {

package/skeleton/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/skeleton.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/skeleton.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/skeleton.d.ts"
 }

package/svgs/core/chart-pie.svg

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_68633_29461" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_68633_29461)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_68926_32054" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_68926_32054)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

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

@@ -1,20 +0,0 @@
-import type { UNSAFE_NewGlyphProps } from '../types';
-/**
- * We are hiding this props from consumers as it's reserved for use by Icon Tile.
- */
-export type InternalIconPropsNew = UNSAFE_NewGlyphProps & {
-    /**
-     * @internal NOT FOR PUBLIC USE.
-     * Sets whether the icon should inherit size from a parent. Used by Icon Tile.
-     */
-    shouldScale?: boolean;
-};
-/**
- * __Icon__
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-export declare const Icon: import('react').NamedExoticComponent<import('../types').UNSAFE_NewCoreGlyphProps>;
-export default Icon;

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

@@ -1,7 +0,0 @@
-import { type IconTileProps } from '../../types';
-/**
- * __IconTile__
- *
- * An icon with background shape, color, and size properties determined by Tile.
- */
-export default function IconTileNew(props: IconTileProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-import { type IconTileProps } from '../../types';
-/**
- * __IconTile__
- *
- * An icon with background shape, color, and size properties determined by Tile.
- */
-export default function IconTile(props: IconTileProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-import { type IconTileProps } from '../../types';
-/**
- * __IconTile__
- *
- * An icon with background shape, color, and size properties determined by Tile.
- */
-export default function IconTileNew(props: IconTileProps): JSX.Element;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type IconTileProps } from '../../types';
-/**
- * __IconTile__
- *
- * An icon with background shape, color, and size properties determined by Tile.
- */
-export default function IconTile(props: IconTileProps): React.JSX.Element;

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

@@ -1,11 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type NamedExoticComponent } from 'react';
-import type { SkeletonProps } from '../types';
-/**
- * __Skeleton__
- */
-declare const Skeleton: NamedExoticComponent<SkeletonProps>;
-export default Skeleton;

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

@@ -1,21 +0,0 @@
-import type { Size } from './types';
-export declare const sizes: Record<Size, string>;
-export declare const sizeMap: Record<Size, Size>;
-export declare const dimensions: {
-    readonly small: {
-        readonly width: string;
-        readonly height: string;
-    };
-    readonly medium: {
-        readonly width: string;
-        readonly height: string;
-    };
-    readonly large: {
-        readonly width: string;
-        readonly height: string;
-    };
-    readonly xlarge: {
-        readonly width: string;
-        readonly height: string;
-    };
-};

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

@@ -1,13 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
- *
- * @codegen <<SignedSource::940e05b18f6bba27980b5c1fdf15c580>>
- * @codegenCommand yarn build:icon-glyphs
- */
-declare const deprecatedIcons: Record<string, {
-    message: string;
-    unfixable?: boolean;
-}>;
-export default deprecatedIcons;

package/dist/types-ts4.5/entry-points/base-new.d.ts

@@ -1,2 +0,0 @@
-export { default, Icon } from '../components/icon-new';
-export type { NewIconProps, NewCoreIconProps } from '../types';

package/dist/types-ts4.5/entry-points/constants.d.ts

@@ -1 +0,0 @@
-export { dimensions, sizeMap, sizes } from '../constants';

package/dist/types-ts4.5/entry-points/deprecated-core.d.ts

@@ -1 +0,0 @@
-export { default } from '../deprecated-core';

package/dist/types-ts4.5/entry-points/deprecated-map.d.ts

@@ -1 +0,0 @@
-export { default as deprecatedCore } from '../deprecated-core';

package/dist/types-ts4.5/entry-points/icon-new.d.ts

@@ -1,3 +0,0 @@
-export { Icon } from '../components/icon-new';
-export type { InternalIconPropsNew } from '../components/icon-new';
-export { default } from '../components/icon-new';

package/dist/types-ts4.5/entry-points/icon-tile.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/icon-tile/index';

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

@@ -1 +0,0 @@
-export { default } from '../metadata-core';

package/dist/types-ts4.5/entry-points/metadata.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../metadata-core';
-export { default as coreIconMetadata } from '../metadata-core';

package/dist/types-ts4.5/entry-points/skeleton.d.ts

@@ -1 +0,0 @@
-export { default } from '../components/skeleton';

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

@@ -1 +0,0 @@
-export type { CustomGlyphProps, GlyphProps, IconProps, IconSize, IconSpacing, IconTileAppearance, IconTileProps, IconTileSize, LEGACY_Metadata, NewCoreIconProps, NewGlyphColorProps, NewIconProps, SVGProps, Size, SkeletonProps, UNSAFE_NewCoreGlyphProps, UNSAFE_NewGlyphProps, } from '../types';

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

@@ -1,5 +0,0 @@
-export { default as IconNew } from './components/icon-new';
-export { sizeMap as size, sizes } from './constants';
-export { default as Skeleton } from './components/skeleton';
-export { default as IconTile } from './components/icon-tile';
-export type { Size, IconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewCoreIconProps, IconTileProps, } from './types';

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

@@ -1,57 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
- *
- * @codegen <<SignedSource::a4eb86ec22225f9a913ef8f15c767f6f>>
- * @codegenCommand yarn build:icon-glyphs
- */
-interface metadata {
-    /**
-     * Default component name for the icon
-     */
-    componentName: string;
-    /**
-     * Package path to the icon component
-     */
-    package: string;
-    /**
-     * The category of the icon:
-     * - 'single-purpose' icons should only be used for the purposes listed in the 'usage' field
-     * - 'multi-purpose' icons are designed for various use cases and don't have the same usage restrictions
-     */
-    categorization: 'single-purpose' | 'multi-purpose';
-    /**
-     * Usage guidelines for the icon. For single-purpose icons,
-     */
-    usage?: string;
-    /**
-     * Additional keywords used to assist in search/lookup of an icon
-     */
-    keywords: string[];
-    /**
-     * The name of the team owning the icon
-     */
-    team: string;
-    /**
-     * The status of the icon
-     */
-    status?: 'draft' | 'ready-to-publish' | 'published' | 'modified' | 'deprecated';
-    /**
-     * Contact slack channel for the team owning the icon
-     */
-    slackChannel?: string;
-    /**
-     * A replacement icon if this icon has been deprecated
-     */
-    replacement?: {
-        name: string;
-        location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
-    };
-    /**
-     * Whether the icon should be recommended as a small icon
-     */
-    shouldRecommendSmallIcon?: boolean;
-}
-declare const metadata: Record<string, metadata>;
-export default metadata;

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

@@ -1 +0,0 @@
-export declare const recommendedSmallIcons: string[];

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

@@ -1,218 +0,0 @@
-import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps } from 'react';
-import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
-export type Size = 'small' | 'medium' | 'large' | 'xlarge';
-export type IconSpacing = 'none' | 'spacious' | 'compact';
-export type IconSize = 'small' | 'medium';
-export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
-    /**
-     * provided to a custom glyph
-     */
-    'data-testid'?: string;
-    /**
-     * provided to a custom glyph
-     */
-    'aria-label'?: string;
-    /**
-     * provided classname for custom glyph to match ADG styles
-     */
-    className?: string;
-}
-interface GlyphColorProps {
-    /**
-     * Primary color for the icon.
-     * Inherits the current font color by default.
-     */
-    primaryColor?: string;
-    /**
-     * Secondary color for the icon.
-     * Defaults to the page background for an icon that supports two colors.
-     */
-    secondaryColor?: string;
-}
-/**
- * NOTE: we want to move away from icons using text colors and make the icon tokens darker - so currentColor will eventually go away, and
- * we will be shifting existing usages down (`color.text` -> `color.icon` -> `color.icon.`) via a codemod.
- * For now, icon defaults to `color.text` under the hood to emulate the darker appearance.
- */
-export interface NewGlyphColorProps {
-    /**
-     * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
-     * Defaults to `currentColor`, inheriting the current text color.
-     */
-    color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
-}
-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,
-     * not the size of the icon shape itself.
-     */
-    size?: Size;
-}
-interface NewCoreGlyphSpacingProps {
-    /**
-     * @deprecated Use a `Flex` wrapper with `cssMap` padding tokens instead. Migrate with the `32.0.2-icon-spacing-to-flex-primitive` codemod in `npx @atlaskit/codemod-cli`, or the `no-icon-spacing-prop` ESLint rule.
-     */
-    spacing?: IconSpacing;
-}
-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 | ((iconName: string) => IconSize);
-}
-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.
-     * An empty string marks the icon as presentation only.
-     */
-    label: string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-/**
- * Props for legacy icons –– including the children prop to resolve R18 type errors
- */
-interface LegacyOtherGlyphProps {
-    /**
-     * Text used to describe what the icon is in context.
-     */
-    label: string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     */
-    testId?: string;
-    /**
-     * Used to opt out of the icon facade.
-     */
-    isFacadeDisabled?: boolean;
-    /**
-     * The content to be rendered inside the glyph component.
-     * Only for legacy icons that used R16's implicit children prop.
-     * It doesn't actually serve any purpose, but is required to resolve R18 type errors
-     * without updating all the legacy icon usages.
-     */
-    children?: ReactNode;
-}
-interface IconInternalGlyphProps {
-    /**
-     * @deprecated
-     * Custom icon string that should contain an SVG element with set `viewBox`,
-     * `width`, and `height` attributes.
-     * It's recommended to use the `glyph` prop instead.
-     */
-    dangerouslySetGlyph?: string;
-}
-export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
-}
-interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
-}
-export interface IconProps extends GlyphProps, IconInternalGlyphProps {
-    /**
-     * Custom icon component that returns an SVG element with set `viewBox`,
-     * `width`, and `height` props.
-     */
-    glyph?: ComponentType<CustomGlyphProps>;
-}
-export interface UNSAFE_NewCoreGlyphProps extends NewCoreGlyphProps, IconInternalGlyphProps {
-    shouldRecommendSmallIcon?: boolean;
-    /**
-     * Display name of the icon.
-     */
-    name?: string;
-}
-export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph'>;
-export type UNSAFE_NewGlyphProps = UNSAFE_NewCoreGlyphProps;
-export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph'>;
-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 = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-interface IconTileBaseProps {
-    /**
-     * The icon to display
-     */
-    icon: ComponentType<NewCoreIconProps>;
-    /**
-     * The label for the icon
-     */
-    label: string;
-    /**
-     * The appearance of the tile
-     */
-    appearance: IconTileAppearance;
-    /**
-     * Size of the tile. Defaults to `medium`.
-     *
-     * Available sizes: `xsmall`, `small`, `medium`, `large`, `xlarge`.
-     */
-    size?: IconTileSize;
-    /**
-     * A unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-interface IconTileSquareProps extends IconTileBaseProps {
-    /**
-     * Shape of the tile background. Defaults to "square".
-     */
-    shape?: 'square';
-    /**
-     * A component to render in place of circle shaped icon tiles, swapped out with a feature flag.
-     *
-     * Only applicable when `shape="circle"`.
-     */
-    UNSAFE_circleReplacementComponent?: never;
-}
-interface IconTileCircleProps extends IconTileBaseProps {
-    /**
-     * Shape of the tile background.
-     * @deprecated Circle shape is deprecated and will be removed in a future version. Consider migrating to alternatives such as a square tile, or an `IconButton` for interactive elements.
-     * If necessary, the only way to retain a circle appearance is to rebuild the component custom using ADS primitives. The prop `UNSAFE_circleReplacementComponent` can be used to
-     * implement alternatives.
-     */
-    shape: 'circle';
-    /**
-     * A component to render in place of circle shaped icon tiles, swapped out with a feature flag.
-     *
-     * Required when `shape="circle"`. This prop is temporary, and will be used by ADS to safely
-     * rollout alternatives as circle shaped icon tiles are deprecated.
-     */
-    UNSAFE_circleReplacementComponent: ReactElement;
-}
-export type IconTileProps = IconTileSquareProps | IconTileCircleProps;
-export interface SkeletonProps {
-    color?: string;
-    size?: Size;
-    weight?: 'normal' | 'strong';
-    /**
-     * A unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-export interface SVGProps extends GlyphProps {
-    /**
-     * The children of the SVG, should still honour the constraints of icons
-     */
-    children?: ReactNode;
-}
-interface LEGACY_Data {
-    keywords: string[];
-    componentName: string;
-    package: string;
-    packageLoader: () => Promise<{
-        default: React.ComponentType<any>;
-    }>;
-}
-export type LEGACY_Metadata = Record<string, LEGACY_Data>;
-export {};