@atlaskit/icon-object 7.4.1 → 7.4.2

package/dist/es2019/artifacts/glyph/new-feature/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3f6a6116e5a043ffd9746dc5faba38c2>>
+ * @codegen <<SignedSource::cbe915e61268e324a57a2db48f8a5d74>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/add';
 import NewObjectComponent from '@atlaskit/object/tile/new-feature';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/new-feature/24';
 
 /**
  * __24px `new-feature` icon object__
@@ -35,11 +34,7 @@ const NewFeature24Icon = ({
     appearance: "greenBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 NewFeature24Icon.displayName = 'NewFeature24Icon';

package/dist/es2019/artifacts/glyph/page/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d247d728b2443e1aaaff604097f87f4d>>
+ * @codegen <<SignedSource::bfd4ad91a1a57d32376cdfaa21404b48>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/page';
 import NewObjectComponent from '@atlaskit/object/page';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/page/16';
 
 /**
  * __16px `page` icon object__
@@ -35,11 +34,7 @@ const Page16Icon = ({
     appearance: "blueBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Page16Icon.displayName = 'Page16Icon';

package/dist/es2019/artifacts/glyph/page/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::336ef46e533f814d943c18f17888641f>>
+ * @codegen <<SignedSource::297585c116839d3a97d1234c88e553c7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/page';
 import NewObjectComponent from '@atlaskit/object/tile/page';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/page/24';
 
 /**
  * __24px `page` icon object__
@@ -35,11 +34,7 @@ const Page24Icon = ({
     appearance: "blueBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Page24Icon.displayName = 'Page24Icon';

package/dist/es2019/artifacts/glyph/page-live-doc/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7efc228aae7212b6cb2499b3d8932a93>>
+ * @codegen <<SignedSource::fbc5772dc2d42359e805fe8fc938dc5f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
 import NewObjectComponent from '@atlaskit/object/page-live-doc';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/page-live-doc/16';
 
 /**
  * __16px `page-live-doc` icon object__
@@ -35,11 +34,7 @@ const PageLiveDoc16Icon = ({
     appearance: "magentaBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 PageLiveDoc16Icon.displayName = 'PageLiveDoc16Icon';

package/dist/es2019/artifacts/glyph/page-live-doc/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::25897ac83c73fd4235ddf7ff6847b65f>>
+ * @codegen <<SignedSource::58fad5f0ddb48324c63ee5009010f4f9>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon-lab/core/page-live-doc';
 import NewObjectComponent from '@atlaskit/object/tile/page-live-doc';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/page-live-doc/24';
 
 /**
  * __24px `page-live-doc` icon object__
@@ -35,11 +34,7 @@ const PageLiveDoc24Icon = ({
     appearance: "magentaBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 PageLiveDoc24Icon.displayName = 'PageLiveDoc24Icon';

package/dist/es2019/artifacts/glyph/problem/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5524b0757db14d6a3f3cf00f13b44954>>
+ * @codegen <<SignedSource::da3ce394f6c951c0012e73dc4fcd451f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/problem';
 import NewObjectComponent from '@atlaskit/object/problem';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/problem/16';
 
 /**
  * __16px `problem` icon object__
@@ -35,11 +34,7 @@ const Problem16Icon = ({
     appearance: "redBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Problem16Icon.displayName = 'Problem16Icon';

package/dist/es2019/artifacts/glyph/problem/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a8c4ccfcd6b1d3cb582823058c9056d9>>
+ * @codegen <<SignedSource::0f4abba1265f51ebc6488e262dfd587f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/problem';
 import NewObjectComponent from '@atlaskit/object/tile/problem';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/problem/24';
 
 /**
  * __24px `problem` icon object__
@@ -35,11 +34,7 @@ const Problem24Icon = ({
     appearance: "redBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Problem24Icon.displayName = 'Problem24Icon';

package/dist/es2019/artifacts/glyph/pull-request/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2476cb80c63abb1f64b991ce9590ed68>>
+ * @codegen <<SignedSource::d16cc21e50f9fb0d685aba745db44fce>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/pull-request';
 import NewObjectComponent from '@atlaskit/object/pull-request';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/pull-request/16';
 
 /**
  * __16px `pull-request` icon object__
@@ -35,11 +34,7 @@ const PullRequest16Icon = ({
     appearance: "greenBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 PullRequest16Icon.displayName = 'PullRequest16Icon';

package/dist/es2019/artifacts/glyph/pull-request/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a24b1a67755a5ba2c87adc71b2dbf975>>
+ * @codegen <<SignedSource::540b2fcd902f8d9d1c58646d4e690a5e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/pull-request';
 import NewObjectComponent from '@atlaskit/object/tile/pull-request';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/pull-request/24';
 
 /**
  * __24px `pull-request` icon object__
@@ -35,11 +34,7 @@ const PullRequest24Icon = ({
     appearance: "greenBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 PullRequest24Icon.displayName = 'PullRequest24Icon';

package/dist/es2019/artifacts/glyph/question/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::78144f28802c735132114da21985975d>>
+ * @codegen <<SignedSource::9ca707feaa72823f4cc7cefe8ab778c5>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/question-circle';
 import NewObjectComponent from '@atlaskit/object/question';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/question/16';
 
 /**
  * __16px `question` icon object__
@@ -35,11 +34,7 @@ const Question16Icon = ({
     appearance: "purpleBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Question16Icon.displayName = 'Question16Icon';

package/dist/es2019/artifacts/glyph/question/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::eb7a70ac52bb0b88d45e780996a6c0ea>>
+ * @codegen <<SignedSource::0b51a0839b90eb14c498c46c15d8918e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/question-circle';
 import NewObjectComponent from '@atlaskit/object/tile/question';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/question/24';
 
 /**
  * __24px `question` icon object__
@@ -35,11 +34,7 @@ const Question24Icon = ({
     appearance: "purpleBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Question24Icon.displayName = 'Question24Icon';

package/dist/es2019/artifacts/glyph/story/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1685b4fc52f04ece398eb0605430c0c7>>
+ * @codegen <<SignedSource::02c2e4c6fcb9b0015bd1b68a0c762673>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/story';
 import NewObjectComponent from '@atlaskit/object/story';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/story/16';
 
 /**
  * __16px `story` icon object__
@@ -35,11 +34,7 @@ const Story16Icon = ({
     appearance: "greenBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Story16Icon.displayName = 'Story16Icon';

package/dist/es2019/artifacts/glyph/story/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b4597ddb380d01ec2c568ae75374374c>>
+ * @codegen <<SignedSource::a98939a840df31a0756f191d63d257ff>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/story';
 import NewObjectComponent from '@atlaskit/object/tile/story';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/story/24';
 
 /**
  * __24px `story` icon object__
@@ -35,11 +34,7 @@ const Story24Icon = ({
     appearance: "greenBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Story24Icon.displayName = 'Story24Icon';

package/dist/es2019/artifacts/glyph/subtask/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0cc847f846180f0cd10c66248eaaf2bc>>
+ * @codegen <<SignedSource::f191b3c4b7a0c5c02899e9dd54ac8e7d>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/subtasks';
 import NewObjectComponent from '@atlaskit/object/subtask';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/subtask/16';
 
 /**
  * __16px `subtask` icon object__
@@ -35,11 +34,7 @@ const Subtask16Icon = ({
     appearance: "blueBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Subtask16Icon.displayName = 'Subtask16Icon';

package/dist/es2019/artifacts/glyph/subtask/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0cd1cfb2be323f5239ae5b0954a72c8c>>
+ * @codegen <<SignedSource::e41d95ebee8f90bed9ec4508fddf79a9>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/subtasks';
 import NewObjectComponent from '@atlaskit/object/tile/subtask';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/subtask/24';
 
 /**
  * __24px `subtask` icon object__
@@ -35,11 +34,7 @@ const Subtask24Icon = ({
     appearance: "blueBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Subtask24Icon.displayName = 'Subtask24Icon';

package/dist/es2019/artifacts/glyph/task/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e6b99d89e550e86c0138f5b1e187c8dc>>
+ * @codegen <<SignedSource::2bc8e08828f9a805f277ac0cd68a28e5>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/task';
 import NewObjectComponent from '@atlaskit/object/task';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/task/16';
 
 /**
  * __16px `task` icon object__
@@ -35,11 +34,7 @@ const Task16Icon = ({
     appearance: "blueBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Task16Icon.displayName = 'Task16Icon';

package/dist/es2019/artifacts/glyph/task/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e2acdddee49b7b12da0ace734cb7c404>>
+ * @codegen <<SignedSource::7a728eb0ce3823d72139ca7c6943a4ad>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/task';
 import NewObjectComponent from '@atlaskit/object/tile/task';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/task/24';
 
 /**
  * __24px `task` icon object__
@@ -35,11 +34,7 @@ const Task24Icon = ({
     appearance: "blueBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Task24Icon.displayName = 'Task24Icon';

package/dist/es2019/index.js

@@ -1 +1,2 @@
-export { default } from '@atlaskit/icon/base';
+export { Icon } from './internal/icon';
+export { default } from './internal/icon';

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

@@ -0,0 +1,30 @@
+._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/internal/icon.js

@@ -0,0 +1,79 @@
+/* icon.tsx generated by @compiled/babel-plugin v0.38.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__
+ *
+ * Replica of deprecated legacy icon/base
+ *
+ */
+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/esm/artifacts/glyph/blog/16.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e6b93337f36ffac31a7f5ddc218efa27>>
+ * @codegen <<SignedSource::3c5b208298a62048cc6209816cc87c01>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/quotation-mark';
 import NewObjectComponent from '@atlaskit/object/blog';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/blog/16';
 
 /**
  * __16px `blog` icon object__
@@ -34,11 +33,7 @@ var Blog16Icon = function Blog16Icon(_ref) {
     appearance: "blueBold",
     size: "16",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Blog16Icon.displayName = 'Blog16Icon';

package/dist/esm/artifacts/glyph/blog/24.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3a086b223ba4be94437667e075ae208a>>
+ * @codegen <<SignedSource::d7cf2d6e617a726159cd4aa75f204fc7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';
@@ -8,7 +8,6 @@ import { IconTile } from '@atlaskit/icon';
 import NewIcon from '@atlaskit/icon/core/quotation-mark';
 import NewObjectComponent from '@atlaskit/object/tile/blog';
 import { fg } from '@atlaskit/platform-feature-flags';
-import IconObjectOld from '../../glyph-legacy/blog/24';
 
 /**
  * __24px `blog` icon object__
@@ -34,11 +33,7 @@ var Blog24Icon = function Blog24Icon(_ref) {
     appearance: "blueBold",
     size: "24",
     label: label,
-    testId: testId,
-    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(IconObjectOld, {
-      label: label,
-      testId: testId
-    })
+    testId: testId
   });
 };
 Blog24Icon.displayName = 'Blog24Icon';