@atlaskit/editor-plugin-highlight 28.0.0 → 28.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-highlight
 
+## 28.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.0.0
 
 ### Patch Changes

package/dist/cjs/ui/HighlightColorMenuItem.js

@@ -27,7 +27,9 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
 var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _bleed = require("@atlaskit/primitives/compiled/bleed");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _stack = require("@atlaskit/primitives/compiled/stack");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -54,7 +56,7 @@ var TextColorIconDecorator = function TextColorIconDecorator(_ref) {
   return isSelected ? /*#__PURE__*/React.createElement(_checkMark.default, {
     color: "var(--ds-icon, #292A2E)",
     label: label
-  }) : /*#__PURE__*/React.createElement(_compiled.Box, {
+  }) : /*#__PURE__*/React.createElement(_box.Box, {
     as: "span",
     xcss: styles.icon
   }, /*#__PURE__*/React.createElement(_textStyle.default, {
@@ -157,7 +159,7 @@ function HighlightColorMenuItem(_ref3) {
       hexToPaletteColor: _textBackgroundColor.hexToEditorTextBackgroundPaletteColor
     }
   });
-  return /*#__PURE__*/React.createElement(_compiled.Stack, {
+  return /*#__PURE__*/React.createElement(_stack.Stack, {
     xcss: (0, _css.cx)(styles.container, isNewColorPaletteEnabled && styles.containerPatch),
     testId: "highlight-color-menu-item"
   }, /*#__PURE__*/React.createElement(_heading.default, {
@@ -166,7 +168,7 @@ function HighlightColorMenuItem(_ref3) {
     // The label names the palette's radio group; a heading inside a menu is skipped and has no stable level here
     ,
     as: (0, _fg.fg)('platform_editor_a11y_color_palette_radiogroup') ? 'div' : undefined
-  }, formatMessage(_highlight.highlightMessages.highlight)), isNewColorPaletteEnabled ? /*#__PURE__*/React.createElement(_compiled.Bleed, {
+  }, formatMessage(_highlight.highlightMessages.highlight)), isNewColorPaletteEnabled ? /*#__PURE__*/React.createElement(_bleed.Bleed, {
     inline: "space.025"
   }, colorPaletteElement) : colorPaletteElement);
 }

package/dist/cjs/ui/PrimaryToolbarHighlightColor.js

@@ -20,7 +20,7 @@ var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useShar
 var _textBackgroundColor = require("@atlaskit/editor-palette/text-background-color");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _highlight2 = _interopRequireDefault(require("@atlaskit/icon/core/highlight"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _palette = require("../editor-commands/palette");
 var _PaletteDropdown = require("./shared/PaletteDropdown");
 var _useDropdownEvents2 = require("./shared/useDropdownEvents");
@@ -88,7 +88,7 @@ var PrimaryToolbarHighlightColor = function PrimaryToolbarHighlightColor(_ref) {
   // Get the design token for the  active color (if it exists) to modify the toolbar
   // icon, but show the nice rainbow if none is selected
   var activeColorToken = activeColor === null ? null : (0, _textBackgroundColor.hexToEditorTextBackgroundPaletteColor)(activeColor);
-  return (0, _react2.jsx)(_compiled.Flex, {
+  return (0, _react2.jsx)(_flex.Flex, {
     alignItems: "center"
   }, (0, _react2.jsx)(_PaletteDropdown.PaletteDropdown, {
     popupsMountPoint: popupsMountPoint,

package/dist/cjs/ui/shared/EditorHighlightIcon.js

@@ -8,11 +8,11 @@ exports.EditorHighlightIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SteppedRainbowIconDecoration = require("@atlaskit/editor-common/icons/SteppedRainbowIconDecoration");
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var EditorHighlightIcon = exports.EditorHighlightIcon = function EditorHighlightIcon(_ref) {
   var disabled = _ref.disabled,
     selectedColor = _ref.selectedColor;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     paddingInline: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_SteppedRainbowIconDecoration.SteppedRainbowIconDecoration, {
     selectedColor: selectedColor,

package/dist/es2019/ui/HighlightColorMenuItem.js

@@ -18,7 +18,9 @@ import Heading from '@atlaskit/heading/heading';
 import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
 import Icon from '@atlaskit/icon/core/text-style';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Bleed, Stack, Box } from '@atlaskit/primitives/compiled';
+import { Bleed } from '@atlaskit/primitives/compiled/bleed';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const HIGHLIGHT_COLOR_PICKER_COLUMNS = 10;
 const styles = {

package/dist/es2019/ui/PrimaryToolbarHighlightColor.js

@@ -18,7 +18,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSha
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import HighlightIcon from '@atlaskit/icon/core/highlight';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { setPalette } from '../editor-commands/palette';
 import { PaletteDropdown } from './shared/PaletteDropdown';
 import { useDropdownEvents } from './shared/useDropdownEvents';

package/dist/es2019/ui/shared/EditorHighlightIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons/SteppedRainbowIconDecoration';
 import EditFilledIcon from '@atlaskit/icon/core/edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 export const EditorHighlightIcon = ({
   disabled,
   selectedColor

package/dist/esm/ui/HighlightColorMenuItem.js

@@ -21,7 +21,9 @@ import Heading from '@atlaskit/heading/heading';
 import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
 import Icon from '@atlaskit/icon/core/text-style';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Bleed, Stack, Box } from '@atlaskit/primitives/compiled';
+import { Bleed } from '@atlaskit/primitives/compiled/bleed';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var HIGHLIGHT_COLOR_PICKER_COLUMNS = 10;
 var styles = {

package/dist/esm/ui/PrimaryToolbarHighlightColor.js

@@ -18,7 +18,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSha
 import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import HighlightIcon from '@atlaskit/icon/core/highlight';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { setPalette } from '../editor-commands/palette';
 import { PaletteDropdown } from './shared/PaletteDropdown';
 import { useDropdownEvents } from './shared/useDropdownEvents';

package/dist/esm/ui/shared/EditorHighlightIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SteppedRainbowIconDecoration } from '@atlaskit/editor-common/icons/SteppedRainbowIconDecoration';
 import EditFilledIcon from '@atlaskit/icon/core/edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 export var EditorHighlightIcon = function EditorHighlightIcon(_ref) {
   var disabled = _ref.disabled,
     selectedColor = _ref.selectedColor;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-highlight",
-	"version": "28.0.0",
+	"version": "28.0.1",
 	"description": "Highlight plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.6.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tmp-editor-statsig": "^241.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"