@atlaskit/editor-plugin-text-formatting 2.2.15 → 2.2.17

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.
Files changed (16) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/Toolbar/dropdown-toolbar-button.js +3 -2
  3. package/dist/cjs/ui/Toolbar/hooks/formatting-icons.js +4 -1
  4. package/dist/cjs/ui/Toolbar/icons.js +1 -15
  5. package/dist/cjs/ui/Toolbar/more-button.js +3 -2
  6. package/dist/es2019/ui/Toolbar/dropdown-toolbar-button.js +3 -2
  7. package/dist/es2019/ui/Toolbar/hooks/formatting-icons.js +5 -2
  8. package/dist/es2019/ui/Toolbar/icons.js +0 -12
  9. package/dist/es2019/ui/Toolbar/more-button.js +3 -2
  10. package/dist/esm/ui/Toolbar/dropdown-toolbar-button.js +3 -2
  11. package/dist/esm/ui/Toolbar/hooks/formatting-icons.js +5 -2
  12. package/dist/esm/ui/Toolbar/icons.js +0 -14
  13. package/dist/esm/ui/Toolbar/more-button.js +3 -2
  14. package/dist/types/ui/Toolbar/icons.d.ts +0 -1
  15. package/dist/types-ts4.5/ui/Toolbar/icons.d.ts +0 -1
  16. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-text-formatting
2
2
 
3
+ ## 2.2.17
4
+
5
+ ### Patch Changes
6
+
7
+ - [#167076](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167076)
8
+ [`7f006256ff129`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f006256ff129) -
9
+ [ED-27801] Update strikethrough icon to use DS icon
10
+
11
+ ## 2.2.16
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 2.2.15
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/Toolbar/dropdown-toolbar-button.js CHANGED
@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _styles = require("@atlaskit/editor-common/styles");
11
11
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
12
+ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
12
13
  var _textItalicEditorItalic = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-italic--editor-italic"));
13
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
14
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
15
  var _types = require("./types");
16
16
  /**
@@ -64,7 +64,8 @@ var DropdownToolbarButton = exports.DropdownToolbarButton = function DropdownToo
64
64
  }, (0, _react2.jsx)(_chevronDown.default, {
65
65
  label: "",
66
66
  color: "currentColor",
67
- LEGACY_margin: "0 0 0 -8px"
67
+ LEGACY_margin: "0 0 0 -8px",
68
+ size: "small"
68
69
  })))
69
70
  });
70
71
  };
package/dist/cjs/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -16,6 +16,7 @@ var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
16
16
  var _angleBracketsEditorCode = _interopRequireDefault(require("@atlaskit/icon/core/migration/angle-brackets--editor-code"));
17
17
  var _textBoldEditorBold = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-bold--editor-bold"));
18
18
  var _textItalicEditorItalic = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-italic--editor-italic"));
19
+ var _textStrikethrough = _interopRequireDefault(require("@atlaskit/icon/core/text-strikethrough"));
19
20
  var _textUnderline = _interopRequireDefault(require("@atlaskit/icon/core/text-underline"));
20
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
22
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -119,7 +120,9 @@ var IconBefore = {
119
120
  })
120
121
  },
121
122
  strike: {
122
- icon: (0, _react2.jsx)(_icons.Strikethrough, null)
123
+ icon: (0, _react2.jsx)(_textStrikethrough.default, {
124
+ label: ""
125
+ })
123
126
  },
124
127
  code: {
125
128
  icon: (0, _react2.jsx)(_angleBracketsEditorCode.default, {
package/dist/cjs/ui/Toolbar/icons.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.Superscript = exports.Subscript = exports.Strikethrough = void 0;
7
+ exports.Superscript = exports.Subscript = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
10
10
 
@@ -20,20 +20,6 @@ var SVGContainer = function SVGContainer(_ref) {
20
20
  }
21
21
  }, children);
22
22
  };
23
- var Strikethrough = exports.Strikethrough = function Strikethrough() {
24
- return /*#__PURE__*/_react.default.createElement(SVGContainer, null, /*#__PURE__*/_react.default.createElement("svg", {
25
- width: "16",
26
- height: "16",
27
- viewBox: "0 0 16 16",
28
- fill: "none",
29
- xmlns: "http://www.w3.org/2000/svg"
30
- }, /*#__PURE__*/_react.default.createElement("path", {
31
- "fill-rule": "evenodd",
32
- "clip-rule": "evenodd",
33
- d: "M8.39644 7.25348H13.9004V7.25421H15V8.75421H1V7.25421H2.125V7.25H4.96062C4.45271 6.59457 4.15039 5.77182 4.15039 4.87845C4.15039 2.73833 5.8853 1.00342 8.02542 1.00342H11.9004V2.50342H8.02542C6.71373 2.50342 5.65039 3.56676 5.65039 4.87845C5.65039 6.14664 6.64437 7.18267 7.89576 7.25H8.23074C8.28625 7.25 8.3415 7.25117 8.39644 7.25348ZM12.1058 11.125C12.1058 10.6424 12.0175 10.1804 11.8563 9.75421H10.1705C10.4446 10.1415 10.6058 10.6144 10.6058 11.125C10.6058 12.4367 9.54243 13.5001 8.23074 13.5001H3.15064V15.0001H8.23074C10.3709 15.0001 12.1058 13.2652 12.1058 11.125Z",
34
- fill: "currentColor"
35
- })));
36
- };
37
23
  var Subscript = exports.Subscript = function Subscript() {
38
24
  return /*#__PURE__*/_react.default.createElement(SVGContainer, null, /*#__PURE__*/_react.default.createElement("svg", {
39
25
  width: "16",
package/dist/cjs/ui/Toolbar/more-button.js CHANGED
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _styles = require("@atlaskit/editor-common/styles");
11
11
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
12
- var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/utility/migration/show-more-horizontal--editor-more"));
12
+ var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--editor-more"));
13
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
14
  /**
15
15
  * @jsxRuntime classic
@@ -45,7 +45,8 @@ var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function
45
45
  }, (0, _react2.jsx)(_showMoreHorizontalEditorMore.default, {
46
46
  label: "",
47
47
  color: "currentColor",
48
- spacing: "spacious"
48
+ spacing: "spacious",
49
+ size: "small"
49
50
  })),
50
51
  "aria-expanded": ariaExpanded,
51
52
  "aria-label": label,
package/dist/es2019/ui/Toolbar/dropdown-toolbar-button.js CHANGED
@@ -8,8 +8,8 @@ import React from 'react';
8
8
  import { jsx } from '@emotion/react';
9
9
  import { expandIconContainerStyle, triggerWrapperStyles, triggerWrapperStylesWithPadding, disableBlueBorderStyles } from '@atlaskit/editor-common/styles';
10
10
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
11
+ import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
11
12
  import ItalicIcon from '@atlaskit/icon/core/migration/text-italic--editor-italic';
12
- import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
14
  import { ToolbarType } from './types';
15
15
  export const DropdownToolbarButton = ({
@@ -57,7 +57,8 @@ export const DropdownToolbarButton = ({
57
57
  }, jsx(ChevronDownIcon, {
58
58
  label: "",
59
59
  color: "currentColor",
60
- LEGACY_margin: "0 0 0 -8px"
60
+ LEGACY_margin: "0 0 0 -8px",
61
+ size: "small"
61
62
  })))
62
63
  });
63
64
  };
package/dist/es2019/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -14,11 +14,12 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
14
14
  import AngleBracketsIcon from '@atlaskit/icon/core/migration/angle-brackets--editor-code';
15
15
  import BoldIcon from '@atlaskit/icon/core/migration/text-bold--editor-bold';
16
16
  import ItalicIcon from '@atlaskit/icon/core/migration/text-italic--editor-italic';
17
+ import TextStrikethroughIcon from '@atlaskit/icon/core/text-strikethrough';
17
18
  import UnderlineIcon from '@atlaskit/icon/core/text-underline';
18
19
  import { fg } from '@atlaskit/platform-feature-flags';
19
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
20
21
  import { toggleCodeWithAnalytics, toggleEmWithAnalytics, toggleStrikeWithAnalytics, toggleStrongWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics, toggleUnderlineWithAnalytics } from '../../../pm-plugins/commands';
21
- import { Strikethrough, Subscript, Superscript } from '../icons';
22
+ import { Subscript, Superscript } from '../icons';
22
23
  import { getInputMethod } from '../input-method-utils';
23
24
  import { IconTypes } from '../types';
24
25
  const withInputMethod = (toolbarType, func) => editorCommandToPMCommand(func(getInputMethod(toolbarType)));
@@ -100,7 +101,9 @@ const IconBefore = {
100
101
  })
101
102
  },
102
103
  strike: {
103
- icon: jsx(Strikethrough, null)
104
+ icon: jsx(TextStrikethroughIcon, {
105
+ label: ""
106
+ })
104
107
  },
105
108
  code: {
106
109
  icon: jsx(AngleBracketsIcon, {
package/dist/es2019/ui/Toolbar/icons.js CHANGED
@@ -11,18 +11,6 @@ const SVGContainer = ({
11
11
  alignItems: 'center'
12
12
  }
13
13
  }, children);
14
- export const Strikethrough = () => /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
15
- width: "16",
16
- height: "16",
17
- viewBox: "0 0 16 16",
18
- fill: "none",
19
- xmlns: "http://www.w3.org/2000/svg"
20
- }, /*#__PURE__*/React.createElement("path", {
21
- "fill-rule": "evenodd",
22
- "clip-rule": "evenodd",
23
- d: "M8.39644 7.25348H13.9004V7.25421H15V8.75421H1V7.25421H2.125V7.25H4.96062C4.45271 6.59457 4.15039 5.77182 4.15039 4.87845C4.15039 2.73833 5.8853 1.00342 8.02542 1.00342H11.9004V2.50342H8.02542C6.71373 2.50342 5.65039 3.56676 5.65039 4.87845C5.65039 6.14664 6.64437 7.18267 7.89576 7.25H8.23074C8.28625 7.25 8.3415 7.25117 8.39644 7.25348ZM12.1058 11.125C12.1058 10.6424 12.0175 10.1804 11.8563 9.75421H10.1705C10.4446 10.1415 10.6058 10.6144 10.6058 11.125C10.6058 12.4367 9.54243 13.5001 8.23074 13.5001H3.15064V15.0001H8.23074C10.3709 15.0001 12.1058 13.2652 12.1058 11.125Z",
24
- fill: "currentColor"
25
- })));
26
14
  export const Subscript = () => /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
27
15
  width: "16",
28
16
  height: "16",
package/dist/es2019/ui/Toolbar/more-button.js CHANGED
@@ -8,7 +8,7 @@ import React from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
10
10
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
11
- import ShowMoreHorizontalIcon from '@atlaskit/icon/utility/migration/show-more-horizontal--editor-more';
11
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
13
  const MoreIconStyle = css({
14
14
  display: 'flex',
@@ -38,7 +38,8 @@ export const MoreButton = /*#__PURE__*/React.memo(({
38
38
  }, jsx(ShowMoreHorizontalIcon, {
39
39
  label: "",
40
40
  color: "currentColor",
41
- spacing: "spacious"
41
+ spacing: "spacious",
42
+ size: "small"
42
43
  })),
43
44
  "aria-expanded": ariaExpanded,
44
45
  "aria-label": label,
package/dist/esm/ui/Toolbar/dropdown-toolbar-button.js CHANGED
@@ -8,8 +8,8 @@ import React from 'react';
8
8
  import { jsx } from '@emotion/react';
9
9
  import { expandIconContainerStyle, triggerWrapperStyles, triggerWrapperStylesWithPadding, disableBlueBorderStyles } from '@atlaskit/editor-common/styles';
10
10
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
11
+ import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
11
12
  import ItalicIcon from '@atlaskit/icon/core/migration/text-italic--editor-italic';
12
- import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
14
  import { ToolbarType } from './types';
15
15
  export var DropdownToolbarButton = function DropdownToolbarButton(_ref) {
@@ -56,7 +56,8 @@ export var DropdownToolbarButton = function DropdownToolbarButton(_ref) {
56
56
  }, jsx(ChevronDownIcon, {
57
57
  label: "",
58
58
  color: "currentColor",
59
- LEGACY_margin: "0 0 0 -8px"
59
+ LEGACY_margin: "0 0 0 -8px",
60
+ size: "small"
60
61
  })))
61
62
  });
62
63
  };
package/dist/esm/ui/Toolbar/hooks/formatting-icons.js CHANGED
@@ -15,11 +15,12 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
15
15
  import AngleBracketsIcon from '@atlaskit/icon/core/migration/angle-brackets--editor-code';
16
16
  import BoldIcon from '@atlaskit/icon/core/migration/text-bold--editor-bold';
17
17
  import ItalicIcon from '@atlaskit/icon/core/migration/text-italic--editor-italic';
18
+ import TextStrikethroughIcon from '@atlaskit/icon/core/text-strikethrough';
18
19
  import UnderlineIcon from '@atlaskit/icon/core/text-underline';
19
20
  import { fg } from '@atlaskit/platform-feature-flags';
20
21
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
21
22
  import { toggleCodeWithAnalytics, toggleEmWithAnalytics, toggleStrikeWithAnalytics, toggleStrongWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics, toggleUnderlineWithAnalytics } from '../../../pm-plugins/commands';
22
- import { Strikethrough, Subscript, Superscript } from '../icons';
23
+ import { Subscript, Superscript } from '../icons';
23
24
  import { getInputMethod } from '../input-method-utils';
24
25
  import { IconTypes } from '../types';
25
26
  var withInputMethod = function withInputMethod(toolbarType, func) {
@@ -111,7 +112,9 @@ var IconBefore = {
111
112
  })
112
113
  },
113
114
  strike: {
114
- icon: jsx(Strikethrough, null)
115
+ icon: jsx(TextStrikethroughIcon, {
116
+ label: ""
117
+ })
115
118
  },
116
119
  code: {
117
120
  icon: jsx(AngleBracketsIcon, {
package/dist/esm/ui/Toolbar/icons.js CHANGED
@@ -12,20 +12,6 @@ var SVGContainer = function SVGContainer(_ref) {
12
12
  }
13
13
  }, children);
14
14
  };
15
- export var Strikethrough = function Strikethrough() {
16
- return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
17
- width: "16",
18
- height: "16",
19
- viewBox: "0 0 16 16",
20
- fill: "none",
21
- xmlns: "http://www.w3.org/2000/svg"
22
- }, /*#__PURE__*/React.createElement("path", {
23
- "fill-rule": "evenodd",
24
- "clip-rule": "evenodd",
25
- d: "M8.39644 7.25348H13.9004V7.25421H15V8.75421H1V7.25421H2.125V7.25H4.96062C4.45271 6.59457 4.15039 5.77182 4.15039 4.87845C4.15039 2.73833 5.8853 1.00342 8.02542 1.00342H11.9004V2.50342H8.02542C6.71373 2.50342 5.65039 3.56676 5.65039 4.87845C5.65039 6.14664 6.64437 7.18267 7.89576 7.25H8.23074C8.28625 7.25 8.3415 7.25117 8.39644 7.25348ZM12.1058 11.125C12.1058 10.6424 12.0175 10.1804 11.8563 9.75421H10.1705C10.4446 10.1415 10.6058 10.6144 10.6058 11.125C10.6058 12.4367 9.54243 13.5001 8.23074 13.5001H3.15064V15.0001H8.23074C10.3709 15.0001 12.1058 13.2652 12.1058 11.125Z",
26
- fill: "currentColor"
27
- })));
28
- };
29
15
  export var Subscript = function Subscript() {
30
16
  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
31
17
  width: "16",
package/dist/esm/ui/Toolbar/more-button.js CHANGED
@@ -8,7 +8,7 @@ import React from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
10
10
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
11
- import ShowMoreHorizontalIcon from '@atlaskit/icon/utility/migration/show-more-horizontal--editor-more';
11
+ import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
13
  var MoreIconStyle = css({
14
14
  display: 'flex',
@@ -37,7 +37,8 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
37
37
  }, jsx(ShowMoreHorizontalIcon, {
38
38
  label: "",
39
39
  color: "currentColor",
40
- spacing: "spacious"
40
+ spacing: "spacious",
41
+ size: "small"
41
42
  })),
42
43
  "aria-expanded": ariaExpanded,
43
44
  "aria-label": label,
package/dist/types/ui/Toolbar/icons.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import React from 'react';
2
- export declare const Strikethrough: () => React.JSX.Element;
3
2
  export declare const Subscript: () => React.JSX.Element;
4
3
  export declare const Superscript: () => React.JSX.Element;
package/dist/types-ts4.5/ui/Toolbar/icons.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import React from 'react';
2
- export declare const Strikethrough: () => React.JSX.Element;
3
2
  export declare const Subscript: () => React.JSX.Element;
4
3
  export declare const Superscript: () => React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-text-formatting",
3
- "version": "2.2.15",
3
+ "version": "2.2.17",
4
4
  "description": "Text-formatting plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@atlaskit/adf-schema": "^47.6.0",
37
- "@atlaskit/editor-common": "^106.1.0",
37
+ "@atlaskit/editor-common": "^106.5.0",
38
38
  "@atlaskit/editor-plugin-analytics": "^2.3.0",
39
39
  "@atlaskit/editor-plugin-base": "^3.0.0",
40
40
  "@atlaskit/editor-plugin-primary-toolbar": "^3.2.0",
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/icon": "^26.4.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
47
  "@atlaskit/prosemirror-input-rules": "^3.3.0",
48
- "@atlaskit/tmp-editor-statsig": "^5.7.0",
49
- "@atlaskit/tokens": "^5.0.0",
48
+ "@atlaskit/tmp-editor-statsig": "^6.1.0",
49
+ "@atlaskit/tokens": "^5.1.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@emotion/react": "^11.7.1",
52
52
  "react-intl-next": "npm:react-intl@^5.18.1"