@atlaskit/editor-plugin-text-color 7.2.4 → 7.2.5
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/TextColorHighlightMenu.js +1 -10
- package/dist/cjs/ui/toolbar-components.js +3 -5
- package/dist/es2019/ui/TextColorHighlightMenu.js +1 -10
- package/dist/es2019/ui/toolbar-components.js +3 -4
- package/dist/esm/ui/TextColorHighlightMenu.js +1 -10
- package/dist/esm/ui/toolbar-components.js +3 -5
- package/package.json +3 -3
- package/dist/cjs/ui/TextColorHighlightMenu.compiled.css +0 -2
- package/dist/es2019/ui/TextColorHighlightMenu.compiled.css +0 -2
- package/dist/esm/ui/TextColorHighlightMenu.compiled.css +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-text-color
|
|
2
2
|
|
|
3
|
+
## 7.2.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`3d0b3f8b4d802`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d0b3f8b4d802) -
|
|
8
|
+
Remove platform_editor_toolbar_aifc_responsive experiment
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 7.2.4
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* TextColorHighlightMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
1
|
"use strict";
|
|
3
2
|
|
|
4
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -6,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.TextColorHighlightMenu = void 0;
|
|
9
|
-
require("./TextColorHighlightMenu.compiled.css");
|
|
10
|
-
var _runtime = require("@compiled/react/runtime");
|
|
11
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
9
|
var _reactIntlNext = require("react-intl-next");
|
|
13
10
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
@@ -15,12 +12,8 @@ var _messages = require("@atlaskit/editor-common/messages");
|
|
|
15
12
|
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
16
13
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
17
14
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
18
|
-
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
15
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
20
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
|
-
var styles = {
|
|
22
|
-
menu: "_1rjcv77o _18zru2gc"
|
|
23
|
-
};
|
|
24
17
|
var getIconColor = function getIconColor(textColor, defaultColor, highlightColor) {
|
|
25
18
|
if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
|
|
26
19
|
return "var(--ds-text, #292A2E)";
|
|
@@ -92,7 +85,5 @@ var TextColorHighlightMenu = exports.TextColorHighlightMenu = function TextColor
|
|
|
92
85
|
isDisabled: isDisabled,
|
|
93
86
|
testId: "text-color-highlight-menu",
|
|
94
87
|
hasSectionMargin: false
|
|
95
|
-
},
|
|
96
|
-
xcss: styles.menu
|
|
97
|
-
}, children))));
|
|
88
|
+
}, children)));
|
|
98
89
|
};
|
|
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.getToolbarComponents = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _toolbar = require("@atlaskit/editor-common/toolbar");
|
|
12
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
13
11
|
var _RemoveColorMenuItem = require("./RemoveColorMenuItem");
|
|
14
12
|
var _TextColorHighlightMenu = require("./TextColorHighlightMenu");
|
|
15
13
|
var _TextColorMenuItem = require("./TextColorMenuItem");
|
|
@@ -38,12 +36,12 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
|
|
|
38
36
|
}), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
|
|
39
37
|
parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU), {}, {
|
|
40
38
|
rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
41
|
-
})
|
|
39
|
+
}), {
|
|
42
40
|
type: _toolbar.TEXT_COLLAPSED_MENU.type,
|
|
43
41
|
key: _toolbar.TEXT_COLLAPSED_MENU.key,
|
|
44
42
|
rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
45
|
-
}]
|
|
46
|
-
component:
|
|
43
|
+
}],
|
|
44
|
+
component: _TextMenuSection.TextMenuSection
|
|
47
45
|
}), _objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_MENU_ITEM), {}, {
|
|
48
46
|
parents: [_objectSpread(_objectSpread({}, _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
|
|
49
47
|
rank: _toolbar.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[_toolbar.TEXT_COLOR_MENU_ITEM.key]
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
/* TextColorHighlightMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
-
import "./TextColorHighlightMenu.compiled.css";
|
|
3
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
4
1
|
import React, { useCallback, useEffect } from 'react';
|
|
5
2
|
import { useIntl } from 'react-intl-next';
|
|
6
3
|
import { toggleHighlightPalette, ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
@@ -8,11 +5,7 @@ import { textColorMessages as messages } from '@atlaskit/editor-common/messages'
|
|
|
8
5
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
9
6
|
import { hexToEditorTextPaletteColor, hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
10
7
|
import { TextColorIcon, ToolbarColorSwatch, ToolbarDropdownMenu, ToolbarDropdownMenuProvider, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
|
|
11
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
12
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
13
|
-
const styles = {
|
|
14
|
-
menu: "_1rjcv77o _18zru2gc"
|
|
15
|
-
};
|
|
16
9
|
const getIconColor = (textColor, defaultColor, highlightColor) => {
|
|
17
10
|
if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
|
|
18
11
|
return "var(--ds-text, #292A2E)";
|
|
@@ -88,7 +81,5 @@ export const TextColorHighlightMenu = ({
|
|
|
88
81
|
isDisabled: isDisabled,
|
|
89
82
|
testId: "text-color-highlight-menu",
|
|
90
83
|
hasSectionMargin: false
|
|
91
|
-
},
|
|
92
|
-
xcss: styles.menu
|
|
93
|
-
}, children))));
|
|
84
|
+
}, children)));
|
|
94
85
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU, CLEAR_COLOR_MENU_ITEM, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, TEXT_SECTION_PRIMARY_TOOLBAR } from '@atlaskit/editor-common/toolbar';
|
|
3
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
3
|
import { RemoveColorMenuItem } from './RemoveColorMenuItem';
|
|
5
4
|
import { TextColorHighlightMenu } from './TextColorHighlightMenu';
|
|
6
5
|
import { TextColorMenuItem } from './TextColorMenuItem';
|
|
@@ -32,12 +31,12 @@ export const getToolbarComponents = api => {
|
|
|
32
31
|
parents: [{
|
|
33
32
|
...TEXT_COLOR_HIGHLIGHT_MENU,
|
|
34
33
|
rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
35
|
-
},
|
|
34
|
+
}, {
|
|
36
35
|
type: TEXT_COLLAPSED_MENU.type,
|
|
37
36
|
key: TEXT_COLLAPSED_MENU.key,
|
|
38
37
|
rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
39
|
-
}]
|
|
40
|
-
component:
|
|
38
|
+
}],
|
|
39
|
+
component: TextMenuSection
|
|
41
40
|
}, {
|
|
42
41
|
...TEXT_COLOR_MENU_ITEM,
|
|
43
42
|
parents: [{
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
/* TextColorHighlightMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
-
import "./TextColorHighlightMenu.compiled.css";
|
|
3
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
4
1
|
import React, { useCallback, useEffect } from 'react';
|
|
5
2
|
import { useIntl } from 'react-intl-next';
|
|
6
3
|
import { toggleHighlightPalette, ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
@@ -8,11 +5,7 @@ import { textColorMessages as messages } from '@atlaskit/editor-common/messages'
|
|
|
8
5
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
9
6
|
import { hexToEditorTextPaletteColor, hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette';
|
|
10
7
|
import { TextColorIcon, ToolbarColorSwatch, ToolbarDropdownMenu, ToolbarDropdownMenuProvider, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
|
|
11
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
12
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
13
|
-
var styles = {
|
|
14
|
-
menu: "_1rjcv77o _18zru2gc"
|
|
15
|
-
};
|
|
16
9
|
var getIconColor = function getIconColor(textColor, defaultColor, highlightColor) {
|
|
17
10
|
if (highlightColor || !textColor || textColor === defaultColor && defaultColor) {
|
|
18
11
|
return "var(--ds-text, #292A2E)";
|
|
@@ -84,7 +77,5 @@ export var TextColorHighlightMenu = function TextColorHighlightMenu(_ref) {
|
|
|
84
77
|
isDisabled: isDisabled,
|
|
85
78
|
testId: "text-color-highlight-menu",
|
|
86
79
|
hasSectionMargin: false
|
|
87
|
-
},
|
|
88
|
-
xcss: styles.menu
|
|
89
|
-
}, children))));
|
|
80
|
+
}, children)));
|
|
90
81
|
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
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; }
|
|
4
3
|
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) { _defineProperty(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; }
|
|
5
4
|
import React from 'react';
|
|
6
5
|
import { TEXT_SECTION, TEXT_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU, CLEAR_COLOR_MENU_ITEM, TEXT_SECTION_PRIMARY_TOOLBAR_RANK, TEXT_SECTION_PRIMARY_TOOLBAR } from '@atlaskit/editor-common/toolbar';
|
|
7
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
8
6
|
import { RemoveColorMenuItem } from './RemoveColorMenuItem';
|
|
9
7
|
import { TextColorHighlightMenu } from './TextColorHighlightMenu';
|
|
10
8
|
import { TextColorMenuItem } from './TextColorMenuItem';
|
|
@@ -31,12 +29,12 @@ export var getToolbarComponents = function getToolbarComponents(api) {
|
|
|
31
29
|
}), _objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
|
|
32
30
|
parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU), {}, {
|
|
33
31
|
rank: TEXT_COLOR_HIGHLIGHT_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
34
|
-
})
|
|
32
|
+
}), {
|
|
35
33
|
type: TEXT_COLLAPSED_MENU.type,
|
|
36
34
|
key: TEXT_COLLAPSED_MENU.key,
|
|
37
35
|
rank: TEXT_COLLAPSED_MENU_RANK[TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key]
|
|
38
|
-
}]
|
|
39
|
-
component:
|
|
36
|
+
}],
|
|
37
|
+
component: TextMenuSection
|
|
40
38
|
}), _objectSpread(_objectSpread({}, TEXT_COLOR_MENU_ITEM), {}, {
|
|
41
39
|
parents: [_objectSpread(_objectSpread({}, TEXT_COLOR_HIGHLIGHT_MENU_SECTION), {}, {
|
|
42
40
|
rank: TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK[TEXT_COLOR_MENU_ITEM.key]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-text-color",
|
|
3
|
-
"version": "7.2.
|
|
3
|
+
"version": "7.2.5",
|
|
4
4
|
"description": "Text color plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -47,13 +47,13 @@
|
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
48
|
"@atlaskit/primitives": "^17.1.0",
|
|
49
49
|
"@atlaskit/theme": "^21.0.0",
|
|
50
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
50
|
+
"@atlaskit/tmp-editor-statsig": "^16.34.0",
|
|
51
51
|
"@atlaskit/tokens": "^10.1.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@emotion/react": "^11.7.1"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@atlaskit/editor-common": "^111.
|
|
56
|
+
"@atlaskit/editor-common": "^111.9.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"
|