@atlaskit/icon-file-type 6.3.4 → 6.3.6

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/icon-file-type
 
+## 6.3.6
+
+### Patch Changes
+
+- [`d2f7ffb6b78`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2f7ffb6b78) - [ux] Updated the fill color of the following file icons to use new colors from the new color palette to avoid contrast issue in dark mode:
+
+  - archive
+  - excel-spreadsheet
+  - executable
+  - figma
+  - generic
+  - google-form
+  - presentation
+  - word-document
+
+## 6.3.5
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 6.3.4
 
 ### Patch Changes

package/__tests__/visual-regression/__image_snapshots__/icon-file-type-snapshots-test-ts-icon-file-type-snapshots-should-match-dark-mode-icons-1-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5bf46a1a2129ebcb23f2b491ec8c3b68e54716d7ac2b0232bdd124c87a606696
-size 22631
+oid sha256:a9d69474044be8697e58e9253ae5415d259f7639ad753560b1a737012b0e2e59
+size 22514

package/__tests__/visual-regression/__image_snapshots__/icon-file-type-snapshots-test-ts-icon-file-type-snapshots-should-match-light-mode-icons-1-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:87277c076e38f38c6defcfaaff50e519395ae73a42caf1551f6ea56451c3bcec
-size 21529
+oid sha256:e25b2d5fbdbda27b4ca40ed56817410bcf84823ab9c981e811972dfc1001dd23
+size 21139

package/__tests__/visual-regression/icon-file-type-snapshots.test.ts

@@ -4,7 +4,7 @@ describe('icon file type snapshots', () => {
   it('should match light mode icons', async () => {
     const { __BASEURL__, page } = global as any;
     const url = getExampleUrl(
-      'design-system',
+      'media',
       'icon-file-type',
       'icon-examples',
       __BASEURL__,
@@ -20,7 +20,7 @@ describe('icon file type snapshots', () => {
   it('should match dark mode icons', async () => {
     const { __BASEURL__, page } = global as any;
     const url = getExampleUrl(
-      'design-system',
+      'media',
       'icon-file-type',
       'icon-examples',
       __BASEURL__,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-file-type",
-	"version": "6.3.4",
+	"version": "6.3.6",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-file-type",
-	"version": "6.3.4",
+	"version": "6.3.6",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-file-type",
-	"version": "6.3.4",
+	"version": "6.3.6",
 	"sideEffects": false
 }

package/docs/0-intro.tsx

@@ -16,7 +16,7 @@ export default md`
   ${(
     <Props
       heading=""
-      props={require('!!extract-react-types-loader!../../icon/src/extract-react-types/glyph-no-color-size.tsx')}
+      props={require('!!extract-react-types-loader!../../../design-system/icon/src/extract-react-types/glyph-no-color-size')}
     />
   )}
 `;

package/glyph/archive/16.d.ts

@@ -1,4 +1,6 @@
 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,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-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="#5E6C84" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm4 3v2h2V3H6zm2 2v2h2V5H8zM6 7v2h2V7H6zm2 2v2h2V9H8zm-2.307 2v2h2v-2h-2z"/></svg>`
-}, props, {
-  size: "small"
-}));
+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 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm4 3v2h2V3H6zm2 2v2h2V5H8zM6 7v2h2V7H6zm2 2v2h2V9H8zm-2.307 2v2h2v-2h-2z"/></svg>`,
+      },
+      props,
+      {
+        size: 'small',
+      },
+    ),
+  );
 
 Archive16Icon.displayName = 'Archive16Icon';
 var _default = Archive16Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/archive/24.d.ts

@@ -1,4 +1,6 @@
 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,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-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="#5E6C84" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm6 3v3h3V3H9zm3 3v3h3V6h-3zM9 9v3h3V9H9zm3 3v3h3v-3h-3zm-3 3v3h3v-3H9zm3 3v3h3v-3h-3z"/></svg>`
-}, props, {
-  size: "medium"
-}));
+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 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm6 3v3h3V3H9zm3 3v3h3V6h-3zM9 9v3h3V9H9zm3 3v3h3v-3h-3zm-3 3v3h3v-3H9zm3 3v3h3v-3h-3z"/></svg>`,
+      },
+      props,
+      {
+        size: 'medium',
+      },
+    ),
+  );
 
 Archive24Icon.displayName = 'Archive24Icon';
 var _default = Archive24Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/archive/48.d.ts

@@ -1,4 +1,6 @@
 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/48.js

@@ -1,23 +1,33 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Archive48Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#5E6C84" d="M20.5 21.5H24V25h-3.5v-3.5zM24 25h3.5v3.5H24V25zm-3.5 3.5H24V32h-3.5v-3.5zM24 32h3.5v3.5H24V32zm-3.5 3.5H24V39h-3.5v-3.5zM24 39h3.5v3.5H24V39z"/></g></svg>`
-}, props, {
-  width: 48,
-  height: 64
-}));
+const Archive48Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#758195" d="M20.5 21.5H24V25h-3.5v-3.5zM24 25h3.5v3.5H24V25zm-3.5 3.5H24V32h-3.5v-3.5zM24 32h3.5v3.5H24V32zm-3.5 3.5H24V39h-3.5v-3.5zM24 39h3.5v3.5H24V39z"/></g></svg>`,
+      },
+      props,
+      {
+        width: 48,
+        height: 64,
+      },
+    ),
+  );
 
 Archive48Icon.displayName = 'Archive48Icon';
 var _default = Archive48Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/audio/16.d.ts

@@ -1,4 +1,6 @@
 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/audio/16.js

@@ -1,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Audio16Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#FF5630" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm11 4.195v-.753c0-.271-.23-.468-.514-.44l-6.115.634a.565.565 0 00-.514.545v4.616a2 2 0 00-.571-.083H5a2 2 0 00-2 2V11a2 2 0 002 2h.286a2 2 0 002-2V5.76l4.285-.444v2.767A2 2 0 0011 8h-.286a2 2 0 00-2 2v.286a2 2 0 002 2H11a2 2 0 002-2V4.195z"/></svg>`
-}, props, {
-  size: "small"
-}));
+const Audio16Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#FF5630" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm11 4.195v-.753c0-.271-.23-.468-.514-.44l-6.115.634a.565.565 0 00-.514.545v4.616a2 2 0 00-.571-.083H5a2 2 0 00-2 2V11a2 2 0 002 2h.286a2 2 0 002-2V5.76l4.285-.444v2.767A2 2 0 0011 8h-.286a2 2 0 00-2 2v.286a2 2 0 002 2H11a2 2 0 002-2V4.195z"/></svg>`,
+      },
+      props,
+      {
+        size: 'small',
+      },
+    ),
+  );
 
 Audio16Icon.displayName = 'Audio16Icon';
 var _default = Audio16Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/audio/24.d.ts

@@ -1,4 +1,6 @@
 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/audio/24.js

@@ -1,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Audio24Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#FF5630" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm16 6.673V5.619c0-.38-.322-.656-.72-.615l-8.56.886c-.41.043-.72.383-.72.764v6.462A2.8 2.8 0 008.2 13h-.4A2.8 2.8 0 005 15.8v.4A2.8 2.8 0 007.8 19h.4a2.8 2.8 0 002.8-2.8V8.863l6-.62v3.873a2.8 2.8 0 00-.8-.116h-.4a2.8 2.8 0 00-2.8 2.8v.4a2.8 2.8 0 002.8 2.8h.4a2.8 2.8 0 002.8-2.8V6.673z"/></svg>`
-}, props, {
-  size: "medium"
-}));
+const Audio24Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#FF5630" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm16 6.673V5.619c0-.38-.322-.656-.72-.615l-8.56.886c-.41.043-.72.383-.72.764v6.462A2.8 2.8 0 008.2 13h-.4A2.8 2.8 0 005 15.8v.4A2.8 2.8 0 007.8 19h.4a2.8 2.8 0 002.8-2.8V8.863l6-.62v3.873a2.8 2.8 0 00-.8-.116h-.4a2.8 2.8 0 00-2.8 2.8v.4a2.8 2.8 0 002.8 2.8h.4a2.8 2.8 0 002.8-2.8V6.673z"/></svg>`,
+      },
+      props,
+      {
+        size: 'medium',
+      },
+    ),
+  );
 
 Audio24Icon.displayName = 'Audio24Icon';
 var _default = Audio24Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/audio/48.d.ts

@@ -1,4 +1,6 @@
 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/audio/48.js

@@ -1,23 +1,33 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Audio48Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#FF5630" d="M32.167 25.785v9.948A3.267 3.267 0 0128.9 39h-.467a3.267 3.267 0 01-3.266-3.267v-.466A3.267 3.267 0 0128.433 32h.467c.324 0 .638.047.933.135v-4.52l-7 .726V36.9a3.267 3.267 0 01-3.266 3.267H19.1a3.267 3.267 0 01-3.267-3.267v-.467a3.267 3.267 0 013.267-3.266h.467c.324 0 .637.047.933.135v-7.539c0-.444.362-.842.839-.89l9.989-1.035c.463-.048.839.274.839.717v1.23z"/></g></svg>`
-}, props, {
-  width: 48,
-  height: 64
-}));
+const Audio48Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#FF5630" d="M32.167 25.785v9.948A3.267 3.267 0 0128.9 39h-.467a3.267 3.267 0 01-3.266-3.267v-.466A3.267 3.267 0 0128.433 32h.467c.324 0 .638.047.933.135v-4.52l-7 .726V36.9a3.267 3.267 0 01-3.266 3.267H19.1a3.267 3.267 0 01-3.267-3.267v-.467a3.267 3.267 0 013.267-3.266h.467c.324 0 .637.047.933.135v-7.539c0-.444.362-.842.839-.89l9.989-1.035c.463-.048.839.274.839.717v1.23z"/></g></svg>`,
+      },
+      props,
+      {
+        width: 48,
+        height: 64,
+      },
+    ),
+  );
 
 Audio48Icon.displayName = 'Audio48Icon';
 var _default = Audio48Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/document/16.d.ts

@@ -1,4 +1,6 @@
 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/document/16.js

@@ -1,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Document16Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#2684FF" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm2 3a1 1 0 100 2h8a1 1 0 000-2H4zm0 4a1 1 0 100 2h8a1 1 0 000-2H4zm0 4a1 1 0 000 2h4a1 1 0 000-2H4z"/></svg>`
-}, props, {
-  size: "small"
-}));
+const Document16Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="16" height="16" viewBox="0 0 16 16" role="presentation"><path fill="#2684FF" fill-rule="evenodd" d="M2 0h12a2 2 0 012 2v12a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2zm2 3a1 1 0 100 2h8a1 1 0 000-2H4zm0 4a1 1 0 100 2h8a1 1 0 000-2H4zm0 4a1 1 0 000 2h4a1 1 0 000-2H4z"/></svg>`,
+      },
+      props,
+      {
+        size: 'small',
+      },
+    ),
+  );
 
 Document16Icon.displayName = 'Document16Icon';
 var _default = Document16Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/document/24.d.ts

@@ -1,4 +1,6 @@
 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/document/24.js

@@ -1,22 +1,32 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Document24Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#2684FF" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm1 18c0 .556.446 1 .995 1h8.01c.54 0 .995-.448.995-1 0-.556-.446-1-.995-1h-8.01c-.54 0-.995.448-.995 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1z"/></svg>`
-}, props, {
-  size: "medium"
-}));
+const Document24Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="#2684FF" fill-rule="evenodd" d="M3 0h18a3 3 0 013 3v18a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm1 18c0 .556.446 1 .995 1h8.01c.54 0 .995-.448.995-1 0-.556-.446-1-.995-1h-8.01c-.54 0-.995.448-.995 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1zm0-4c0 .556.448 1 1 1h14c.555 0 1-.448 1-1 0-.556-.448-1-1-1H5c-.555 0-1 .448-1 1z"/></svg>`,
+      },
+      props,
+      {
+        size: 'medium',
+      },
+    ),
+  );
 
 Document24Icon.displayName = 'Document24Icon';
 var _default = Document24Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/document/48.d.ts

@@ -1,4 +1,6 @@
 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/document/48.js

@@ -1,23 +1,33 @@
-"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 _react = _interopRequireDefault(require('react'));
 
-var _base = require("@atlaskit/icon/base");
+var _base = require('@atlaskit/icon/base');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-const Document48Icon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
-  dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#2684FF" d="M14.667 39c0-.644.531-1.167 1.161-1.167h9.344c.641 0 1.161.518 1.161 1.167 0 .644-.531 1.167-1.161 1.167h-9.344A1.161 1.161 0 0114.667 39zm0-4.667c0-.644.518-1.166 1.167-1.166h16.332c.645 0 1.167.518 1.167 1.166 0 .645-.518 1.167-1.167 1.167H15.834a1.164 1.164 0 01-1.167-1.167zm0-4.666c0-.645.518-1.167 1.167-1.167h16.332c.645 0 1.167.518 1.167 1.167 0 .644-.518 1.166-1.167 1.166H15.834a1.164 1.164 0 01-1.167-1.166zm0-4.667c0-.644.518-1.167 1.167-1.167h16.332c.645 0 1.167.518 1.167 1.167 0 .644-.518 1.167-1.167 1.167H15.834A1.164 1.164 0 0114.667 25z"/></g></svg>`
-}, props, {
-  width: 48,
-  height: 64
-}));
+const Document48Icon = (props) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _base.Icon,
+    Object.assign(
+      {
+        dangerouslySetGlyph: `<svg width="48" height="64" viewBox="0 0 48 64" role="presentation"><g fill-rule="evenodd"><path fill="#FFF" stroke="#091E42" stroke-opacity=".08" d="M4 .5h28.007a3.5 3.5 0 012.52 1.072l11.994 12.45a3.5 3.5 0 01.979 2.429V60a3.5 3.5 0 01-3.5 3.5H4A3.5 3.5 0 01.5 60V4A3.5 3.5 0 014 .5z"/><path fill="#2684FF" d="M14.667 39c0-.644.531-1.167 1.161-1.167h9.344c.641 0 1.161.518 1.161 1.167 0 .644-.531 1.167-1.161 1.167h-9.344A1.161 1.161 0 0114.667 39zm0-4.667c0-.644.518-1.166 1.167-1.166h16.332c.645 0 1.167.518 1.167 1.166 0 .645-.518 1.167-1.167 1.167H15.834a1.164 1.164 0 01-1.167-1.167zm0-4.666c0-.645.518-1.167 1.167-1.167h16.332c.645 0 1.167.518 1.167 1.167 0 .644-.518 1.166-1.167 1.166H15.834a1.164 1.164 0 01-1.167-1.166zm0-4.667c0-.644.518-1.167 1.167-1.167h16.332c.645 0 1.167.518 1.167 1.167 0 .644-.518 1.167-1.167 1.167H15.834A1.164 1.164 0 0114.667 25z"/></g></svg>`,
+      },
+      props,
+      {
+        width: 48,
+        height: 64,
+      },
+    ),
+  );
 
 Document48Icon.displayName = 'Document48Icon';
 var _default = Document48Icon;
-exports.default = _default;
+exports.default = _default;

package/glyph/excel-spreadsheet/16.d.ts

@@ -1,4 +1,6 @@
 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'>
+> {}