@atlaskit/icon 28.5.3 → 29.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/icon
 
+## 29.0.0
+
+### Major Changes
+
+- [`f0d92beae2f40`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0d92beae2f40) -
+  Removes utility icons entrypoints from the '@atlaskit/icon' package. Migrates related packages to
+  update their imports.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.5.3
 
 ### Patch Changes

package/{afm-adminhub → afm-products}/tsconfig.json

@@ -1,9 +1,9 @@
 {
-	"extends": "../../../../tsconfig.entry-points.adminhub.json",
+	"extends": "../../../../tsconfig.entry-points.products.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"outDir": "../../../../../adminhub/tsDist/@atlaskit__icon/app",
+		"outDir": "../../../../../tsDist/@atlaskit__icon/app",
 		"rootDir": "../",
 		"composite": true
 	},
@@ -24,13 +24,13 @@
 	],
 	"references": [
 		{
-			"path": "../../../platform/feature-flags/afm-adminhub/tsconfig.json"
+			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},
 		{
-			"path": "../../tile/afm-adminhub/tsconfig.json"
+			"path": "../../tile/afm-products/tsconfig.json"
 		},
 		{
-			"path": "../../tokens/afm-adminhub/tsconfig.json"
+			"path": "../../tokens/afm-products/tsconfig.json"
 		}
 	]
 }

package/build/index.tsx

@@ -14,7 +14,6 @@ import buildIcons, {
 } from '@af/icon-build-process';
 
 import coreIconMetadata from '../icons_raw/metadata-core';
-import utilityIconMetadata from '../icons_raw/metadata-utility';
 import legacyMetadata from '../src/metadata';
 import migrationMap from '../src/migration-map';
 import { recommendedSmallIcons } from '../src/recommended-small';
@@ -63,7 +62,6 @@ async function main() {
 		glob: '**/*.svg',
 		packageName: '@atlaskit/icon',
 		baseIconEntryPoint: '@atlaskit/icon/base-new',
-		iconType: 'core',
 		metadata: coreIconMetadata,
 		legacyMetadata: legacyMetadata,
 		migrationMap: migrationMap,
@@ -73,7 +71,6 @@ async function main() {
 		const iconDocs = createIconDocsNew(
 			icons,
 			'@atlaskit/icon',
-			'core',
 			synonyms,
 			['icon'],
 			coreIconMetadata,
@@ -86,86 +83,22 @@ async function main() {
 		const deprecatedDocs = createDeprecatedIconDocs(
 			icons,
 			'@atlaskit/icon',
-			'core',
 			coreIconMetadata,
 			migrationMap,
 		);
 
 		fs.outputFile(path.resolve(root, 'src/deprecated-core.tsx'), deprecatedDocs);
 	});
-
-	/**
-	 * The updated icon build process for the new icons under `@atlaskit/icon/utility/*`
-	 */
-	const configUtility: NewIconBuildConfig = {
-		srcDir: path.resolve(root, 'icons_raw/utility'),
-		processedDir: path.resolve(root, 'svgs/utility'),
-		destDir: path.resolve(root, 'utility'),
-		maxWidth: 12,
-		maxHeight: 12,
-		glob: '**/*.svg',
-		packageName: '@atlaskit/icon',
-		baseIconEntryPoint: '@atlaskit/icon/base-new',
-		iconType: 'utility',
-		metadata: utilityIconMetadata,
-		legacyMetadata: legacyMetadata,
-		migrationMap: migrationMap,
-	};
-
-	await buildIconsNew(configUtility).then((icons) => {
-		const iconDocs = createIconDocsNew(
-			icons,
-			'@atlaskit/icon',
-			'utility',
-			synonyms,
-			['icon'],
-			utilityIconMetadata,
-			migrationMap,
-		);
-
-		fs.outputFile(path.resolve(root, 'src/metadata-utility.tsx'), iconDocs);
-
-		const deprecatedDocs = createDeprecatedIconDocs(
-			icons,
-			'@atlaskit/icon',
-			'utility',
-			utilityIconMetadata,
-			migrationMap,
-		);
-
-		fs.outputFile(path.resolve(root, 'src/deprecated-utility.tsx'), deprecatedDocs);
-
-		// Generate VR tests
-		const [vrExampleCore, vrTestCore] = createVRTest(
-			coreIconMetadata,
-			'../../../../..',
-			50,
-			'core',
-		);
-		fs.outputFile(
-			path.resolve(root, 'src/components/__tests__/vr-tests/examples/all-core-icons.tsx'),
-			vrExampleCore,
-		);
-		fs.outputFile(
-			path.resolve(root, 'src/components/__tests__/vr-tests/all-core-icons.test.vr.tsx'),
-			vrTestCore,
-		);
-
-		const [vrExampleUtility, vrTestUtility] = createVRTest(
-			utilityIconMetadata,
-			'../../../../..',
-			50,
-			'utility',
-		);
-		fs.outputFile(
-			path.resolve(root, 'src/components/__tests__/vr-tests/examples/all-utility-icons.tsx'),
-			vrExampleUtility,
-		);
-		fs.outputFile(
-			path.resolve(root, 'src/components/__tests__/vr-tests/all-utility-icons.test.vr.tsx'),
-			vrTestUtility,
-		);
-	});
+	// Generate VR tests
+	const [vrExampleCore, vrTestCore] = createVRTest(coreIconMetadata, '../../../../..', 50);
+	fs.outputFile(
+		path.resolve(root, 'src/components/__tests__/vr-tests/examples/all-core-icons.tsx'),
+		vrExampleCore,
+	);
+	fs.outputFile(
+		path.resolve(root, 'src/components/__tests__/vr-tests/all-core-icons.test.vr.tsx'),
+		vrTestCore,
+	);
 }
 
 main().catch((error) => {

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

@@ -19,7 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 var svgStyles = null;
 var iconStyles = null;
-var utilityIconStyles = null;
+var smallIconStyles = null;
 var scaleStyles = null;
 
 /**
@@ -37,39 +37,16 @@ var coreSizeSmall = {
   compact: "_1bsbpxbi _4t3ipxbi",
   spacious: "_1bsb1ejb _4t3i1ejb"
 };
-var utilSizes = {
-  none: "_1bsbutpp _4t3iutpp",
-  compact: "_1bsbpxbi _4t3ipxbi",
-  spacious: "_1bsb1ejb _4t3i1ejb"
-};
-var baseSizeMap = {
-  core: 16,
-  utility: 12
-};
 var paddingMap = {
-  core: {
-    medium: {
-      none: 0,
-      compact: 4,
-      spacious: 4
-    },
-    small: {
-      none: 0,
-      compact: 2.66,
-      spacious: 8
-    }
+  medium: {
+    none: 0,
+    compact: 4,
+    spacious: 4
   },
-  utility: {
-    medium: {
-      none: 0,
-      compact: 2,
-      spacious: 6
-    },
-    small: {
-      none: 0,
-      compact: 2,
-      spacious: 6
-    }
+  small: {
+    none: 0,
+    compact: 2.66,
+    spacious: 8
   }
 };
 
@@ -82,7 +59,6 @@ var paddingMap = {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
-  var _props$type;
   var _ref = props,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
@@ -116,7 +92,6 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
       UNSAFE_margin: LEGACY_margin
     });
   }
-  var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core';
   var size = 'medium';
   if ('size' in props && props.size !== undefined) {
     if (typeof props.size === 'string') {
@@ -126,8 +101,8 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
       size = newSize === 'small' || newSize === 'medium' ? newSize : size;
     }
   }
-  var baseSize = baseSizeMap[type];
-  var viewBoxPadding = paddingMap[type][size][spacing];
+  var baseSize = 16;
+  var viewBoxPadding = paddingMap[size][spacing];
   var viewBoxSize = baseSize + 2 * viewBoxPadding;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId,
@@ -137,7 +112,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     style: {
       color: color
     },
-    className: (0, _runtime.ax)(["_1e0c1o8l _vchhusvi _1o9zidpf _vwz4kb7n _y4ti1igz _bozg1mb9", "_12va1onz _jcxd1r8n", shouldScale && "_1bsb1kw7 _4t3i1kw7", (type === 'utility' || size === 'small') && "_vwz4utpp"])
+    className: (0, _runtime.ax)(["_1e0c1o8l _vchhusvi _1o9zidpf _vwz4kb7n _y4ti1igz _bozg1mb9", "_12va1onz _jcxd1r8n", shouldScale && "_1bsb1kw7 _4t3i1kw7", size === 'small' && "_vwz4utpp"])
   }, /*#__PURE__*/React.createElement("svg", {
     fill: "none"
     // Adjusting the viewBox allows the icon padding to scale with the contents of the SVG, which
@@ -146,7 +121,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     viewBox: "".concat(0 - viewBoxPadding, " ").concat(0 - viewBoxPadding, " ").concat(viewBoxSize, " ").concat(viewBoxSize),
     role: "presentation",
     dangerouslySetInnerHTML: dangerouslySetInnerHTML,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : type === 'utility' ? utilSizes[spacing] : size === 'small' ? coreSizeSmall[spacing] : coreSizeMedium[spacing]])
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : size === 'small' ? coreSizeSmall[spacing] : coreSizeMedium[spacing]])
   }));
 });
 var _default = exports.default = Icon;

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

@@ -1,12 +1,12 @@
 ._syaz17hp{color:var(--ds-icon-accent-green,#22a06b)}
-._syaz1oju{color:var(--ds-icon-subtle,#626f86)}
+._syaz1j6y{color:var(--ds-icon-accent-orange,#e06c00)}
 ._syaz1oqg{color:var(--ds-icon-accent-yellow,#b38600)}
-._syaz1ov1{color:var(--ds-icon-accent-blue,#1d7afc)}
+._syaz1q3r{color:var(--ds-icon,#292a2e)}
 ._syaz5w2r{color:var(--ds-icon-inverse,#fff)}
-._syaz5yjc{color:var(--ds-icon-accent-purple,#8270db)}
-._syaz7r97{color:var(--ds-icon-accent-orange,#e56910)}
+._syaz6txe{color:var(--ds-icon-accent-blue,#357de8)}
 ._syaz8645{color:var(--ds-icon-accent-lime,#6a9a23)}
 ._syaz8uof{color:var(--ds-icon-accent-teal,#2898bd)}
+._syazdgkc{color:var(--ds-icon-subtle,#505258)}
 ._syaznbxb{color:var(--ds-icon-accent-red,#c9372c)}
-._syazv8hk{color:var(--ds-icon-accent-magenta,#cd519d)}
-._syazwdcn{color:var(--ds-icon,#44546f)}
+._syazuq3u{color:var(--ds-icon-accent-purple,#af59e1)}
+._syazv8hk{color:var(--ds-icon-accent-magenta,#cd519d)}

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

@@ -29,26 +29,26 @@ var sizeCrossCompatibleMap = {
 
 // Icon color mapping for Tile-based icons
 var iconColorMap = {
-  blue: "_syaz1ov1",
-  blueBold: "_syazwdcn",
-  gray: "_syaz1oju",
+  blue: "_syaz6txe",
+  blueBold: "_syaz1q3r",
+  gray: "_syazdgkc",
   grayBold: "_syaz5w2r",
   green: "_syaz17hp",
-  greenBold: "_syazwdcn",
+  greenBold: "_syaz1q3r",
   lime: "_syaz8645",
-  limeBold: "_syazwdcn",
+  limeBold: "_syaz1q3r",
   magenta: "_syazv8hk",
-  magentaBold: "_syazwdcn",
-  orange: "_syaz7r97",
-  orangeBold: "_syazwdcn",
-  purple: "_syaz5yjc",
-  purpleBold: "_syazwdcn",
+  magentaBold: "_syaz1q3r",
+  orange: "_syaz1j6y",
+  orangeBold: "_syaz1q3r",
+  purple: "_syazuq3u",
+  purpleBold: "_syaz1q3r",
   red: "_syaznbxb",
-  redBold: "_syazwdcn",
+  redBold: "_syaz1q3r",
   teal: "_syaz8uof",
-  tealBold: "_syazwdcn",
+  tealBold: "_syaz1q3r",
   yellow: "_syaz1oqg",
-  yellowBold: "_syazwdcn"
+  yellowBold: "_syaz1q3r"
 };
 
 // Background color mapping for Tile component

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

@@ -16,35 +16,35 @@
 ._4t3ickbl{height:3pc}
 ._4t3igktf{height:20px}
 ._4t3izwfg{height:2pc}
+._bfhk165s{background-color:var(--ds-background-accent-orange-subtler,#fce4a6)}
+._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
+._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
 ._bfhk1a17{background-color:var(--ds-background-accent-teal-subtler,#c6edfb)}
+._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
 ._bfhk1e5c{background-color:var(--ds-background-accent-green-bolder,#1f845a)}
-._bfhk1jkz{background-color:var(--ds-background-accent-purple-subtler,#dfd8fd)}
+._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
+._bfhk1nm4{background-color:var(--ds-background-accent-purple-subtler,#eed7fc)}
+._bfhk1qg1{background-color:var(--ds-background-accent-orange-bolder,#bd5b00)}
 ._bfhk1rtt{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
-._bfhk1t1b{background-color:var(--ds-background-accent-gray-bolder,#626f86)}
-._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
 ._bfhk1vop{background-color:var(--ds-background-accent-yellow-bolder,#946f00)}
 ._bfhk1wnw{background-color:var(--ds-background-accent-green-subtler,#baf3db)}
 ._bfhk2c8p{background-color:var(--ds-background-accent-teal-bolder,#227d9b)}
-._bfhk3fv2{background-color:var(--ds-background-accent-yellow-subtler,#f8e6a0)}
-._bfhk4v9p{background-color:var(--ds-background-accent-blue-subtler,#cce0ff)}
+._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
 ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
-._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
-._bfhkf2vu{background-color:var(--ds-background-accent-orange-subtler,#fedec8)}
-._bfhkjgng{background-color:var(--ds-background-accent-orange-bolder,#c25100)}
 ._bfhktde4{background-color:var(--ds-background-accent-lime-bolder,#5b7f24)}
 ._bfhkuibq{background-color:var(--ds-background-accent-red-bolder,#c9372c)}
 ._bfhkv9ra{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
-._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
+._bfhkya33{background-color:var(--ds-background-accent-purple-bolder,#964ac0)}
 ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
-._syaz16ni{color:var(--ds-icon-accent-gray,#758195)}
 ._syaz17hp{color:var(--ds-icon-accent-green,#22a06b)}
+._syaz1diz{color:var(--ds-icon-accent-gray,#7d818a)}
+._syaz1j6y{color:var(--ds-icon-accent-orange,#e06c00)}
 ._syaz1oqg{color:var(--ds-icon-accent-yellow,#b38600)}
-._syaz1ov1{color:var(--ds-icon-accent-blue,#1d7afc)}
 ._syaz5w2r{color:var(--ds-icon-inverse,#fff)}
-._syaz5yjc{color:var(--ds-icon-accent-purple,#8270db)}
-._syaz7r97{color:var(--ds-icon-accent-orange,#e56910)}
+._syaz6txe{color:var(--ds-icon-accent-blue,#357de8)}
 ._syaz8645{color:var(--ds-icon-accent-lime,#6a9a23)}
 ._syaz8uof{color:var(--ds-icon-accent-teal,#2898bd)}
 ._syaznbxb{color:var(--ds-icon-accent-red,#c9372c)}
+._syazuq3u{color:var(--ds-icon-accent-purple,#af59e1)}
 ._syazv8hk{color:var(--ds-icon-accent-magenta,#cd519d)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -32,26 +32,26 @@ var sizeMap = {
   '48': "_1bsbckbl _4t3ickbl"
 };
 var appearanceMap = {
-  grayBold: "_bfhk1t1b _syaz5w2r",
+  grayBold: "_bfhk1i45 _syaz5w2r",
   limeBold: "_bfhktde4 _syaz5w2r",
   greenBold: "_bfhk1e5c _syaz5w2r",
-  blueBold: "_bfhkc8cv _syaz5w2r",
+  blueBold: "_bfhk16e3 _syaz5w2r",
   redBold: "_bfhkuibq _syaz5w2r",
-  purpleBold: "_bfhkygwo _syaz5w2r",
+  purpleBold: "_bfhkya33 _syaz5w2r",
   magentaBold: "_bfhkc3uk _syaz5w2r",
   tealBold: "_bfhk2c8p _syaz5w2r",
-  orangeBold: "_bfhkjgng _syaz5w2r",
+  orangeBold: "_bfhk1qg1 _syaz5w2r",
   yellowBold: "_bfhk1vop _syaz5w2r",
-  gray: "_bfhk1v33 _syaz16ni",
+  gray: "_bfhk7qp0 _syaz1diz",
   lime: "_bfhkz2ec _syaz8645",
-  orange: "_bfhkf2vu _syaz7r97",
+  orange: "_bfhk165s _syaz1j6y",
   magenta: "_bfhkv9ra _syazv8hk",
   green: "_bfhk1wnw _syaz17hp",
-  blue: "_bfhk4v9p _syaz1ov1",
+  blue: "_bfhk1dy8 _syaz6txe",
   red: "_bfhk1rtt _syaznbxb",
-  purple: "_bfhk1jkz _syaz5yjc",
+  purple: "_bfhk1nm4 _syazuq3u",
   teal: "_bfhk1a17 _syaz8uof",
-  yellow: "_bfhk3fv2 _syaz1oqg"
+  yellow: "_bfhk1773 _syaz1oqg"
 };
 var shapeMap = {
   square: "_2rko12b0",

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

@@ -13,20 +13,20 @@ var _iconTileOld = _interopRequireDefault(require("./icon-tile-old"));
 
 // Color mapping for size 16 standalone icons that will no longer be tiles
 var appearanceToIconColorMap = {
-  blue: "var(--ds-icon-accent-blue, #1D7AFC)",
-  blueBold: "var(--ds-icon-accent-blue, #1D7AFC)",
-  gray: "var(--ds-icon-accent-gray, #758195)",
-  grayBold: "var(--ds-icon-accent-gray, #758195)",
+  blue: "var(--ds-icon-accent-blue, #357DE8)",
+  blueBold: "var(--ds-icon-accent-blue, #357DE8)",
+  gray: "var(--ds-icon-accent-gray, #7D818A)",
+  grayBold: "var(--ds-icon-accent-gray, #7D818A)",
   green: "var(--ds-icon-accent-green, #22A06B)",
   greenBold: "var(--ds-icon-accent-green, #22A06B)",
   lime: "var(--ds-icon-accent-lime, #6A9A23)",
   limeBold: "var(--ds-icon-accent-lime, #6A9A23)",
   magenta: "var(--ds-icon-accent-magenta, #CD519D)",
   magentaBold: "var(--ds-icon-accent-magenta, #CD519D)",
-  orange: "var(--ds-icon-accent-orange, #E56910)",
-  orangeBold: "var(--ds-icon-accent-orange, #E56910)",
-  purple: "var(--ds-icon-accent-purple, #8270DB)",
-  purpleBold: "var(--ds-icon-accent-purple, #8270DB)",
+  orange: "var(--ds-icon-accent-orange, #E06C00)",
+  orangeBold: "var(--ds-icon-accent-orange, #E06C00)",
+  purple: "var(--ds-icon-accent-purple, #AF59E1)",
+  purpleBold: "var(--ds-icon-accent-purple, #AF59E1)",
   red: "var(--ds-icon-accent-red, #C9372C)",
   redBold: "var(--ds-icon-accent-red, #C9372C)",
   teal: "var(--ds-icon-accent-teal, #2898BD)",

package/dist/cjs/entry-points/deprecated-map.js

@@ -10,11 +10,4 @@ Object.defineProperty(exports, "deprecatedCore", {
     return _deprecatedCore.default;
   }
 });
-Object.defineProperty(exports, "deprecatedUtility", {
-  enumerable: true,
-  get: function get() {
-    return _deprecatedUtility.default;
-  }
-});
-var _deprecatedCore = _interopRequireDefault(require("../deprecated-core"));
-var _deprecatedUtility = _interopRequireDefault(require("../deprecated-utility"));
+var _deprecatedCore = _interopRequireDefault(require("../deprecated-core"));

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

@@ -16,12 +16,5 @@ Object.defineProperty(exports, "default", {
     return _metadata.default;
   }
 });
-Object.defineProperty(exports, "utilityIconMetadata", {
-  enumerable: true,
-  get: function get() {
-    return _metadataUtility.default;
-  }
-});
 var _metadata = _interopRequireDefault(require("../metadata"));
-var _metadataCore = _interopRequireDefault(require("../metadata-core"));
-var _metadataUtility = _interopRequireDefault(require("../metadata-utility"));
+var _metadataCore = _interopRequireDefault(require("../metadata-core"));