@atlaskit/editor-plugin-text-color 4.0.3 → 4.0.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-text-color
 
+## 4.0.4
+
+### Patch Changes
+
+- [`555ac8f256674`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/555ac8f256674) -
+  Update menu item icon size to small, tweak paddings and font styles
+- Updated dependencies
+
 ## 4.0.3
 
 ### Patch Changes

package/dist/cjs/ui/TextColorMenuItem.js

@@ -1,6 +1,7 @@
 /* TextColorMenuItem.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -16,7 +17,9 @@ var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 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); }
 var styles = {
   container: "_zulp12x7"
@@ -60,7 +63,9 @@ function TextColorMenuItem(_ref) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     xcss: styles.container,
     testId: "text-color-menu-item"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_2', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "xxsmall"
+  }, formatMessage(_messages.textColorMessages.textColorTooltip)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     weight: "bold"
   }, formatMessage(_messages.textColorMessages.textColorTooltip)), /*#__PURE__*/_react.default.createElement(_editorToolbar.ColorPalette, {
     onClick: function onClick(color) {

package/dist/es2019/ui/TextColorMenuItem.js

@@ -9,7 +9,9 @@ import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor
 import { textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
+import Heading from '@atlaskit/heading';
 import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const styles = {
   container: "_zulp12x7"
 };
@@ -57,7 +59,9 @@ export function TextColorMenuItem({
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "text-color-menu-item"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, expValEquals('platform_editor_toolbar_aifc_patch_2', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Heading, {
+    size: "xxsmall"
+  }, formatMessage(messages.textColorTooltip)) : /*#__PURE__*/React.createElement(Text, {
     weight: "bold"
   }, formatMessage(messages.textColorTooltip)), /*#__PURE__*/React.createElement(ColorPalette, {
     onClick: color => {

package/dist/esm/ui/TextColorMenuItem.js

@@ -9,7 +9,9 @@ import { getInputMethodFromParentKeys, useEditorToolbar } from '@atlaskit/editor
 import { textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { ColorPalette, useToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
+import Heading from '@atlaskit/heading';
 import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var styles = {
   container: "_zulp12x7"
 };
@@ -52,7 +54,9 @@ export function TextColorMenuItem(_ref) {
   return /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.container,
     testId: "text-color-menu-item"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, expValEquals('platform_editor_toolbar_aifc_patch_2', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Heading, {
+    size: "xxsmall"
+  }, formatMessage(messages.textColorTooltip)) : /*#__PURE__*/React.createElement(Text, {
     weight: "bold"
   }, formatMessage(messages.textColorTooltip)), /*#__PURE__*/React.createElement(ColorPalette, {
     onClick: function onClick(color) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-color",
-	"version": "4.0.3",
+	"version": "4.0.4",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -42,6 +42,7 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.8.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
+		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.13.0",
@@ -52,7 +53,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.3.0",
+		"@atlaskit/editor-common": "^108.5.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"