@atlaskit/editor-plugin-text-color 7.0.2 → 7.1.0
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/editor-plugin-text-color
|
|
2
2
|
|
|
3
|
+
## 7.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
|
|
8
|
+
Clean up and removal of the `platform-visual-refresh-icons` feature flag.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 7.0.2
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
|
@@ -25,12 +25,10 @@ var _editorPalette = require("@atlaskit/editor-palette");
|
|
|
25
25
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
26
26
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
27
27
|
var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
|
|
28
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
29
28
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
30
29
|
var _changeColor = require("../../pm-plugins/commands/change-color");
|
|
31
30
|
var _inputType = require("../../pm-plugins/utils/inputType");
|
|
32
31
|
var _types = require("../../types");
|
|
33
|
-
var _icon = require("./icon");
|
|
34
32
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
33
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
34
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
@@ -170,7 +168,7 @@ var ToolbarTextColor = exports.ToolbarTextColor = /*#__PURE__*/function (_React$
|
|
|
170
168
|
return (0, _react2.jsx)("span", {
|
|
171
169
|
css:
|
|
172
170
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
173
|
-
|
|
171
|
+
[_styles.wrapperStyle, addMarginToWrapper]
|
|
174
172
|
}, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
|
|
175
173
|
mountTo: popupsMountPoint,
|
|
176
174
|
boundariesElement: popupsBoundariesElement,
|
|
@@ -202,13 +200,9 @@ var ToolbarTextColor = exports.ToolbarTextColor = /*#__PURE__*/function (_React$
|
|
|
202
200
|
ref: this.toolbarItemRef,
|
|
203
201
|
iconBefore: (0, _react2.jsx)("div", {
|
|
204
202
|
css:
|
|
205
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
206
|
-
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
|
|
207
203
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
208
|
-
_styles.triggerWrapperStylesWithPadding
|
|
209
|
-
|
|
210
|
-
_styles.triggerWrapperStyles
|
|
211
|
-
}, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.jsx)(_icons.DynamicStrokeIconDecoration, {
|
|
204
|
+
_styles.triggerWrapperStylesWithPadding
|
|
205
|
+
}, (0, _react2.jsx)(_icons.DynamicStrokeIconDecoration, {
|
|
212
206
|
selectedColor: selectedColor,
|
|
213
207
|
disabled: pluginState.disabled,
|
|
214
208
|
icon: (0, _react2.jsx)(_textStyle.default, {
|
|
@@ -216,10 +210,6 @@ var ToolbarTextColor = exports.ToolbarTextColor = /*#__PURE__*/function (_React$
|
|
|
216
210
|
color: "currentColor",
|
|
217
211
|
spacing: "spacious"
|
|
218
212
|
})
|
|
219
|
-
}) : (0, _react2.jsx)(_icons.SteppedRainbowIconDecoration, {
|
|
220
|
-
selectedColor: selectedColor,
|
|
221
|
-
disabled: pluginState.disabled,
|
|
222
|
-
icon: (0, _react2.jsx)(_icon.EditorTextColorIcon, null)
|
|
223
213
|
}),
|
|
224
214
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
225
215
|
(0, _react2.jsx)("span", {
|
|
@@ -9,21 +9,19 @@ import React from 'react';
|
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { injectIntl } from 'react-intl-next';
|
|
11
11
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
12
|
-
import { DynamicStrokeIconDecoration
|
|
12
|
+
import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
|
|
13
13
|
import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
|
|
14
|
-
import { expandIconContainerStyle, separatorStyles,
|
|
14
|
+
import { expandIconContainerStyle, separatorStyles, triggerWrapperStylesWithPadding, wrapperStyle } from '@atlaskit/editor-common/styles';
|
|
15
15
|
import { ColorPalette, getSelectedRowAndColumnFromPalette, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
|
|
16
16
|
import { ArrowKeyNavigationType, DropdownContainer as Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
17
17
|
import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
|
|
18
18
|
import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
19
19
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
20
20
|
import TextStyleIcon from '@atlaskit/icon/core/text-style';
|
|
21
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
23
22
|
import { changeColor as changeColorWithAnalytics } from '../../pm-plugins/commands/change-color';
|
|
24
23
|
import { getInputMethod } from '../../pm-plugins/utils/inputType';
|
|
25
24
|
import { ToolbarType } from '../../types';
|
|
26
|
-
import { EditorTextColorIcon } from './icon';
|
|
27
25
|
const addMarginToWrapper = css({
|
|
28
26
|
marginRight: "var(--ds-space-050, 4px)"
|
|
29
27
|
});
|
|
@@ -150,7 +148,7 @@ export class ToolbarTextColor extends React.Component {
|
|
|
150
148
|
return jsx("span", {
|
|
151
149
|
css:
|
|
152
150
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
153
|
-
|
|
151
|
+
[wrapperStyle, addMarginToWrapper]
|
|
154
152
|
}, jsx(Dropdown, {
|
|
155
153
|
mountTo: popupsMountPoint,
|
|
156
154
|
boundariesElement: popupsBoundariesElement,
|
|
@@ -182,13 +180,9 @@ export class ToolbarTextColor extends React.Component {
|
|
|
182
180
|
ref: this.toolbarItemRef,
|
|
183
181
|
iconBefore: jsx("div", {
|
|
184
182
|
css:
|
|
185
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
186
|
-
fg('platform-visual-refresh-icons') ?
|
|
187
183
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
188
|
-
triggerWrapperStylesWithPadding
|
|
189
|
-
|
|
190
|
-
triggerWrapperStyles
|
|
191
|
-
}, fg('platform-visual-refresh-icons') ? jsx(DynamicStrokeIconDecoration, {
|
|
184
|
+
triggerWrapperStylesWithPadding
|
|
185
|
+
}, jsx(DynamicStrokeIconDecoration, {
|
|
192
186
|
selectedColor: selectedColor,
|
|
193
187
|
disabled: pluginState.disabled,
|
|
194
188
|
icon: jsx(TextStyleIcon, {
|
|
@@ -196,10 +190,6 @@ export class ToolbarTextColor extends React.Component {
|
|
|
196
190
|
color: "currentColor",
|
|
197
191
|
spacing: "spacious"
|
|
198
192
|
})
|
|
199
|
-
}) : jsx(SteppedRainbowIconDecoration, {
|
|
200
|
-
selectedColor: selectedColor,
|
|
201
|
-
disabled: pluginState.disabled,
|
|
202
|
-
icon: jsx(EditorTextColorIcon, null)
|
|
203
193
|
}),
|
|
204
194
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
205
195
|
jsx("span", {
|
|
@@ -19,21 +19,19 @@ import React from 'react';
|
|
|
19
19
|
import { css, jsx } from '@emotion/react';
|
|
20
20
|
import { injectIntl } from 'react-intl-next';
|
|
21
21
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
22
|
-
import { DynamicStrokeIconDecoration
|
|
22
|
+
import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
|
|
23
23
|
import { textColorMessages as messages } from '@atlaskit/editor-common/messages';
|
|
24
|
-
import { expandIconContainerStyle, separatorStyles,
|
|
24
|
+
import { expandIconContainerStyle, separatorStyles, triggerWrapperStylesWithPadding, wrapperStyle } from '@atlaskit/editor-common/styles';
|
|
25
25
|
import { ColorPalette, getSelectedRowAndColumnFromPalette, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
|
|
26
26
|
import { ArrowKeyNavigationType, DropdownContainer as Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
27
27
|
import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
|
|
28
28
|
import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
29
29
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
30
30
|
import TextStyleIcon from '@atlaskit/icon/core/text-style';
|
|
31
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
32
31
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
33
32
|
import { changeColor as changeColorWithAnalytics } from '../../pm-plugins/commands/change-color';
|
|
34
33
|
import { getInputMethod } from '../../pm-plugins/utils/inputType';
|
|
35
34
|
import { ToolbarType } from '../../types';
|
|
36
|
-
import { EditorTextColorIcon } from './icon';
|
|
37
35
|
var addMarginToWrapper = css({
|
|
38
36
|
marginRight: "var(--ds-space-050, 4px)"
|
|
39
37
|
});
|
|
@@ -166,7 +164,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
|
|
|
166
164
|
return jsx("span", {
|
|
167
165
|
css:
|
|
168
166
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
169
|
-
|
|
167
|
+
[wrapperStyle, addMarginToWrapper]
|
|
170
168
|
}, jsx(Dropdown, {
|
|
171
169
|
mountTo: popupsMountPoint,
|
|
172
170
|
boundariesElement: popupsBoundariesElement,
|
|
@@ -198,13 +196,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
|
|
|
198
196
|
ref: this.toolbarItemRef,
|
|
199
197
|
iconBefore: jsx("div", {
|
|
200
198
|
css:
|
|
201
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
202
|
-
fg('platform-visual-refresh-icons') ?
|
|
203
199
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
204
|
-
triggerWrapperStylesWithPadding
|
|
205
|
-
|
|
206
|
-
triggerWrapperStyles
|
|
207
|
-
}, fg('platform-visual-refresh-icons') ? jsx(DynamicStrokeIconDecoration, {
|
|
200
|
+
triggerWrapperStylesWithPadding
|
|
201
|
+
}, jsx(DynamicStrokeIconDecoration, {
|
|
208
202
|
selectedColor: selectedColor,
|
|
209
203
|
disabled: pluginState.disabled,
|
|
210
204
|
icon: jsx(TextStyleIcon, {
|
|
@@ -212,10 +206,6 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
|
|
|
212
206
|
color: "currentColor",
|
|
213
207
|
spacing: "spacious"
|
|
214
208
|
})
|
|
215
|
-
}) : jsx(SteppedRainbowIconDecoration, {
|
|
216
|
-
selectedColor: selectedColor,
|
|
217
|
-
disabled: pluginState.disabled,
|
|
218
|
-
icon: jsx(EditorTextColorIcon, null)
|
|
219
209
|
}),
|
|
220
210
|
//eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
221
211
|
jsx("span", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-text-color",
|
|
3
|
-
"version": "7.0
|
|
3
|
+
"version": "7.1.0",
|
|
4
4
|
"description": "Text color plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@atlaskit/css": "^0.19.0",
|
|
35
35
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^7.0.0",
|
|
37
|
-
"@atlaskit/editor-plugin-highlight": "^7.
|
|
37
|
+
"@atlaskit/editor-plugin-highlight": "^7.1.0",
|
|
38
38
|
"@atlaskit/editor-plugin-primary-toolbar": "^8.0.0",
|
|
39
39
|
"@atlaskit/editor-plugin-selection-toolbar": "^8.0.0",
|
|
40
40
|
"@atlaskit/editor-plugin-toolbar": "^4.0.0",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@emotion/react": "^11.7.1"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@atlaskit/editor-common": "^111.
|
|
56
|
+
"@atlaskit/editor-common": "^111.1.0",
|
|
57
57
|
"react": "^18.2.0",
|
|
58
58
|
"react-dom": "^18.2.0",
|
|
59
59
|
"react-intl-next": "npm:react-intl@^5.18.1"
|