@atlaskit/icon-object 7.4.1 → 7.4.2

package/dist/esm/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__
@@ -34,11 +33,7 @@ var Page24Icon = function Page24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var PageLiveDoc16Icon = function PageLiveDoc16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var PageLiveDoc24Icon = function PageLiveDoc24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Problem16Icon = function Problem16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Problem24Icon = function Problem24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var PullRequest16Icon = function PullRequest16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var PullRequest24Icon = function PullRequest24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Question16Icon = function Question16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Question24Icon = function Question24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Story16Icon = function Story16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Story24Icon = function Story24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Subtask16Icon = function Subtask16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Subtask24Icon = function Subtask24Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Task16Icon = function Task16Icon(_ref) {
     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/esm/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__
@@ -34,11 +33,7 @@ var Task24Icon = function Task24Icon(_ref) {
     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/esm/index.js

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

package/dist/esm/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/esm/internal/icon.js

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

@@ -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';

package/dist/types/artifacts/glyph/blog/24.d.ts

@@ -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';

package/dist/types/artifacts/glyph/branch/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0c8341e9bac8ea27b304b666e62ee8b6>>
+ * @codegen <<SignedSource::8445d8c0728c22e4bde503bfcfda270a>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/branch/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::080d00e172ed33a0abde136c3fb5c442>>
+ * @codegen <<SignedSource::fa937fd0136703ac39f5e57600b7c2b8>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/bug/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::110169c003ac8508758f2446325a9218>>
+ * @codegen <<SignedSource::9f5a6df851e4ad5ee6cfe6050a1f4c6f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/bug/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d2ba9e56bd72aa979f3fa0664eb44dae>>
+ * @codegen <<SignedSource::8b6e60cd3b420d8ca0df4be2e33a67ac>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/calendar/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2ecd6f14e8c3ea03758d37d6fc7afc90>>
+ * @codegen <<SignedSource::4d7cb9a8f574ccf1cef23e248026e1d7>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/calendar/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2edd1586a71eee7d5b267fdaf8ba2fae>>
+ * @codegen <<SignedSource::9de6e9c48032fde072f0333ed512f5cf>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/changes/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::70ac6a8d6877c0af25af46af329f502f>>
+ * @codegen <<SignedSource::82b6a641c5248ab37f8e30d6c9e75e76>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/changes/24.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::91302a5b198eaa429fccc2e19b817803>>
+ * @codegen <<SignedSource::dea1bc1c95e514447bbaa9285d03d483>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';

package/dist/types/artifacts/glyph/code/16.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::29197e2a5a763515d0dd374fbfd0f960>>
+ * @codegen <<SignedSource::6b6197bd7537bc7f66a7a7335ac9633e>>
  * @codegenCommand yarn build:icon-glyphs
  */
 import React from 'react';