@atlaskit/editor-plugin-loom 3.1.2 → 3.1.3

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,13 @@
1
1
  # @atlaskit/editor-plugin-loom
2
2
 
3
+ ## 3.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#151581](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151581)
8
+ [`84249bf0ae1c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/84249bf0ae1c4) -
9
+ Update Loom icon to generic video icon
10
+
3
11
  ## 3.1.2
4
12
 
5
13
  ### Patch Changes
@@ -11,7 +11,7 @@ var _reactIntlNext = require("react-intl-next");
11
11
  var _hooks = require("@atlaskit/editor-common/hooks");
12
12
  var _messages = require("@atlaskit/editor-common/messages");
13
13
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
14
- var _logo = require("@atlaskit/logo");
14
+ var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
15
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
16
  /**
17
17
  * @jsxRuntime classic
@@ -54,9 +54,10 @@ var LoomToolbarButtonInternal = /*#__PURE__*/_react.default.forwardRef(function
54
54
  buttonId: _uiMenu.TOOLBAR_BUTTON.RECORD_VIDEO,
55
55
  disabled: disabled,
56
56
  title: label,
57
- iconBefore: (0, _react2.jsx)(_logo.LoomIcon, {
57
+ iconBefore: (0, _react2.jsx)(_video.default, {
58
58
  label: label,
59
- size: "small"
59
+ color: "var(--ds-text, #172B4D)",
60
+ spacing: "spacious"
60
61
  }),
61
62
  selected: selected,
62
63
  onBlur: onBlur,
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _analytics = require("@atlaskit/editor-common/analytics");
10
10
  var _messages = require("@atlaskit/editor-common/messages");
11
11
  var _monitoring = require("@atlaskit/editor-common/monitoring");
12
- var _logo = require("@atlaskit/logo");
12
+ var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
13
13
  var _commands = require("../commands");
14
14
  var _pmPlugin = require("../pm-plugin");
15
15
  var getQuickInsertItem = exports.getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI) {
@@ -22,8 +22,10 @@ var getQuickInsertItem = exports.getQuickInsertItem = function getQuickInsertIte
22
22
  keywords: ['loom', 'record', 'video'],
23
23
  priority: 800,
24
24
  icon: function icon() {
25
- return /*#__PURE__*/_react.default.createElement(_logo.LoomIcon, {
26
- appearance: "brand"
25
+ return /*#__PURE__*/_react.default.createElement(_video.default, {
26
+ label: "",
27
+ color: "var(--ds-text, #172B4D)",
28
+ spacing: "spacious"
27
29
  });
28
30
  },
29
31
  action: function action(insert, editorState) {
@@ -10,7 +10,7 @@ import { injectIntl } from 'react-intl-next';
10
10
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
11
11
  import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
12
12
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
13
- import { LoomIcon } from '@atlaskit/logo';
13
+ import VideoIcon from '@atlaskit/icon/core/video';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
16
16
  // Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
@@ -50,9 +50,10 @@ const LoomToolbarButtonInternal = /*#__PURE__*/React.forwardRef(({
50
50
  buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
51
51
  disabled: disabled,
52
52
  title: label,
53
- iconBefore: jsx(LoomIcon, {
53
+ iconBefore: jsx(VideoIcon, {
54
54
  label: label,
55
- size: "small"
55
+ color: "var(--ds-text, #172B4D)",
56
+ spacing: "spacious"
56
57
  }),
57
58
  selected: selected,
58
59
  onBlur: onBlur,
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
4
4
  import { logException } from '@atlaskit/editor-common/monitoring';
5
- import { LoomIcon } from '@atlaskit/logo';
5
+ import VideoIcon from '@atlaskit/icon/core/video';
6
6
  import { recordVideo, recordVideoFailed } from '../commands';
7
7
  import { loomPluginKey } from '../pm-plugin';
8
8
  export const getQuickInsertItem = editorAnalyticsAPI => ({
@@ -13,8 +13,10 @@ export const getQuickInsertItem = editorAnalyticsAPI => ({
13
13
  description: formatMessage(toolbarInsertBlockMessages.recordVideoDescription),
14
14
  keywords: ['loom', 'record', 'video'],
15
15
  priority: 800,
16
- icon: () => /*#__PURE__*/React.createElement(LoomIcon, {
17
- appearance: "brand"
16
+ icon: () => /*#__PURE__*/React.createElement(VideoIcon, {
17
+ label: "",
18
+ color: "var(--ds-text, #172B4D)",
19
+ spacing: "spacious"
18
20
  }),
19
21
  action(insert, editorState) {
20
22
  var _recordVideo;
@@ -10,7 +10,7 @@ import { injectIntl } from 'react-intl-next';
10
10
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
11
11
  import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
12
12
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
13
- import { LoomIcon } from '@atlaskit/logo';
13
+ import VideoIcon from '@atlaskit/icon/core/video';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  // This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
16
16
  // Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
@@ -46,9 +46,10 @@ var LoomToolbarButtonInternal = /*#__PURE__*/React.forwardRef(function (_ref, re
46
46
  buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
47
47
  disabled: disabled,
48
48
  title: label,
49
- iconBefore: jsx(LoomIcon, {
49
+ iconBefore: jsx(VideoIcon, {
50
50
  label: label,
51
- size: "small"
51
+ color: "var(--ds-text, #172B4D)",
52
+ spacing: "spacious"
52
53
  }),
53
54
  selected: selected,
54
55
  onBlur: onBlur,
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
4
4
  import { logException } from '@atlaskit/editor-common/monitoring';
5
- import { LoomIcon } from '@atlaskit/logo';
5
+ import VideoIcon from '@atlaskit/icon/core/video';
6
6
  import { recordVideo, recordVideoFailed } from '../commands';
7
7
  import { loomPluginKey } from '../pm-plugin';
8
8
  export var getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI) {
@@ -15,8 +15,10 @@ export var getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI)
15
15
  keywords: ['loom', 'record', 'video'],
16
16
  priority: 800,
17
17
  icon: function icon() {
18
- return /*#__PURE__*/React.createElement(LoomIcon, {
19
- appearance: "brand"
18
+ return /*#__PURE__*/React.createElement(VideoIcon, {
19
+ label: "",
20
+ color: "var(--ds-text, #172B4D)",
21
+ spacing: "spacious"
20
22
  });
21
23
  },
22
24
  action: function action(insert, editorState) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-loom",
3
- "version": "3.1.2",
3
+ "version": "3.1.3",
4
4
  "description": "Loom plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,15 +35,16 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@atlaskit/button": "^20.2.0",
38
- "@atlaskit/editor-common": "^93.1.0",
39
- "@atlaskit/editor-plugin-analytics": "^1.8.0",
40
- "@atlaskit/editor-plugin-hyperlink": "^3.0.0",
38
+ "@atlaskit/editor-common": "^93.3.0",
39
+ "@atlaskit/editor-plugin-analytics": "^1.9.0",
40
+ "@atlaskit/editor-plugin-hyperlink": "^3.1.0",
41
41
  "@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
42
42
  "@atlaskit/editor-plugin-quick-insert": "^1.4.0",
43
43
  "@atlaskit/editor-plugin-width": "^1.3.0",
44
44
  "@atlaskit/editor-prosemirror": "6.0.0",
45
- "@atlaskit/logo": "^14.3.0",
45
+ "@atlaskit/icon": "22.22.0",
46
46
  "@atlaskit/platform-feature-flags": "0.3.0",
47
+ "@atlaskit/tokens": "2.0.2",
47
48
  "@babel/runtime": "^7.0.0",
48
49
  "@emotion/react": "^11.7.1",
49
50
  "@loomhq/record-sdk": "^2.36.18"
@@ -58,8 +59,8 @@
58
59
  }
59
60
  },
60
61
  "devDependencies": {
61
- "@atlaskit/editor-plugin-base": "^1.11.0",
62
- "@atlaskit/editor-plugin-card": "^4.0.0",
62
+ "@atlaskit/editor-plugin-base": "^1.12.0",
63
+ "@atlaskit/editor-plugin-card": "^4.3.0",
63
64
  "@atlaskit/editor-plugin-copy-button": "^1.3.0",
64
65
  "@atlaskit/editor-plugin-decorations": "^1.3.0",
65
66
  "@atlaskit/editor-plugin-editor-disabled": "^1.3.0",