@atlaskit/icon 33.1.1 → 34.0.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/icon
 
+## 34.0.0
+
+### Major Changes
+
+- [`af4d3f68227b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af4d3f68227b4) -
+  Removed the default export (Icon), `./base`, `./svg` entry-points, and SVG named export.
+
+  ```diff
+  - import Icon from `@atlaskit/icon`
+  - import Icon from `@atlaskit/icon/base`
+  - import SVG from `@atlaskit/icon/svg`
+  ```
+
+  ### Migration Path
+
+  Creating custom icons using icon base component or SVG component are no longer supported. Please
+  migrate to native `<svg />` or choose one of the icons from provided icon set (e.g.
+  `import AddIcon from "@atlaskit/icon/core/add"`)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 33.1.2
+
+### Patch Changes
+
+- [`08170da1fbf62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08170da1fbf62) -
+  Migrate spacing prop usages on icons to Flex wrapper
+- [`08170da1fbf62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08170da1fbf62) -
+  Update codemod and eslint to handle different scenarios to migrate spacing props
+- Updated dependencies
+
 ## 33.1.1
 
 ### Patch Changes

package/codemods/32.0.2-icon-spacing-to-flex-primitive/index.tsx

@@ -1,5 +1,57 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
 import type { API, ASTPath, Collection, FileInfo, JSXElement, default as core } from 'jscodeshift';
 
+// Accumulated across all files in this worker — printed as a summary at process exit
+const packagesNeedingCssDep = new Set<string>();
+const emotionSkippedFiles: string[] = [];
+const dynamicSpacingFiles: string[] = [];
+const unresolvableIconFiles: string[] = [];
+
+process.on('exit', () => {
+	const lines: string[] = [];
+
+	if (emotionSkippedFiles.length > 0) {
+		lines.push('');
+		lines.push('━━━ ⏭  FILES SKIPPED — Emotion imports detected (manual migration required) ━━━');
+		lines.push('  These files mix Emotion and Compiled. To migrate:');
+		lines.push('  Option A: Replace Emotion imports with @compiled/react equivalents first.');
+		lines.push('  Option B: Manually wrap icon(s) in <Flex xcss={...}> + cssMap.');
+		emotionSkippedFiles.forEach((f) => lines.push(`  • ${f}`));
+	}
+
+	if (dynamicSpacingFiles.length > 0) {
+		lines.push('');
+		lines.push('━━━ ⚠️  DYNAMIC SPACING — manual migration needed ━━━');
+		lines.push('  spacing prop has a dynamic/variable value. Manually wrap the icon in');
+		lines.push('  <Flex xcss={iconSpacingStyles.spaceXXX}> with the correct token.');
+		lines.push('  An eslint-disable comment has been added to suppress the lint error.');
+		dynamicSpacingFiles.forEach((f) => lines.push(`  • ${f}`));
+	}
+
+	if (unresolvableIconFiles.length > 0) {
+		lines.push('');
+		lines.push('━━━ ⚠️  UNRESOLVABLE ICON — manual migration needed ━━━');
+		lines.push('  Icon component uses a member expression or aliased variable name.');
+		lines.push('  The codemod cannot statically resolve these. Manually wrap the icon in');
+		lines.push('  <Flex xcss={iconSpacingStyles.spaceXXX}> and remove the spacing prop.');
+		unresolvableIconFiles.forEach((f) => lines.push(`  • ${f}`));
+	}
+
+	if (packagesNeedingCssDep.size > 0) {
+		lines.push('');
+		lines.push('━━━ ⚠️  PACKAGES NEEDING package.json UPDATE ━━━');
+		lines.push(`  Add "@atlaskit/css": "*" to dependencies in each package.json below:`);
+		[...packagesNeedingCssDep].sort().forEach((p) => lines.push(`  • ${p}`));
+	}
+
+	if (lines.length > 0) {
+		// eslint-disable-next-line no-console
+		console.warn(lines.join('\n'));
+	}
+});
+
 const ICON_PACKAGES = ['@atlaskit/icon/core', '@atlaskit/icon-lab/core'];
 const FLEX_COMPILED_PACKAGE = '@atlaskit/primitives/compiled';
 const FLEX_NON_COMPILED_PACKAGE = '@atlaskit/primitives';
@@ -57,12 +109,21 @@ function getIconImportSpecifiers(j: core.JSCodeshift, source: Collection<any>):
 	return specifiers;
 }
 
+function sortImportSpecifiers(specifiers: any[]): void {
+	specifiers.sort((a, b) => {
+		const aName = a.imported?.name ?? '';
+		const bName = b.imported?.name ?? '';
+		return aName.localeCompare(bName);
+	});
+}
+
 function ensureNamedImport(j: core.JSCodeshift, specifiers: any[], name: string): void {
 	const alreadyImported = specifiers.some(
 		(s) => s.type === 'ImportSpecifier' && s.imported?.name === name,
 	);
 	if (!alreadyImported) {
 		specifiers.push(j.importSpecifier(j.identifier(name)));
+		sortImportSpecifiers(specifiers);
 	}
 }
 
@@ -89,11 +150,22 @@ function insertFlexImport(j: core.JSCodeshift, source: Collection<any>): void {
 		.filter((path) => path.node.source.value === FLEX_NON_COMPILED_PACKAGE);
 
 	if (nonCompiledImports.length > 0) {
-		nonCompiledImports.forEach((path) => {
-			path.node.source = j.stringLiteral(FLEX_COMPILED_PACKAGE);
-			ensureNamedImport(j, path.node.specifiers || [], 'Flex');
-		});
-		return;
+		// Only rewrite @atlaskit/primitives → /compiled if the file doesn't use xcss.
+		// xcss is NOT exported from /compiled — rewriting would cause type errors.
+		const hasXcss = nonCompiledImports.some((path) =>
+			(path.node.specifiers || []).some(
+				(s: any) => s.type === 'ImportSpecifier' && s.imported?.name === 'xcss',
+			),
+		);
+
+		if (!hasXcss) {
+			nonCompiledImports.forEach((path) => {
+				path.node.source = j.stringLiteral(FLEX_COMPILED_PACKAGE);
+				ensureNamedImport(j, path.node.specifiers || [], 'Flex');
+			});
+			return;
+		}
+		// If xcss is used, don't rewrite — add a new /compiled import for Flex instead.
 	}
 
 	const newImport = j.importDeclaration(
@@ -121,6 +193,19 @@ function insertCssMapImport(j: core.JSCodeshift, source: Collection<any>): void
 		return;
 	}
 
+	// If cssMap is already imported from another package (e.g. @compiled/react), don't add a duplicate
+	const cssMapAlreadyImported = source
+		.find(j.ImportDeclaration)
+		.filter((path) =>
+			(path.node.specifiers || []).some(
+				(s: any) => s.type === 'ImportSpecifier' && s.imported?.name === 'cssMap',
+			),
+		);
+
+	if (cssMapAlreadyImported.length > 0) {
+		return;
+	}
+
 	const newImport = j.importDeclaration(
 		[j.importSpecifier(j.identifier('cssMap'))],
 		j.stringLiteral(CSS_PACKAGE),
@@ -261,9 +346,33 @@ function addEslintDisableComment(
 	path: ASTPath<JSXElement>,
 	reason: string,
 ): void {
-	const comment = j.line(
-		` eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: ${reason}`,
+	// JSX requires comments inside children to be wrapped in {/* */}.
+	// We achieve this by inserting a JSXExpressionContainer with an empty expression
+	// and attaching the block comment to it — jscodeshift prints this as {/* ... */}.
+	const emptyExpr = j.jsxEmptyExpression();
+	(emptyExpr as any).innerComments = [
+		{
+			type: 'CommentBlock',
+			value: ` eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: ${reason} `,
+		},
+	];
+	const commentContainer = j.jsxExpressionContainer(emptyExpr);
+
+	// Insert the {/* */} container as a sibling before the icon element in its parent's children
+	const parent = path.parent;
+	if (parent && parent.value && Array.isArray(parent.value.children)) {
+		const idx = parent.value.children.indexOf(path.value);
+		if (idx !== -1) {
+			parent.value.children.splice(idx, 0, commentContainer);
+			return;
+		}
+	}
+
+	// Fallback: attach as a leading comment on the node itself
+	const comment = j.block(
+		` eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: ${reason} `,
 	);
+	comment.leading = true;
 	const node = path.value as any;
 	node.comments = [comment, ...(node.comments || [])];
 }
@@ -335,6 +444,50 @@ function replaceWithWrapped(
 	}
 }
 
+const EMOTION_PACKAGES = ['@emotion/react', '@emotion/styled', '@emotion/core'];
+
+/**
+ * Check if the file imports from Emotion. If so, it can't be migrated automatically
+ * because mixing Emotion and Compiled (used by @atlaskit/primitives/compiled) in the
+ * same file causes type-checking and runtime errors. These files need manual migration.
+ */
+function hasEmotionImports(j: core.JSCodeshift, source: Collection<any>): boolean {
+	return (
+		source
+			.find(j.ImportDeclaration)
+			.filter((p) => EMOTION_PACKAGES.includes(p.node.source.value as string)).length > 0
+	);
+}
+
+/**
+ * Check if @atlaskit/css is listed in the nearest package.json.
+ * If not, warn the user that they need to add it.
+ */
+function checkCssPackageDependency(filePath: string | undefined): boolean {
+	if (!filePath) {
+		return true; // In test environments, file.path may be undefined — skip the check
+	}
+	let dir = path.dirname(filePath);
+	while (dir !== path.dirname(dir)) {
+		const pkgPath = path.join(dir, 'package.json');
+		if (fs.existsSync(pkgPath)) {
+			try {
+				const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+				const deps = {
+					...(pkg.dependencies || {}),
+					...(pkg.devDependencies || {}),
+					...(pkg.peerDependencies || {}),
+				};
+				return CSS_PACKAGE in deps;
+			} catch {
+				return false;
+			}
+		}
+		dir = path.dirname(dir);
+	}
+	return false;
+}
+
 export default function transformer(file: FileInfo, api: API): string {
 	const j = api.jscodeshift;
 	const source = j(file.source);
@@ -344,6 +497,51 @@ export default function transformer(file: FileInfo, api: API): string {
 		return file.source;
 	}
 
+	// Skip files that import from Emotion — mixing Emotion and Compiled causes
+	// type-checking and runtime errors. These files need manual migration.
+	if (hasEmotionImports(j, source)) {
+		if (file.path) {
+			emotionSkippedFiles.push(file.path);
+		}
+		return file.source;
+	}
+
+	// Detect unresolvable cases: JSX elements with spacing prop that are NOT in iconSpecifiers
+	// (member expressions like <appearanceIconStyles.Icon> or aliased variables like <Icon>)
+	source
+		.find(j.JSXElement)
+		.filter((path) => {
+			const name = path.value.openingElement.name;
+			const attrs = path.value.openingElement.attributes || [];
+			const hasSpacing = attrs.some(
+				(attr: any) => attr.type === 'JSXAttribute' && attr.name?.name === 'spacing',
+			);
+			if (!hasSpacing) {
+				return false;
+			}
+			// Member expression: <appearanceIconStyles.Icon spacing="spacious">
+			if (name.type === 'JSXMemberExpression') {
+				return true;
+			}
+			// Aliased variable: <Icon spacing="spacious"> where Icon is not a known icon specifier
+			// but could be a re-assigned icon (heuristic: PascalCase identifier not in specifiers)
+			if (name.type === 'JSXIdentifier' && !iconSpecifiers.includes(name.name)) {
+				const n = name.name;
+				return n[0] === n[0].toUpperCase() && n !== 'Flex' && n !== 'Box' && n !== 'Inline';
+			}
+			return false;
+		})
+		.forEach((path) => {
+			if (file.path) {
+				const name = path.value.openingElement.name;
+				const nameStr =
+					name.type === 'JSXMemberExpression'
+						? `<${(name.object as any).name}.${(name.property as any).name}>`
+						: `<${(name as any).name}>`;
+				unresolvableIconFiles.push(`${file.path} — ${nameStr} (member expression or alias)`);
+			}
+		});
+
 	const iconJSXWithSpacing = source
 		.find(j.JSXElement)
 		.filter((path) => {
@@ -360,6 +558,27 @@ export default function transformer(file: FileInfo, api: API): string {
 		return file.source;
 	}
 
+	// Warn if @atlaskit/css is not in the package's dependencies
+	if (!checkCssPackageDependency(file.path)) {
+		// Find the nearest package.json and record the package name
+		if (file.path) {
+			let dir = path.dirname(file.path);
+			while (dir !== path.dirname(dir)) {
+				const pkgPath = path.join(dir, 'package.json');
+				if (fs.existsSync(pkgPath)) {
+					try {
+						const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+						packagesNeedingCssDep.add(`${pkg.name ?? dir} (${pkgPath})`);
+					} catch {
+						packagesNeedingCssDep.add(dir);
+					}
+					break;
+				}
+				dir = path.dirname(dir);
+			}
+		}
+	}
+
 	const paddingTokensUsed = new Set<string>();
 	let needsFlexImport = false;
 
@@ -372,6 +591,9 @@ export default function transformer(file: FileInfo, api: API): string {
 				path,
 				'Manually migrate spacing prop to Flex primitive (spread props detected)',
 			);
+			if (file.path) {
+				dynamicSpacingFiles.push(`${file.path} — spread props`);
+			}
 			return;
 		}
 
@@ -381,6 +603,9 @@ export default function transformer(file: FileInfo, api: API): string {
 				path,
 				'Manually migrate spacing prop to Flex primitive (dynamic spacing value detected)',
 			);
+			if (file.path) {
+				dynamicSpacingFiles.push(`${file.path} — dynamic spacing value`);
+			}
 			return;
 		}
 

package/codemods/__tests__/icon-spacing-to-box-primitive.test.tsx

@@ -136,7 +136,7 @@ const App = () => <DropdownMenu iconAfter={<Flex xcss={iconSpacingStyles.space07
 		`import AddIcon from '@atlaskit/icon/core/add';
 const App = (props: any) => <AddIcon {...props} spacing="spacious" label="" />;`,
 		`import AddIcon from '@atlaskit/icon/core/add';
-const App = (props: any) => // eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: Manually migrate spacing prop to Flex primitive (spread props detected)
+const App = (props: any) => /* eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: Manually migrate spacing prop to Flex primitive (spread props detected) */
 <AddIcon {...props} spacing="spacious" label="" />;`,
 		'should add eslint-disable comment inline and skip when spread props are present',
 	);
@@ -147,11 +147,52 @@ const App = (props: any) => // eslint-disable-next-line @atlaskit/design-system/
 		`import AddIcon from '@atlaskit/icon/core/add';
 const App = ({ spacing }: any) => <AddIcon label="" spacing={spacing} />;`,
 		`import AddIcon from '@atlaskit/icon/core/add';
-const App = ({ spacing }: any) => // eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: Manually migrate spacing prop to Flex primitive (dynamic spacing value detected)
+const App = ({ spacing }: any) => /* eslint-disable-next-line @atlaskit/design-system/no-icon-spacing-prop -- TODO: Manually migrate spacing prop to Flex primitive (dynamic spacing value detected) */
 <AddIcon label="" spacing={spacing} />;`,
 		'should add eslint-disable comment inline and skip when spacing is a dynamic expression',
 	);
 
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`import { css } from '@emotion/react';
+import AddIcon from '@atlaskit/icon/core/add';
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		`import { css } from '@emotion/react';
+import AddIcon from '@atlaskit/icon/core/add';
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		'should skip files that import from @emotion/react and leave them unchanged',
+	);
+
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`import styled from '@emotion/styled';
+import AddIcon from '@atlaskit/icon/core/add';
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		`import styled from '@emotion/styled';
+import AddIcon from '@atlaskit/icon/core/add';
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		'should skip files that import from @emotion/styled and leave them unchanged',
+	);
+
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`import { cssMap } from '@compiled/react';
+import AddIcon from '@atlaskit/icon/core/add';
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		`import { Flex } from "@atlaskit/primitives/compiled";
+import { token } from "@atlaskit/tokens";
+import { cssMap } from '@compiled/react';
+import AddIcon from '@atlaskit/icon/core/add';
+
+${space050Block}
+
+const App = () => <Flex xcss={iconSpacingStyles.space050}><AddIcon label="" /></Flex>;`,
+		'should not add duplicate cssMap import when cssMap already imported from @compiled/react',
+	);
+
 	defineInlineTest(
 		{ default: transformer, parser: 'tsx' },
 		{},
@@ -211,7 +252,7 @@ import AddIcon from '@atlaskit/icon/core/add';
 const App = () => <AddIcon label="" spacing="spacious" />;`,
 		`import { cssMap } from "@atlaskit/css";
 import { token } from "@atlaskit/tokens";
-import { Inline, Flex } from '@atlaskit/primitives/compiled';
+import { Flex, Inline } from '@atlaskit/primitives/compiled';
 import AddIcon from '@atlaskit/icon/core/add';
 
 ${space050Block}
@@ -262,7 +303,7 @@ import AddIcon from '@atlaskit/icon/core/add';
 const App = () => <AddIcon label="" spacing="spacious" />;`,
 		`import { cssMap } from "@atlaskit/css";
 import { token } from "@atlaskit/tokens";
-import { Inline, Flex } from "@atlaskit/primitives/compiled";
+import { Flex, Inline } from "@atlaskit/primitives/compiled";
 import AddIcon from '@atlaskit/icon/core/add';
 
 ${space050Block}
@@ -271,6 +312,26 @@ const App = () => <Flex xcss={iconSpacingStyles.space050}><AddIcon label="" /></
 		'should add Flex and update @atlaskit/primitives to @atlaskit/primitives/compiled',
 	);
 
+	defineInlineTest(
+		{ default: transformer, parser: 'tsx' },
+		{},
+		`import { Pressable, xcss } from '@atlaskit/primitives';
+import AddIcon from '@atlaskit/icon/core/add';
+const buttonStyles = xcss({ padding: 'space.100' });
+const App = () => <AddIcon label="" spacing="spacious" />;`,
+		`import { cssMap } from "@atlaskit/css";
+import { Flex } from "@atlaskit/primitives/compiled";
+import { token } from "@atlaskit/tokens";
+import { Pressable, xcss } from '@atlaskit/primitives';
+import AddIcon from '@atlaskit/icon/core/add';
+
+${space050Block}
+
+const buttonStyles = xcss({ padding: 'space.100' });
+const App = () => <Flex xcss={iconSpacingStyles.space050}><AddIcon label="" /></Flex>;`,
+		'should add new /compiled import when @atlaskit/primitives uses xcss (cannot rewrite)',
+	);
+
 	defineInlineTest(
 		{ default: transformer, parser: 'tsx' },
 		{},

package/dist/cjs/index.js

@@ -16,24 +16,12 @@ Object.defineProperty(exports, "IconTile", {
     return _iconTile.default;
   }
 });
-Object.defineProperty(exports, "SVG", {
-  enumerable: true,
-  get: function get() {
-    return _svg.default;
-  }
-});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function get() {
     return _skeleton.default;
   }
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _icon.default;
-  }
-});
 Object.defineProperty(exports, "size", {
   enumerable: true,
   get: function get() {
@@ -46,9 +34,7 @@ Object.defineProperty(exports, "sizes", {
     return _constants.sizes;
   }
 });
-var _icon = _interopRequireDefault(require("./components/icon"));
 var _iconNew = _interopRequireDefault(require("./components/icon-new"));
-var _svg = _interopRequireDefault(require("./components/svg"));
 var _constants = require("./constants");
 var _skeleton = _interopRequireDefault(require("./components/skeleton"));
 var _iconTile = _interopRequireDefault(require("./components/icon-tile"));

package/dist/es2019/index.js

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/dist/esm/index.js

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/dist/types/index.d.ts

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

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

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "33.1.1",
+	"version": "34.0.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,16 +59,17 @@
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.13.0",
+		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/toggle": "^15.2.0",
-		"@atlaskit/tooltip": "^21.0.0",
+		"@atlaskit/tooltip": "^21.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
+		"@atlassian/testing-library": "^0.5.0",
 		"@babel/core": "7.24.9",
 		"@babel/register": "^7.25.9",
 		"@codeshift/utils": "^0.2.4",

package/base/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/icon/base",
-  "main": "../dist/cjs/entry-points/base.js",
-  "module": "../dist/esm/entry-points/base.js",
-  "module:es2019": "../dist/es2019/entry-points/base.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/base.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/base.d.ts"
-      ]
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/cjs/components/icon.js

@@ -1,91 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Icon = void 0;
-require("./icon.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-var iconStyles = null;
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-var baseHcmStyles = null;
-var primaryEqualsSecondaryHcmStyles = null;
-var secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
-  var _ref = props,
-    Glyph = _ref.glyph,
-    dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    size = _ref.size,
-    testId = _ref.testId,
-    label = _ref.label,
-    width = _ref.width,
-    height = _ref.height,
-    UNSAFE_margin = _ref.UNSAFE_margin;
-  var glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  var customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
-    "data-testid": testId,
-    "data-vc": "icon-".concat(testId),
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: _objectSpread(_objectSpread({}, customDimensions), {}, {
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    })
-  }, glyphProps, {
-    className: (0, _runtime.ax)(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-var _default = exports.default = Icon;

package/dist/cjs/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/cjs/components/svg.js

@@ -1,56 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./svg.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-var svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-var SVG = /*#__PURE__*/(0, _react.memo)(function SVG(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    label = _ref.label,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    testId = _ref.testId,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-var _default = exports.default = SVG;

package/dist/cjs/entry-points/base.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _icon.Icon;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _icon.default;
-  }
-});
-var _icon = _interopRequireWildcard(require("../components/icon"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/dist/cjs/entry-points/svg.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _svg.default;
-  }
-});
-var _svg = _interopRequireDefault(require("../components/svg"));

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

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/es2019/components/icon.js

@@ -1,82 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./icon.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-const iconStyles = null;
-const sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-const baseHcmStyles = null;
-const primaryEqualsSecondaryHcmStyles = null;
-const secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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 const Icon = /*#__PURE__*/memo(function Icon(props) {
-  const {
-    glyph: Glyph,
-    dangerouslySetGlyph,
-    primaryColor = 'currentColor',
-    secondaryColor,
-    size,
-    testId,
-    label,
-    width,
-    height,
-    UNSAFE_margin
-  } = props;
-  const glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  const customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    "data-testid": testId,
-    "data-vc": `icon-${testId}`,
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ...customDimensions,
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    }
-  }, glyphProps, {
-    className: ax(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-export default Icon;

package/dist/es2019/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/es2019/components/svg.js

@@ -1,47 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./svg.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-const sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-const svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-const SVG = /*#__PURE__*/memo(function SVG({
-  size = 'medium',
-  label,
-  primaryColor = 'currentColor',
-  secondaryColor,
-  testId,
-  children
-}) {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-export default SVG;

package/dist/es2019/entry-points/base.js

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

package/dist/es2019/entry-points/svg.js

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

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

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/esm/components/icon.js

@@ -1,83 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./icon.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { memo } from 'react';
-
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-var iconStyles = null;
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-var baseHcmStyles = null;
-var primaryEqualsSecondaryHcmStyles = null;
-var secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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 var Icon = /*#__PURE__*/memo(function Icon(props) {
-  var _ref = props,
-    Glyph = _ref.glyph,
-    dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    size = _ref.size,
-    testId = _ref.testId,
-    label = _ref.label,
-    width = _ref.width,
-    height = _ref.height,
-    UNSAFE_margin = _ref.UNSAFE_margin;
-  var glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  var customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    "data-testid": testId,
-    "data-vc": "icon-".concat(testId),
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: _objectSpread(_objectSpread({}, customDimensions), {}, {
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    })
-  }, glyphProps, {
-    className: ax(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-export default Icon;

package/dist/esm/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/esm/components/svg.js

@@ -1,48 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./svg.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-var svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-var SVG = /*#__PURE__*/memo(function SVG(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    label = _ref.label,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    testId = _ref.testId,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-export default SVG;

package/dist/esm/entry-points/base.js

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

package/dist/esm/entry-points/svg.js

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

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

@@ -1,12 +0,0 @@
-import type { IconProps } from '../types';
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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<IconProps>;
-export default Icon;

package/dist/types/components/svg.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type NamedExoticComponent } from 'react';
-import type { SVGProps } from '../types';
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-declare const SVG: NamedExoticComponent<SVGProps>;
-export default SVG;

package/dist/types/entry-points/base.d.ts

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

package/dist/types/entry-points/svg.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../components/svg';
-export type { SVGProps } from '../types';

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

@@ -1,12 +0,0 @@
-import type { IconProps } from '../types';
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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<IconProps>;
-export default Icon;

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

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type NamedExoticComponent } from 'react';
-import type { SVGProps } from '../types';
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * 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)
- */
-declare const SVG: NamedExoticComponent<SVGProps>;
-export default SVG;

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

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

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

@@ -1,2 +0,0 @@
-export { default } from '../components/svg';
-export type { SVGProps } from '../types';

package/svg/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/icon/svg",
-  "main": "../dist/cjs/entry-points/svg.js",
-  "module": "../dist/esm/entry-points/svg.js",
-  "module:es2019": "../dist/es2019/entry-points/svg.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/svg.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/svg.d.ts"
-      ]
-    }
-  }
-}