@atlaskit/icon 21.9.1 → 21.10.1

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/icon
 
+## 21.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.10.0
+
+### Minor Changes
+
+- [`1c835620aa5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c835620aa5) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
+
+  CETI-16 added remove emoji icon so that it appears in mobilekit too
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.9.3
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 21.9.2
+
+### Minor Changes
+
+_WRONG RELEASE TYPE - DON'T USE_
+
+- [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
+
+### Patch Changes
+
+- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- Updated dependencies
+
 ## 21.9.1
 
 ### Patch Changes

package/dist/cjs/components/icon.js

@@ -21,9 +21,9 @@ var _utils = require("./utils");
 
 var _styles = require("./styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var iconStyles = (0, _core.css)({
   display: 'inline-block',

package/dist/cjs/components/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIconSize = exports.sizeStyleMap = exports.commonSVGStyles = void 0;
+exports.sizeStyleMap = exports.getIconSize = exports.commonSVGStyles = void 0;
 
 var _constants = require("../constants");
 

package/dist/cjs/components/utils.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBackground = void 0;
-
-var _tokens = require("@atlaskit/tokens");
-
 var themedBackground = {
-  light: (0, _tokens.token)('color.background.default', '#FFFFFF'),
-  dark: (0, _tokens.token)('color.background.default', '#1B2638')
+  light: "var(--ds-background-default, #FFFFFF)",
+  dark: "var(--ds-background-default, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dimensions = exports.sizeMap = exports.sizes = void 0;
+exports.sizes = exports.sizeMap = exports.dimensions = void 0;
 var sizes = {
   small: '16px',
   medium: '24px',

package/dist/cjs/entry-points/base.js

@@ -5,16 +5,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
-    return _icon.default;
+    return _icon.Icon;
   }
 });
-Object.defineProperty(exports, "Icon", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _icon.Icon;
+    return _icon.default;
   }
 });
 

package/dist/cjs/index.js

@@ -5,34 +5,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function get() {
-    return _icon.default;
+    return _svg.default;
   }
 });
-Object.defineProperty(exports, "SVG", {
+Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function get() {
-    return _svg.default;
+    return _skeleton.default;
   }
 });
-Object.defineProperty(exports, "size", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _constants.sizeMap;
+    return _icon.default;
   }
 });
-Object.defineProperty(exports, "sizes", {
+Object.defineProperty(exports, "size", {
   enumerable: true,
   get: function get() {
-    return _constants.sizes;
+    return _constants.sizeMap;
   }
 });
-Object.defineProperty(exports, "Skeleton", {
+Object.defineProperty(exports, "sizes", {
   enumerable: true,
   get: function get() {
-    return _skeleton.default;
+    return _constants.sizes;
   }
 });
 

package/dist/cjs/metadata.js

@@ -552,6 +552,11 @@ var metaData = {
     componentName: 'EditorFeedbackIcon',
     package: '@atlaskit/icon/glyph/editor/feedback'
   },
+  'editor/file-preview': {
+    keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
+    componentName: 'EditorFilePreviewIcon',
+    package: '@atlaskit/icon/glyph/editor/file-preview'
+  },
   'editor/file': {
     keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
     componentName: 'EditorFileIcon',
@@ -717,6 +722,11 @@ var metaData = {
     componentName: 'EditorRedoIcon',
     package: '@atlaskit/icon/glyph/editor/redo'
   },
+  'editor/remove-emoji': {
+    keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
+    componentName: 'EditorRemoveEmojiIcon',
+    package: '@atlaskit/icon/glyph/editor/remove-emoji'
+  },
   'editor/remove': {
     keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
     componentName: 'EditorRemoveIcon',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.9.1",
+	"version": "21.10.1",
 	"sideEffects": false
 }

package/dist/es2019/components/utils.js

@@ -1,7 +1,6 @@
-import { token } from '@atlaskit/tokens';
 const themedBackground = {
-  light: token('color.background.default', '#FFFFFF'),
-  dark: token('color.background.default', '#1B2638')
+  light: "var(--ds-background-default, #FFFFFF)",
+  dark: "var(--ds-background-default, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/es2019/metadata.js

@@ -545,6 +545,11 @@ const metaData = {
     componentName: 'EditorFeedbackIcon',
     package: '@atlaskit/icon/glyph/editor/feedback'
   },
+  'editor/file-preview': {
+    keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
+    componentName: 'EditorFilePreviewIcon',
+    package: '@atlaskit/icon/glyph/editor/file-preview'
+  },
   'editor/file': {
     keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
     componentName: 'EditorFileIcon',
@@ -710,6 +715,11 @@ const metaData = {
     componentName: 'EditorRedoIcon',
     package: '@atlaskit/icon/glyph/editor/redo'
   },
+  'editor/remove-emoji': {
+    keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
+    componentName: 'EditorRemoveEmojiIcon',
+    package: '@atlaskit/icon/glyph/editor/remove-emoji'
+  },
   'editor/remove': {
     keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
     componentName: 'EditorRemoveIcon',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.9.1",
+	"version": "21.10.1",
 	"sideEffects": false
 }

package/dist/esm/components/icon.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import { memo } from 'react';

package/dist/esm/components/utils.js

@@ -1,7 +1,6 @@
-import { token } from '@atlaskit/tokens';
 var themedBackground = {
-  light: token('color.background.default', '#FFFFFF'),
-  dark: token('color.background.default', '#1B2638')
+  light: "var(--ds-background-default, #FFFFFF)",
+  dark: "var(--ds-background-default, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/esm/metadata.js

@@ -545,6 +545,11 @@ var metaData = {
     componentName: 'EditorFeedbackIcon',
     package: '@atlaskit/icon/glyph/editor/feedback'
   },
+  'editor/file-preview': {
+    keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
+    componentName: 'EditorFilePreviewIcon',
+    package: '@atlaskit/icon/glyph/editor/file-preview'
+  },
   'editor/file': {
     keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
     componentName: 'EditorFileIcon',
@@ -710,6 +715,11 @@ var metaData = {
     componentName: 'EditorRedoIcon',
     package: '@atlaskit/icon/glyph/editor/redo'
   },
+  'editor/remove-emoji': {
+    keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
+    componentName: 'EditorRemoveEmojiIcon',
+    package: '@atlaskit/icon/glyph/editor/remove-emoji'
+  },
   'editor/remove': {
     keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
     componentName: 'EditorRemoveIcon',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.9.1",
+	"version": "21.10.1",
 	"sideEffects": false
 }

package/glyph/editor/remove-emoji.d.ts

@@ -0,0 +1,4 @@
+import { PureComponent } from 'react';
+import type { GlyphProps } from '@atlaskit/icon/types';
+
+export default class extends PureComponent<GlyphProps> {}

package/glyph/editor/remove-emoji.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _base = require("@atlaskit/icon/base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const EditorRemoveEmojiIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><rect width="24" height="24" rx="3" fill="#fff" fill-opacity=".01"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.842 8.67a7 7 0 009.487 9.488l-1.12-1.121A5.47 5.47 0 0112 17.5 5.506 5.506 0 016.5 12a5.5 5.5 0 01.464-2.207L5.842 8.67zm11.195 5.539A5.47 5.47 0 0017.5 12c0-3.033-2.467-5.5-5.5-5.5a5.5 5.5 0 00-2.207.464L8.67 5.842a7 7 0 019.487 9.487l-1.12-1.12z" fill="currentColor"/><rect x="4.319" y="5.556" width="1.75" height="19.976" rx=".875" transform="rotate(-45 4.319 5.556)" fill="currentColor"/></svg>`
+}, props));
+
+EditorRemoveEmojiIcon.displayName = 'EditorRemoveEmojiIcon';
+var _default = EditorRemoveEmojiIcon;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/icon",
-  "version": "21.9.1",
+  "version": "21.10.1",
   "description": "An icon is used as a visual representation of common actions and commands to provide context.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Icon"
@@ -35,8 +34,8 @@
     "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.3.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -45,7 +44,6 @@
   },
   "devDependencies": {
     "@af/icon-build-process": "^0.3.0",
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dynamic-table": "^14.4.0",
@@ -53,7 +51,7 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.2.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/modal-dialog": "^12.1.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.1.0",
@@ -67,7 +65,7 @@
     "fs-extra": "^4.0.2",
     "jest-emotion": "^10.0.32",
     "jscodeshift": "^0.13.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "nullthrows": "^1.1.1",
     "pkg-dir": "^4.2.0",
     "react-dom": "^16.8.0",
@@ -81,7 +79,10 @@
   "techstack": {
     "@repo/internal": {
       "design-system": "v1",
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",

package/svgs/editor/remove-emoji.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" rx="3" fill="#fff" fill-opacity=".01"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.842 8.67a7 7 0 009.487 9.488l-1.12-1.121A5.47 5.47 0 0112 17.5 5.506 5.506 0 016.5 12a5.5 5.5 0 01.464-2.207L5.842 8.67zm11.195 5.539A5.47 5.47 0 0017.5 12c0-3.033-2.467-5.5-5.5-5.5a5.5 5.5 0 00-2.207.464L8.67 5.842a7 7 0 019.487 9.487l-1.12-1.12z" fill="currentColor"/><rect x="4.319" y="5.556" width="1.75" height="19.976" rx=".875" transform="rotate(-45 4.319 5.556)" fill="currentColor"/></svg>

package/svgs_raw/editor/remove-emoji.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="3" fill="white" fill-opacity="0.01"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.84238 8.67075C5.29444 9.68427 5 10.827 5 12C5 13.8565 5.7375 15.637 7.05025 16.9497C8.36301 18.2625 10.1435 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C14.9012 18.375 15.1183 18.2717 15.3292 18.1576L14.2087 17.037C13.5324 17.3347 12.7851 17.5 12 17.5C8.967 17.5 6.5 15.033 6.5 12C6.50084 11.2327 6.66182 10.4821 6.9644 9.79277L5.84238 8.67075ZM17.0371 14.2086C17.3347 13.5323 17.5 12.7851 17.5 12C17.5 8.967 15.033 6.5 12 6.5C11.2327 6.50084 10.4821 6.6618 9.79285 6.96437L8.67083 5.84234C9.68433 5.29442 10.827 5 12 5C12.9193 5 13.8295 5.18106 14.6788 5.53284C15.5281 5.88463 16.2997 6.40024 16.9497 7.05025C17.5998 7.70026 18.1154 8.47194 18.4672 9.32122C18.8189 10.1705 19 11.0807 19 12C19 12.9193 18.8189 13.8295 18.4672 14.6788C18.375 14.9012 18.2717 15.1182 18.1577 15.3292L17.0371 14.2086Z" fill="#42526E"/>
+<rect x="4.31885" y="5.55615" width="1.75" height="19.9758" rx="0.875" transform="rotate(-45 4.31885 5.55615)" fill="#42526E"/>
+</svg>