@atlaskit/editor-plugin-highlight 2.2.1 → 2.2.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 +8 -0
- package/dist/cjs/ui/FloatingToolbarHighlightColor.js +4 -4
- package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +2 -3
- package/dist/cjs/ui/shared/EditorHighlightIcon.js +3 -3
- package/dist/es2019/ui/FloatingToolbarHighlightColor.js +4 -4
- package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +2 -3
- package/dist/es2019/ui/shared/EditorHighlightIcon.js +2 -2
- package/dist/esm/ui/FloatingToolbarHighlightColor.js +4 -4
- package/dist/esm/ui/PrimaryToolbarHighlightColor.js +2 -3
- package/dist/esm/ui/shared/EditorHighlightIcon.js +2 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-highlight
|
|
2
2
|
|
|
3
|
+
## 2.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#131510](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131510)
|
|
8
|
+
[`0433df7db759b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0433df7db759b) -
|
|
9
|
+
ENGHEALTH-23697 Iconography uplift for editor-plugin-highlight
|
|
10
|
+
|
|
3
11
|
## 2.2.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -18,8 +18,7 @@ var _styles = require("@atlaskit/editor-common/styles");
|
|
|
18
18
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
19
19
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
20
20
|
var _highlight = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
|
|
21
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/
|
|
22
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
|
|
21
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
|
|
23
22
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
24
23
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
25
24
|
var _EditorHighlightIcon = require("./shared/EditorHighlightIcon");
|
|
@@ -120,7 +119,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
|
|
|
120
119
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
121
120
|
(0, _react2.jsx)("span", {
|
|
122
121
|
css: _styles.expandIconContainerStyle
|
|
123
|
-
}, (0, _react2.jsx)(
|
|
122
|
+
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
124
123
|
label: "",
|
|
125
124
|
color: "currentColor"
|
|
126
125
|
}))) : (0, _react2.jsx)("span", {
|
|
@@ -134,7 +133,8 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
|
|
|
134
133
|
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : (0, _react2.jsx)("span", {
|
|
135
134
|
css: expandIconContainerHighlightStyle
|
|
136
135
|
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
137
|
-
label: ""
|
|
136
|
+
label: "",
|
|
137
|
+
color: "currentColor"
|
|
138
138
|
}))
|
|
139
139
|
}, (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && formatMessage(_messages.highlightMessages.highlightFloatingToolbar)),
|
|
140
140
|
onColorChange: function onColorChange(color) {
|
|
@@ -17,8 +17,7 @@ var _styles = require("@atlaskit/editor-common/styles");
|
|
|
17
17
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
18
18
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
19
19
|
var _highlight = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
|
|
20
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/
|
|
21
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
|
|
20
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
|
|
22
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
23
22
|
var _primitives = require("@atlaskit/primitives");
|
|
24
23
|
var _palette = require("../editor-commands/palette");
|
|
@@ -121,7 +120,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
|
|
|
121
120
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
122
121
|
(0, _react2.jsx)("span", {
|
|
123
122
|
css: _styles.expandIconContainerStyle
|
|
124
|
-
}, (0, _react2.jsx)(
|
|
123
|
+
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
125
124
|
label: "",
|
|
126
125
|
color: "currentColor"
|
|
127
126
|
}))) : (0, _react2.jsx)(_primitives.Flex, null, (0, _react2.jsx)(_EditorHighlightIcon.EditorHighlightIcon, {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.EditorHighlightIcon = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _icons = require("@atlaskit/editor-common/icons");
|
|
10
|
-
var
|
|
10
|
+
var _editEditFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/edit--edit-filled"));
|
|
11
11
|
var _primitives = require("@atlaskit/primitives");
|
|
12
12
|
var EditorHighlightIcon = exports.EditorHighlightIcon = function EditorHighlightIcon(_ref) {
|
|
13
13
|
var disabled = _ref.disabled,
|
|
@@ -17,8 +17,8 @@ var EditorHighlightIcon = exports.EditorHighlightIcon = function EditorHighlight
|
|
|
17
17
|
}, /*#__PURE__*/_react.default.createElement(_icons.SteppedRainbowIconDecoration, {
|
|
18
18
|
selectedColor: selectedColor,
|
|
19
19
|
disabled: disabled,
|
|
20
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
21
|
-
|
|
20
|
+
icon: /*#__PURE__*/_react.default.createElement(_editEditFilled.default, {
|
|
21
|
+
LEGACY_size: "small",
|
|
22
22
|
label: ""
|
|
23
23
|
})
|
|
24
24
|
}));
|
|
@@ -16,8 +16,7 @@ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStyles
|
|
|
16
16
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
17
17
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
18
18
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
19
|
-
import
|
|
20
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
19
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
21
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
23
22
|
import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
|
|
@@ -126,8 +125,9 @@ const FloatingToolbarHighlightColor = ({
|
|
|
126
125
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
127
126
|
fg('platform-visual-refresh-icons') ? undefined : jsx("span", {
|
|
128
127
|
css: expandIconContainerHighlightStyle
|
|
129
|
-
}, jsx(
|
|
130
|
-
label: ""
|
|
128
|
+
}, jsx(ChevronDownIcon, {
|
|
129
|
+
label: "",
|
|
130
|
+
color: "currentColor"
|
|
131
131
|
}))
|
|
132
132
|
}, editorExperiment('platform_editor_controls', 'control') && formatMessage(messages.highlightFloatingToolbar)),
|
|
133
133
|
onColorChange: color => handleColorChange({
|
|
@@ -16,8 +16,7 @@ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperSty
|
|
|
16
16
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
17
17
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
18
18
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
19
|
-
import
|
|
20
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
19
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
21
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import { Flex } from '@atlaskit/primitives';
|
|
23
22
|
import { setPalette } from '../editor-commands/palette';
|
|
@@ -129,7 +128,7 @@ const PrimaryToolbarHighlightColor = ({
|
|
|
129
128
|
}), jsx("span", {
|
|
130
129
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
131
130
|
css: expandIconWrapperStyle
|
|
132
|
-
}, jsx(
|
|
131
|
+
}, jsx(ChevronDownIcon, {
|
|
133
132
|
label: ""
|
|
134
133
|
})))
|
|
135
134
|
}),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons';
|
|
3
|
-
import EditFilledIcon from '@atlaskit/icon/
|
|
3
|
+
import EditFilledIcon from '@atlaskit/icon/core/migration/edit--edit-filled';
|
|
4
4
|
import { Box } from '@atlaskit/primitives';
|
|
5
5
|
export const EditorHighlightIcon = ({
|
|
6
6
|
disabled,
|
|
@@ -11,7 +11,7 @@ export const EditorHighlightIcon = ({
|
|
|
11
11
|
selectedColor: selectedColor,
|
|
12
12
|
disabled: disabled,
|
|
13
13
|
icon: /*#__PURE__*/React.createElement(EditFilledIcon, {
|
|
14
|
-
|
|
14
|
+
LEGACY_size: "small",
|
|
15
15
|
label: ""
|
|
16
16
|
})
|
|
17
17
|
}));
|
|
@@ -17,8 +17,7 @@ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStyles
|
|
|
17
17
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
18
18
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
19
19
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
20
|
-
import
|
|
21
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
20
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
22
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
23
22
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
24
23
|
import { EditorHighlightIcon } from './shared/EditorHighlightIcon';
|
|
@@ -125,8 +124,9 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
|
|
|
125
124
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
126
125
|
fg('platform-visual-refresh-icons') ? undefined : jsx("span", {
|
|
127
126
|
css: expandIconContainerHighlightStyle
|
|
128
|
-
}, jsx(
|
|
129
|
-
label: ""
|
|
127
|
+
}, jsx(ChevronDownIcon, {
|
|
128
|
+
label: "",
|
|
129
|
+
color: "currentColor"
|
|
130
130
|
}))
|
|
131
131
|
}, editorExperiment('platform_editor_controls', 'control') && formatMessage(messages.highlightFloatingToolbar)),
|
|
132
132
|
onColorChange: function onColorChange(color) {
|
|
@@ -16,8 +16,7 @@ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperSty
|
|
|
16
16
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
17
17
|
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
18
18
|
import HighlightIcon from '@atlaskit/icon/core/highlight';
|
|
19
|
-
import
|
|
20
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
|
|
19
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
21
20
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import { Flex } from '@atlaskit/primitives';
|
|
23
22
|
import { setPalette } from '../editor-commands/palette';
|
|
@@ -122,7 +121,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
|
|
|
122
121
|
}), jsx("span", {
|
|
123
122
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
124
123
|
css: expandIconWrapperStyle
|
|
125
|
-
}, jsx(
|
|
124
|
+
}, jsx(ChevronDownIcon, {
|
|
126
125
|
label: ""
|
|
127
126
|
})))
|
|
128
127
|
}),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons';
|
|
3
|
-
import EditFilledIcon from '@atlaskit/icon/
|
|
3
|
+
import EditFilledIcon from '@atlaskit/icon/core/migration/edit--edit-filled';
|
|
4
4
|
import { Box } from '@atlaskit/primitives';
|
|
5
5
|
export var EditorHighlightIcon = function EditorHighlightIcon(_ref) {
|
|
6
6
|
var disabled = _ref.disabled,
|
|
@@ -11,7 +11,7 @@ export var EditorHighlightIcon = function EditorHighlightIcon(_ref) {
|
|
|
11
11
|
selectedColor: selectedColor,
|
|
12
12
|
disabled: disabled,
|
|
13
13
|
icon: /*#__PURE__*/React.createElement(EditFilledIcon, {
|
|
14
|
-
|
|
14
|
+
LEGACY_size: "small",
|
|
15
15
|
label: ""
|
|
16
16
|
})
|
|
17
17
|
}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-highlight",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.2",
|
|
4
4
|
"description": "Highlight plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@atlaskit/adf-schema": "^47.6.0",
|
|
40
|
-
"@atlaskit/editor-common": "^102.
|
|
40
|
+
"@atlaskit/editor-common": "^102.13.0",
|
|
41
41
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
42
42
|
"@atlaskit/editor-plugin-analytics": "^2.2.0",
|
|
43
|
-
"@atlaskit/editor-plugin-primary-toolbar": "^3.
|
|
44
|
-
"@atlaskit/editor-plugin-selection-toolbar": "^2.
|
|
43
|
+
"@atlaskit/editor-plugin-primary-toolbar": "^3.1.0",
|
|
44
|
+
"@atlaskit/editor-plugin-selection-toolbar": "^2.3.0",
|
|
45
45
|
"@atlaskit/editor-plugin-text-formatting": "^2.1.0",
|
|
46
46
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
47
47
|
"@atlaskit/editor-shared-styles": "^3.4.0",
|
|
48
48
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
49
49
|
"@atlaskit/icon": "^25.0.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
51
|
-
"@atlaskit/primitives": "^14.
|
|
52
|
-
"@atlaskit/tmp-editor-statsig": "^4.
|
|
51
|
+
"@atlaskit/primitives": "^14.2.0",
|
|
52
|
+
"@atlaskit/tmp-editor-statsig": "^4.4.0",
|
|
53
53
|
"@atlaskit/tokens": "^4.5.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/react": "^11.7.1"
|