@atlaskit/icon 21.9.1 → 21.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 21.9.2
4
+
5
+ ### Minor Changes
6
+
7
+ - [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
8
+
9
+ ### Patch Changes
10
+
11
+ - [`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.
12
+ - Updated dependencies
13
+
3
14
  ## 21.9.1
4
15
 
5
16
  ### Patch Changes
@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getBackground = void 0;
7
-
8
- var _tokens = require("@atlaskit/tokens");
9
-
10
7
  var themedBackground = {
11
- light: (0, _tokens.token)('color.background.default', '#FFFFFF'),
12
- dark: (0, _tokens.token)('color.background.default', '#1B2638')
8
+ light: "var(--ds-background-default, #FFFFFF)",
9
+ dark: "var(--ds-background-default, #1B2638)"
13
10
  };
14
11
  /**
15
12
  * Returns the background color depending on the passed through mode.
@@ -552,6 +552,11 @@ var metaData = {
552
552
  componentName: 'EditorFeedbackIcon',
553
553
  package: '@atlaskit/icon/glyph/editor/feedback'
554
554
  },
555
+ 'editor/file-preview': {
556
+ keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
557
+ componentName: 'EditorFilePreviewIcon',
558
+ package: '@atlaskit/icon/glyph/editor/file-preview'
559
+ },
555
560
  'editor/file': {
556
561
  keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
557
562
  componentName: 'EditorFileIcon',
@@ -717,6 +722,11 @@ var metaData = {
717
722
  componentName: 'EditorRedoIcon',
718
723
  package: '@atlaskit/icon/glyph/editor/redo'
719
724
  },
725
+ 'editor/remove-emoji': {
726
+ keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
727
+ componentName: 'EditorRemoveEmojiIcon',
728
+ package: '@atlaskit/icon/glyph/editor/remove-emoji'
729
+ },
720
730
  'editor/remove': {
721
731
  keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
722
732
  componentName: 'EditorRemoveIcon',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.9.1",
3
+ "version": "21.9.2",
4
4
  "sideEffects": false
5
5
  }
@@ -1,7 +1,6 @@
1
- import { token } from '@atlaskit/tokens';
2
1
  const themedBackground = {
3
- light: token('color.background.default', '#FFFFFF'),
4
- dark: token('color.background.default', '#1B2638')
2
+ light: "var(--ds-background-default, #FFFFFF)",
3
+ dark: "var(--ds-background-default, #1B2638)"
5
4
  };
6
5
  /**
7
6
  * Returns the background color depending on the passed through mode.
@@ -545,6 +545,11 @@ const metaData = {
545
545
  componentName: 'EditorFeedbackIcon',
546
546
  package: '@atlaskit/icon/glyph/editor/feedback'
547
547
  },
548
+ 'editor/file-preview': {
549
+ keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
550
+ componentName: 'EditorFilePreviewIcon',
551
+ package: '@atlaskit/icon/glyph/editor/file-preview'
552
+ },
548
553
  'editor/file': {
549
554
  keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
550
555
  componentName: 'EditorFileIcon',
@@ -710,6 +715,11 @@ const metaData = {
710
715
  componentName: 'EditorRedoIcon',
711
716
  package: '@atlaskit/icon/glyph/editor/redo'
712
717
  },
718
+ 'editor/remove-emoji': {
719
+ keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
720
+ componentName: 'EditorRemoveEmojiIcon',
721
+ package: '@atlaskit/icon/glyph/editor/remove-emoji'
722
+ },
713
723
  'editor/remove': {
714
724
  keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
715
725
  componentName: 'EditorRemoveIcon',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.9.1",
3
+ "version": "21.9.2",
4
4
  "sideEffects": false
5
5
  }
@@ -1,7 +1,6 @@
1
- import { token } from '@atlaskit/tokens';
2
1
  var themedBackground = {
3
- light: token('color.background.default', '#FFFFFF'),
4
- dark: token('color.background.default', '#1B2638')
2
+ light: "var(--ds-background-default, #FFFFFF)",
3
+ dark: "var(--ds-background-default, #1B2638)"
5
4
  };
6
5
  /**
7
6
  * Returns the background color depending on the passed through mode.
@@ -545,6 +545,11 @@ var metaData = {
545
545
  componentName: 'EditorFeedbackIcon',
546
546
  package: '@atlaskit/icon/glyph/editor/feedback'
547
547
  },
548
+ 'editor/file-preview': {
549
+ keywords: ['editor/file-preview', 'editorfilepreview', 'icon', 'core'],
550
+ componentName: 'EditorFilePreviewIcon',
551
+ package: '@atlaskit/icon/glyph/editor/file-preview'
552
+ },
548
553
  'editor/file': {
549
554
  keywords: ['editor/file', 'editorfile', 'page', 'document', 'paper', 'sheet', 'icon', 'core'],
550
555
  componentName: 'EditorFileIcon',
@@ -710,6 +715,11 @@ var metaData = {
710
715
  componentName: 'EditorRedoIcon',
711
716
  package: '@atlaskit/icon/glyph/editor/redo'
712
717
  },
718
+ 'editor/remove-emoji': {
719
+ keywords: ['editor/remove-emoji', 'editorremoveemoji', 'icon', 'core'],
720
+ componentName: 'EditorRemoveEmojiIcon',
721
+ package: '@atlaskit/icon/glyph/editor/remove-emoji'
722
+ },
713
723
  'editor/remove': {
714
724
  keywords: ['editor/remove', 'editorremove', 'bin', 'trash', 'recycle', 'delete', 'icon', 'core'],
715
725
  componentName: 'EditorRemoveIcon',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.9.1",
3
+ "version": "21.9.2",
4
4
  "sideEffects": false
5
5
  }
@@ -0,0 +1,4 @@
1
+ import { PureComponent } from 'react';
2
+ import type { GlyphProps } from '@atlaskit/icon/types';
3
+
4
+ export default class extends PureComponent<GlyphProps> {}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _base = require("@atlaskit/icon/base");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ const EditorRemoveEmojiIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
15
+ 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>`
16
+ }, props));
17
+
18
+ EditorRemoveEmojiIcon.displayName = 'EditorRemoveEmojiIcon';
19
+ var _default = EditorRemoveEmojiIcon;
20
+ exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "21.9.1",
3
+ "version": "21.9.2",
4
4
  "description": "An icon is used as a visual representation of common actions and commands to provide context.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@atlaskit/theme": "^12.0.0",
39
- "@atlaskit/tokens": "^0.3.0",
39
+ "@atlaskit/tokens": "^0.4.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/core": "^10.0.9"
42
42
  },
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/icon-object": "^6.2.0",
54
54
  "@atlaskit/icon-priority": "^6.2.0",
55
55
  "@atlaskit/logo": "^13.5.0",
56
- "@atlaskit/modal-dialog": "^12.1.0",
56
+ "@atlaskit/modal-dialog": "^12.2.0",
57
57
  "@atlaskit/section-message": "^6.1.0",
58
58
  "@atlaskit/ssr": "*",
59
59
  "@atlaskit/textfield": "^5.1.0",
@@ -81,7 +81,10 @@
81
81
  "techstack": {
82
82
  "@repo/internal": {
83
83
  "design-system": "v1",
84
- "styling": "emotion",
84
+ "styling": [
85
+ "static",
86
+ "emotion"
87
+ ],
85
88
  "ui-components": "lite-mode",
86
89
  "analytics": "analytics-next",
87
90
  "theming": "tokens",
@@ -0,0 +1 @@
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>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="24" height="24" rx="3" fill="white" fill-opacity="0.01"/>
3
+ <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"/>
4
+ <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"/>
5
+ </svg>