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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [`db97eb262cc5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db97eb262cc5a) -
+  replace platform_editor_toolbar_aifc with separate experiements for jira and confluence
+- Updated dependencies
+
 ## 4.0.2
 
 ### Patch Changes

package/dist/cjs/textColorPlugin.js

@@ -8,7 +8,6 @@ exports.textColorPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _changeColor2 = require("./pm-plugins/commands/change-color");
 var _main = require("./pm-plugins/main");
@@ -24,7 +23,9 @@ var pluginConfig = function pluginConfig(textColorConfig) {
 var textColorPlugin = exports.textColorPlugin = function textColorPlugin(_ref) {
   var textColorConfig = _ref.config,
     api = _ref.api;
-  var isToolbarAifcEnabled = (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true);
+  var isToolbarAifcEnabled = (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  });
   var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
     var editorView = _ref2.editorView,
       popupsMountPoint = _ref2.popupsMountPoint,

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/textColorPlugin.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { textColor } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeColor } from './pm-plugins/commands/change-color';
 import { createPlugin, pluginKey as textColorPluginKey } from './pm-plugins/main';
@@ -18,7 +17,9 @@ export const textColorPlugin = ({
   config: textColorConfig,
   api
 }) => {
-  const isToolbarAifcEnabled = expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true);
+  const isToolbarAifcEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  });
   const primaryToolbarComponent = ({
     editorView,
     popupsMountPoint,

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/textColorPlugin.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { textColor } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeColor as _changeColor } from './pm-plugins/commands/change-color';
 import { createPlugin, pluginKey as textColorPluginKey } from './pm-plugins/main';
@@ -17,7 +16,9 @@ var pluginConfig = function pluginConfig(textColorConfig) {
 export var textColorPlugin = function textColorPlugin(_ref) {
   var textColorConfig = _ref.config,
     api = _ref.api;
-  var isToolbarAifcEnabled = expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true);
+  var isToolbarAifcEnabled = editorExperiment('platform_editor_toolbar_aifc', true, {
+    exposure: true
+  });
   var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
     var editorView = _ref2.editorView,
       popupsMountPoint = _ref2.popupsMountPoint,

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.2",
+	"version": "4.0.4",
 	"description": "Text color plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -42,17 +42,18 @@
 		"@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",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.4.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
 		"@atlaskit/tokens": "^6.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.2.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"