@atlaskit/editor-plugin-text-color 12.3.3 → 12.3.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-text-color
 
+## 12.3.4
+
+### Patch Changes
+
+- [`262d8099a9e63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/262d8099a9e63) -
+  [ux] [EDITOR-7851] address minor UI fixes for platform_editor_lovability_text_bg_color experiment
+  behind platform_editor_lovability_text_bg_color_patch_1
+- Updated dependencies
+
 ## 12.3.3
 
 ### Patch Changes

package/dist/cjs/ui/ColorAccessibilityMenuItem.js

@@ -17,6 +17,7 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _accessibility = _interopRequireDefault(require("@atlaskit/icon/core/accessibility"));
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tokens = require("@atlaskit/tokens");
 var _colorContrast = require("../pm-plugins/utils/color-contrast");
@@ -121,7 +122,8 @@ var ColorAccessibilityMenuItem = exports.ColorAccessibilityMenuItem = function C
     space: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_accessibility.default, {
     label: "",
-    size: "medium"
+    size: "medium",
+    color: (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-icon-subtle, #505258)" : undefined
   }), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "span",
     size: "small",

package/dist/cjs/ui/RemoveColorMenuItem.js

@@ -17,6 +17,7 @@ var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _colourNone = _interopRequireDefault(require("@atlaskit/icon-lab/core/colour-none"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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); }
@@ -59,6 +60,22 @@ var RemoveColorMenuItem = exports.RemoveColorMenuItem = function RemoveColorMenu
     }
   };
   if ((0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1')) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: (0, _runtime.ax)([styles.removeColorButton])
+      }, /*#__PURE__*/React.createElement(_new.default, {
+        shouldFitContainer: true,
+        appearance: "subtle",
+        onClick: onClick
+      }, /*#__PURE__*/React.createElement("span", {
+        className: (0, _runtime.ax)([styles.iconContainer])
+      }, /*#__PURE__*/React.createElement(_colourNone.default, {
+        size: "medium",
+        label: ""
+      }), /*#__PURE__*/React.createElement(_compiled.Text, {
+        color: "color.text.subtle"
+      }, formatMessage(_messages.highlightMessages.clearColors)))));
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)([styles.removeColorButton])
     }, /*#__PURE__*/React.createElement(_new.default, {

package/dist/es2019/ui/ColorAccessibilityMenuItem.js

@@ -10,6 +10,7 @@ import { getTokenCSSVariableValue } from '@atlaskit/editor-common/ui-color';
 import { hexToEditorTextBackgroundPaletteColor, hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import AccessibilityIcon from '@atlaskit/icon/core/accessibility';
 import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { getTokenValue } from '@atlaskit/tokens';
 import { getContrastRatio as calcContrastRatio } from '../pm-plugins/utils/color-contrast';
@@ -118,7 +119,8 @@ export const ColorAccessibilityMenuItem = ({
     space: "space.050"
   }, /*#__PURE__*/React.createElement(AccessibilityIcon, {
     label: "",
-    size: "medium"
+    size: "medium",
+    color: fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-icon-subtle, #505258)" : undefined
   }), /*#__PURE__*/React.createElement(Text, {
     as: "span",
     size: "small",

package/dist/es2019/ui/RemoveColorMenuItem.js

@@ -9,6 +9,7 @@ import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import ColourNoneIcon from '@atlaskit/icon-lab/core/colour-none';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const styles = {
@@ -53,6 +54,22 @@ export const RemoveColorMenuItem = ({
     }
   };
   if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if (fg('platform_editor_lovability_text_bg_color_patch_1')) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: ax([styles.removeColorButton])
+      }, /*#__PURE__*/React.createElement(Button, {
+        shouldFitContainer: true,
+        appearance: "subtle",
+        onClick: onClick
+      }, /*#__PURE__*/React.createElement("span", {
+        className: ax([styles.iconContainer])
+      }, /*#__PURE__*/React.createElement(ColourNoneIcon, {
+        size: "medium",
+        label: ""
+      }), /*#__PURE__*/React.createElement(Text, {
+        color: "color.text.subtle"
+      }, formatMessage(messages.clearColors)))));
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: ax([styles.removeColorButton])
     }, /*#__PURE__*/React.createElement(Button, {

package/dist/esm/ui/ColorAccessibilityMenuItem.js

@@ -10,6 +10,7 @@ import { getTokenCSSVariableValue } from '@atlaskit/editor-common/ui-color';
 import { hexToEditorTextBackgroundPaletteColor, hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import AccessibilityIcon from '@atlaskit/icon/core/accessibility';
 import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { getTokenValue } from '@atlaskit/tokens';
 import { getContrastRatio as calcContrastRatio } from '../pm-plugins/utils/color-contrast';
@@ -114,7 +115,8 @@ export var ColorAccessibilityMenuItem = function ColorAccessibilityMenuItem(_ref
     space: "space.050"
   }, /*#__PURE__*/React.createElement(AccessibilityIcon, {
     label: "",
-    size: "medium"
+    size: "medium",
+    color: fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-icon-subtle, #505258)" : undefined
   }), /*#__PURE__*/React.createElement(Text, {
     as: "span",
     size: "small",

package/dist/esm/ui/RemoveColorMenuItem.js

@@ -9,6 +9,7 @@ import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { REMOVE_HIGHLIGHT_COLOR } from '@atlaskit/editor-common/ui-color';
 import { useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
 import ColourNoneIcon from '@atlaskit/icon-lab/core/colour-none';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var styles = {
@@ -50,6 +51,22 @@ export var RemoveColorMenuItem = function RemoveColorMenuItem(_ref) {
     }
   };
   if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true)) {
+    if (fg('platform_editor_lovability_text_bg_color_patch_1')) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: ax([styles.removeColorButton])
+      }, /*#__PURE__*/React.createElement(Button, {
+        shouldFitContainer: true,
+        appearance: "subtle",
+        onClick: onClick
+      }, /*#__PURE__*/React.createElement("span", {
+        className: ax([styles.iconContainer])
+      }, /*#__PURE__*/React.createElement(ColourNoneIcon, {
+        size: "medium",
+        label: ""
+      }), /*#__PURE__*/React.createElement(Text, {
+        color: "color.text.subtle"
+      }, formatMessage(messages.clearColors)))));
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: ax([styles.removeColorButton])
     }, /*#__PURE__*/React.createElement(Button, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-color",
-	"version": "12.3.3",
+	"version": "12.3.4",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,7 +47,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.13.0",
+		"@atlaskit/editor-common": "^116.14.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -99,6 +99,9 @@
 	"platform-feature-flags": {
 		"platform_editor_use_preferences_plugin": {
 			"type": "boolean"
+		},
+		"platform_editor_lovability_text_bg_color_patch_1": {
+			"type": "boolean"
 		}
 	}
 }