@atlaskit/icon-file-type 7.0.7 → 7.0.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/icon-file-type
 
+## 7.0.9
+
+### Patch Changes
+
+- [`cba951d9c882d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cba951d9c882d) -
+  Remove icon/base dependency. Uses local version of icon base.
+- Updated dependencies
+
+## 7.0.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.0.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,11 +1,12 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__icon-file-type",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",
@@ -25,6 +26,9 @@
 	"references": [
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
 		}
 	]
 }

package/afm-jira/tsconfig.json

@@ -1,11 +1,12 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__icon-file-type/app",
+		"outDir": "../../../../../jira/tsDist/@atlaskit__icon-file-type/app",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",
@@ -25,6 +26,9 @@
 	"references": [
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
 		}
 	]
 }

package/afm-products/tsconfig.json

@@ -1,11 +1,12 @@
 {
-	"extends": "../../../../tsconfig.entry-points.products.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__icon-file-type/app",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",
@@ -25,6 +26,9 @@
 	"references": [
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-products/tsconfig.json"
 		}
 	]
 }

package/dist/cjs/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _base.default;
+    return _icon.default;
   }
 });
-var _base = _interopRequireDefault(require("@atlaskit/icon/base"));
+var _icon = _interopRequireDefault(require("./internal/icon"));

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

@@ -0,0 +1,88 @@
+/* icon.tsx generated by @compiled/babel-plugin v0.38.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__
+ *
+ * Replica of deprecated legacy icon/base
+ *
+ */
+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/es2019/index.js

@@ -1 +1 @@
-export { default } from '@atlaskit/icon/base';
+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/index.js

@@ -1 +1 @@
-export { default } from '@atlaskit/icon/base';
+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/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import type { IconProps } from '@atlaskit/icon/types';
+/**
+ * __Icon__
+ *
+ * Replica of deprecated legacy icon/base
+ *
+ */
+export declare const Icon: import('react').NamedExoticComponent<IconProps>;
+export default Icon;

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

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

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

@@ -0,0 +1,9 @@
+import type { IconProps } from '@atlaskit/icon/types';
+/**
+ * __Icon__
+ *
+ * Replica of deprecated legacy icon/base
+ *
+ */
+export declare const Icon: import('react').NamedExoticComponent<IconProps>;
+export default Icon;

package/docs/0-intro.tsx

@@ -4,7 +4,7 @@ import { DocsContentTabs } from '@atlaskit/media-test-helpers';
 import UsageTab from './content/usage';
 import PropsDefinitionTab from './content/props-definition';
 
-export default md`
+const _default_1: any = md`
 ### Description
 This package provides the collections of icons for the different types of content used across Atlassian products.
 
@@ -17,3 +17,4 @@ This package provides the collections of icons for the different types of conten
 		/>
 	)}
 `;
+export default _default_1;

package/docs/content/props-definition.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, PropsTable } from '@atlaskit/docs';
 
-export default md`
+const _default_1: any = md`
 # Props
 
 This package utilizes the \`@atlaskit/icon\` component and accepts the following props:
@@ -26,3 +26,4 @@ This package utilizes the \`@atlaskit/icon\` component and accepts the following
 	)}
 
 `;
+export default _default_1;

package/docs/content/usage.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { md } from '@atlaskit/docs';
 import IconExplorer from '../../examples/icon-explorer';
 
-export default md`
+const _default_1: any = md`
 ##
 ## Icon Explorer
   ${
@@ -15,3 +15,4 @@ export default md`
 	}
 
 `;
+export default _default_1;

package/glyph/archive/16.d.ts

@@ -1,6 +1,5 @@
 import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
-export default class extends PureComponent<
-	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
-> {}
+
+export default class extends PureComponent<Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>> {}

package/glyph/archive/16.js

@@ -1,26 +1,16 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-	value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require('react'));
-var _base = require('@atlaskit/icon/base');
-function _interopRequireDefault(e) {
-	return e && e.__esModule ? e : { default: e };
-}
-const Archive16Icon = (props) =>
-	/*#__PURE__*/ _react.default.createElement(
-		_base.Icon,
-		Object.assign(
-			{
-				dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m4 3v2h2V3zm2 2v2h2V5zM6 7v2h2V7zm2 2v2h2V9zm-2.307 2v2h2v-2z"/></svg>`,
-			},
-			props,
-			{
-				size: 'small',
-			},
-		),
-	);
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("../../src/internal/icon.tsx");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Archive16Icon = props => /*#__PURE__*/_react.default.createElement(_icon.Icon, Object.assign({
+  dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m4 3v2h2V3zm2 2v2h2V5zM6 7v2h2V7zm2 2v2h2V9zm-2.307 2v2h2v-2z"/></svg>`
+}, props, {
+  size: "small"
+}));
 Archive16Icon.displayName = 'Archive16Icon';
-var _default = (exports.default = Archive16Icon);
+var _default = exports.default = Archive16Icon;

package/glyph/archive/24.d.ts

@@ -1,6 +1,5 @@
 import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
-export default class extends PureComponent<
-	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
-> {}
+
+export default class extends PureComponent<Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>> {}

package/glyph/archive/24.js

@@ -1,26 +1,16 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-	value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require('react'));
-var _base = require('@atlaskit/icon/base');
-function _interopRequireDefault(e) {
-	return e && e.__esModule ? e : { default: e };
-}
-const Archive24Icon = (props) =>
-	/*#__PURE__*/ _react.default.createElement(
-		_base.Icon,
-		Object.assign(
-			{
-				dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M3 0h18a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3m6 3v3h3V3zm3 3v3h3V6zM9 9v3h3V9zm3 3v3h3v-3zm-3 3v3h3v-3zm3 3v3h3v-3z"/></svg>`,
-			},
-			props,
-			{
-				size: 'medium',
-			},
-		),
-	);
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("../../src/internal/icon.tsx");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Archive24Icon = props => /*#__PURE__*/_react.default.createElement(_icon.Icon, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#758195" fill-rule="evenodd" d="M3 0h18a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3m6 3v3h3V3zm3 3v3h3V6zM9 9v3h3V9zm3 3v3h3v-3zm-3 3v3h3v-3zm3 3v3h3v-3z"/></svg>`
+}, props, {
+  size: "medium"
+}));
 Archive24Icon.displayName = 'Archive24Icon';
-var _default = (exports.default = Archive24Icon);
+var _default = exports.default = Archive24Icon;

package/glyph/archive/48.d.ts

@@ -1,6 +1,5 @@
 import { PureComponent } from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
 
-export default class extends PureComponent<
-	Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>
-> {}
+
+export default class extends PureComponent<Omit<GlyphProps, 'primaryColor' | 'secondaryColor' | 'size'>> {}