@atlaskit/editor-plugin-highlight 1.19.6 → 1.19.7

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/FloatingToolbarHighlightColor.js +5 -2
  3. package/dist/cjs/ui/PrimaryToolbarHighlightColor.js +5 -2
  4. package/dist/es2019/ui/FloatingToolbarHighlightColor.js +6 -3
  5. package/dist/es2019/ui/PrimaryToolbarHighlightColor.js +6 -3
  6. package/dist/esm/ui/FloatingToolbarHighlightColor.js +6 -3
  7. package/dist/esm/ui/PrimaryToolbarHighlightColor.js +6 -3
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-highlight
2
2
 
3
+ ## 1.19.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#99080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99080)
8
+ [`8b2f0af25c400`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2f0af25c400) -
9
+ [ux] ED-26062: Removed icon blue borders when selected
10
+
3
11
  ## 1.19.6
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -87,7 +87,10 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
87
87
  return (0, _react2.jsx)(_PaletteDropdown.PaletteDropdown, {
88
88
  isOpen: isDropdownOpen && !highlightState.disabled,
89
89
  activeColor: highlightState.activeColor,
90
- trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
90
+ trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton
91
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
92
+ , {
93
+ css: _styles.disableBlueBorderStyles,
91
94
  buttonId: _uiMenu.TOOLBAR_BUTTON.BACKGROUND_COLOR,
92
95
  spacing: 'compact',
93
96
  disabled: highlightState.disabled,
@@ -100,7 +103,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
100
103
  onKeyDown: handleKeyDown,
101
104
  ref: toolbarItemRef,
102
105
  iconBefore:
103
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
106
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
104
107
  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
105
108
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
106
109
  (0, _react2.jsx)("div", {
package/dist/cjs/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -87,7 +87,10 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
87
87
  popupsScrollableElement: popupsScrollableElement,
88
88
  isOpen: isDropdownOpen && !highlightState.disabled,
89
89
  activeColor: highlightState.activeColor,
90
- trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
90
+ trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton
91
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
92
+ , {
93
+ css: _styles.disableBlueBorderStyles,
91
94
  buttonId: _uiMenu.TOOLBAR_BUTTON.BACKGROUND_COLOR,
92
95
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
93
96
  disabled: disabled || highlightState.disabled,
@@ -101,7 +104,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
101
104
  onKeyDown: handleKeyDown,
102
105
  ref: toolbarItemRef,
103
106
  iconBefore:
104
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
107
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
105
108
  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
106
109
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
107
110
  (0, _react2.jsx)("div", {
package/dist/es2019/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
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';
@@ -80,7 +80,10 @@ const FloatingToolbarHighlightColor = ({
80
80
  return jsx(PaletteDropdown, {
81
81
  isOpen: isDropdownOpen && !highlightState.disabled,
82
82
  activeColor: highlightState.activeColor,
83
- trigger: jsx(ToolbarButton, {
83
+ trigger: jsx(ToolbarButton
84
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
85
+ , {
86
+ css: disableBlueBorderStyles,
84
87
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
85
88
  spacing: 'compact',
86
89
  disabled: highlightState.disabled,
@@ -93,7 +96,7 @@ const FloatingToolbarHighlightColor = ({
93
96
  onKeyDown: handleKeyDown,
94
97
  ref: toolbarItemRef,
95
98
  iconBefore:
96
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
99
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
97
100
  fg('platform-visual-refresh-icons') ?
98
101
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
99
102
  jsx("div", {
package/dist/es2019/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
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';
@@ -86,7 +86,10 @@ const PrimaryToolbarHighlightColor = ({
86
86
  popupsScrollableElement: popupsScrollableElement,
87
87
  isOpen: isDropdownOpen && !highlightState.disabled,
88
88
  activeColor: highlightState.activeColor,
89
- trigger: jsx(ToolbarButton, {
89
+ trigger: jsx(ToolbarButton
90
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
91
+ , {
92
+ css: disableBlueBorderStyles,
90
93
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
91
94
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
92
95
  disabled: disabled || highlightState.disabled,
@@ -100,7 +103,7 @@ const PrimaryToolbarHighlightColor = ({
100
103
  onKeyDown: handleKeyDown,
101
104
  ref: toolbarItemRef,
102
105
  iconBefore:
103
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
106
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
104
107
  fg('platform-visual-refresh-icons') ?
105
108
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
106
109
  jsx("div", {
package/dist/esm/ui/FloatingToolbarHighlightColor.js CHANGED
@@ -13,7 +13,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
13
13
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
14
14
  import { toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
15
15
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
16
- import { expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
16
+ import { disableBlueBorderStyles, expandIconContainerStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
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';
@@ -79,7 +79,10 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
79
79
  return jsx(PaletteDropdown, {
80
80
  isOpen: isDropdownOpen && !highlightState.disabled,
81
81
  activeColor: highlightState.activeColor,
82
- trigger: jsx(ToolbarButton, {
82
+ trigger: jsx(ToolbarButton
83
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
84
+ , {
85
+ css: disableBlueBorderStyles,
83
86
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
84
87
  spacing: 'compact',
85
88
  disabled: highlightState.disabled,
@@ -92,7 +95,7 @@ var FloatingToolbarHighlightColor = function FloatingToolbarHighlightColor(_ref)
92
95
  onKeyDown: handleKeyDown,
93
96
  ref: toolbarItemRef,
94
97
  iconBefore:
95
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
98
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
96
99
  fg('platform-visual-refresh-icons') ?
97
100
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
98
101
  jsx("div", {
package/dist/esm/ui/PrimaryToolbarHighlightColor.js CHANGED
@@ -12,7 +12,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
12
12
  import { DynamicStrokeIconDecoration } from '@atlaskit/editor-common/icons';
13
13
  import { getAriaKeyshortcuts, toggleHighlightPalette, tooltip } from '@atlaskit/editor-common/keymaps';
14
14
  import { highlightMessages as messages } from '@atlaskit/editor-common/messages';
15
- import { expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
15
+ import { disableBlueBorderStyles, expandIconContainerStyle, expandIconWrapperStyle, triggerWrapperStylesWithPadding } from '@atlaskit/editor-common/styles';
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';
@@ -79,7 +79,10 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
79
79
  popupsScrollableElement: popupsScrollableElement,
80
80
  isOpen: isDropdownOpen && !highlightState.disabled,
81
81
  activeColor: highlightState.activeColor,
82
- trigger: jsx(ToolbarButton, {
82
+ trigger: jsx(ToolbarButton
83
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-imported-style-values
84
+ , {
85
+ css: disableBlueBorderStyles,
83
86
  buttonId: TOOLBAR_BUTTON.BACKGROUND_COLOR,
84
87
  spacing: isToolbarReducedSpacing ? 'none' : 'default',
85
88
  disabled: disabled || highlightState.disabled,
@@ -93,7 +96,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
93
96
  onKeyDown: handleKeyDown,
94
97
  ref: toolbarItemRef,
95
98
  iconBefore:
96
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
99
+ // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
97
100
  fg('platform-visual-refresh-icons') ?
98
101
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
99
102
  jsx("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-highlight",
3
- "version": "1.19.6",
3
+ "version": "1.19.7",
4
4
  "description": "Highlight plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",