@atlaskit/icon 28.5.3 → 29.0.0

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

@@ -12,7 +12,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 
 var svgStyles = null;
 var iconStyles = null;
-var utilityIconStyles = null;
+var smallIconStyles = null;
 var scaleStyles = null;
 
 /**
@@ -30,39 +30,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
   }
 };
 
@@ -75,7 +52,6 @@ var paddingMap = {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 export var Icon = /*#__PURE__*/memo(function Icon(props) {
-  var _props$type;
   var _ref = props,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
@@ -109,7 +85,6 @@ export var Icon = /*#__PURE__*/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') {
@@ -119,8 +94,8 @@ export var Icon = /*#__PURE__*/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,
@@ -130,7 +105,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     style: {
       color: color
     },
-    className: ax(["_1e0c1o8l _vchhusvi _1o9zidpf _vwz4kb7n _y4ti1igz _bozg1mb9", "_12va1onz _jcxd1r8n", shouldScale && "_1bsb1kw7 _4t3i1kw7", (type === 'utility' || size === 'small') && "_vwz4utpp"])
+    className: 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
@@ -139,7 +114,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     viewBox: "".concat(0 - viewBoxPadding, " ").concat(0 - viewBoxPadding, " ").concat(viewBoxSize, " ").concat(viewBoxSize),
     role: "presentation",
     dangerouslySetInnerHTML: dangerouslySetInnerHTML,
-    className: ax(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : type === 'utility' ? utilSizes[spacing] : size === 'small' ? coreSizeSmall[spacing] : coreSizeMedium[spacing]])
+    className: ax(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : size === 'small' ? coreSizeSmall[spacing] : coreSizeMedium[spacing]])
   }));
 });
 export default Icon;

package/dist/esm/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/esm/components/icon-tile/icon-tile-new.js

@@ -20,26 +20,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/esm/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/esm/components/icon-tile/icon-tile-old.js

@@ -24,26 +24,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/esm/components/icon-tile/index.js

@@ -6,20 +6,20 @@ import IconTileOld from './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/esm/entry-points/deprecated-map.js

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

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

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