@atlaskit/icon 21.8.0 → 21.9.2

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/icon
 
+## 21.9.2
+
+### Minor Changes
+
+- [`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
+
+- Updated dependencies
+
+## 21.9.0
+
+### Minor Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] add single layout support for layout
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.8.0
 
 ### Minor Changes

package/README.md

@@ -11,3 +11,4 @@ yarn add @atlaskit/icon
 ## Usage
 
 Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/design-system/icon).
+For adding a new icon to the icon set please follow the [adding new icons](https://developer.atlassian.com/cloud/framework/atlassian-frontend/documentation/02-adding-new-icons/) documentation.

package/build/index.tsx

@@ -27,5 +27,5 @@ buildIcons(config).then((icons) => {
     'core',
   ]);
 
-  return fs.outputFile(path.resolve(root, 'src/metadata.ts'), iconDocs);
+  return fs.outputFile(path.resolve(root, 'src/metadata.tsx'), iconDocs);
 });

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/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',
@@ -602,6 +607,11 @@ var metaData = {
     componentName: 'EditorItalicIcon',
     package: '@atlaskit/icon/glyph/editor/italic'
   },
+  'editor/layout-single': {
+    keywords: ['editor/layout-single', 'editorlayoutsingle', 'icon', 'core'],
+    componentName: 'EditorLayoutSingleIcon',
+    package: '@atlaskit/icon/glyph/editor/layout-single'
+  },
   'editor/layout-three-equal': {
     keywords: ['editor/layout-three-equal', 'editorlayoutthreeequal', 'icon', 'core'],
     componentName: 'EditorLayoutThreeEqualIcon',
@@ -712,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.8.0",
+	"version": "21.9.2",
 	"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',
@@ -595,6 +600,11 @@ const metaData = {
     componentName: 'EditorItalicIcon',
     package: '@atlaskit/icon/glyph/editor/italic'
   },
+  'editor/layout-single': {
+    keywords: ['editor/layout-single', 'editorlayoutsingle', 'icon', 'core'],
+    componentName: 'EditorLayoutSingleIcon',
+    package: '@atlaskit/icon/glyph/editor/layout-single'
+  },
   'editor/layout-three-equal': {
     keywords: ['editor/layout-three-equal', 'editorlayoutthreeequal', 'icon', 'core'],
     componentName: 'EditorLayoutThreeEqualIcon',
@@ -705,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.8.0",
+	"version": "21.9.2",
 	"sideEffects": false
 }

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',
@@ -595,6 +600,11 @@ var metaData = {
     componentName: 'EditorItalicIcon',
     package: '@atlaskit/icon/glyph/editor/italic'
   },
+  'editor/layout-single': {
+    keywords: ['editor/layout-single', 'editorlayoutsingle', 'icon', 'core'],
+    componentName: 'EditorLayoutSingleIcon',
+    package: '@atlaskit/icon/glyph/editor/layout-single'
+  },
   'editor/layout-three-equal': {
     keywords: ['editor/layout-three-equal', 'editorlayoutthreeequal', 'icon', 'core'],
     componentName: 'EditorLayoutThreeEqualIcon',
@@ -705,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.8.0",
+	"version": "21.9.2",
 	"sideEffects": false
 }

package/dist/types/components/utils.d.ts

@@ -3,4 +3,4 @@ import type { ThemeModes } from '@atlaskit/theme/types';
  * Returns the background color depending on the passed through mode.
  * @param mode
  */
-export declare const getBackground: (mode?: ThemeModes) => "var(--background-default)";
+export declare const getBackground: (mode?: ThemeModes) => "var(--ds-background-default)";

package/glyph/editor/layout-single.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/layout-single.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 EditorLayoutSingleIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
+  dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><rect x="4" y="5" width="16" height="14" rx="2" fill="currentColor"/></svg>`
+}, props));
+
+EditorLayoutSingleIcon.displayName = 'EditorLayoutSingleIcon';
+var _default = EditorLayoutSingleIcon;
+exports.default = _default;

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.8.0",
+  "version": "21.9.2",
   "description": "An icon is used as a visual representation of common actions and commands to provide context.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,8 +35,8 @@
     "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/theme": "^11.5.0",
-    "@atlaskit/tokens": "^0.1.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -48,16 +48,16 @@
     "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.3.0",
+    "@atlaskit/dynamic-table": "^14.4.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.2.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/modal-dialog": "^12.0.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.1.0",
-    "@atlaskit/tooltip": "^17.4.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@babel/core": "^7.12.3",
@@ -81,7 +81,10 @@
   "techstack": {
     "@repo/internal": {
       "design-system": "v1",
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",

package/svgs/editor/layout-single.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="14" rx="2" fill="currentColor"/></svg>

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/layout-single.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="5" width="16" height="14" rx="2" fill="#42526E"/>
+</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>