@atlaskit/jql-editor 5.2.0 → 5.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/jql-editor
 
+## 5.2.1
+
+### Patch Changes
+
+- [#144736](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144736)
+  [`ff74b78729adb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff74b78729adb) -
+  Internal change to move to Compiled CSS-in-JS styling.
+
 ## 5.2.0
 
 ### Minor Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.2.0", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.2.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/ui/jql-editor-controls-content/syntax-help/index.js

@@ -53,7 +53,8 @@ var SyntaxHelp = exports.SyntaxHelp = function SyntaxHelp() {
     content: /*#__PURE__*/_react.default.createElement(_styled.TooltipContent, null, label)
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
-    tag: _tooltipTag.TooltipTag
+    tag: _tooltipTag.TooltipTag,
+    isScreenReaderAnnouncementDisabled: true
   }, /*#__PURE__*/_react.default.createElement(_baseSyntaxHelp.BaseSyntaxHelp, {
     describedby: descriptionId,
     label: label,

package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -8,7 +8,7 @@ exports.JQLEditorHelp = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _form = require("@atlaskit/form");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../common/constants");
 var _useEditorTheme = require("../../../hooks/use-editor-theme");
 var _state = require("../../../state");
@@ -26,7 +26,7 @@ var JQLEditorHelp = exports.JQLEditorHelp = function JQLEditorHelp() {
   var _useScopedId = (0, _state.useScopedId)(_constants.JQL_EDITOR_HELP_CONTENT_ID),
     _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
     helpContentId = _useScopedId2[0];
-  var SearchMessage = /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  var SearchMessage = /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "UNSAFE_small",
     color: "inherit"
   }, formatMessage(_messages.messages.searchCommand, {
@@ -34,7 +34,7 @@ var JQLEditorHelp = exports.JQLEditorHelp = function JQLEditorHelp() {
       return /*#__PURE__*/_react.default.createElement("b", null, text);
     }
   }));
-  var NewLineMessage = /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  var NewLineMessage = /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "UNSAFE_small",
     color: "inherit"
   }, formatMessage(isSearch ? _messages.messages.newLineCommand : _messages.messages.fieldNewLineCommand, {

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/infos/index.js

@@ -12,7 +12,7 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
 var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
 var _information = _interopRequireDefault(require("@atlaskit/icon/utility/information"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _useEditorViewHasInfos = require("../../../../hooks/use-editor-view-has-infos");
 var _state = require("../../../../state");
@@ -35,7 +35,7 @@ var InfoMessages = exports.InfoMessages = function InfoMessages() {
   var infoMessage = useFormattedInfoMessage();
   return infoMessage != null ? /*#__PURE__*/_react.default.createElement(_format.MessageContainer, null, /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
     testId: "jql-editor-info-message"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     paddingInlineEnd: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_information.default, {

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/warnings/index.js

@@ -13,7 +13,7 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _warning2 = _interopRequireDefault(require("@atlaskit/icon/utility/warning"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _useEditorViewHasWarnings = require("../../../../hooks/use-editor-view-has-warnings");
 var _state = require("../../../../state");
@@ -104,7 +104,7 @@ var WarningMessages = exports.WarningMessages = function WarningMessages() {
   var warningMessage = useFormattedWarningMessage();
   return warningMessage != null ? /*#__PURE__*/_react.default.createElement(_format.MessageContainer, null, /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
     testId: "jql-editor-warning-message"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     paddingInlineEnd: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_warning2.default, {

package/dist/cjs/ui/jql-editor-layout/index.js

@@ -8,7 +8,7 @@ exports.default = exports.JQLEditorReadOnly = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _useEditorTheme = require("../../hooks/use-editor-theme");
 var _splitTextByNewLine = require("../../utils/split-text-by-new-line");
 var _readOnlyControlsContent = require("../jql-editor-controls-content/read-only-controls-content");
@@ -91,7 +91,7 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     "aria-controls": "dummy-jql-editor-auto-complete-id",
     "aria-label": "JQL query"
   }, blocks.map(function (block, index) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       as: "p",
       key: index
     }, block);

package/dist/es2019/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export const useJqlEditorAnalytics = analyticsSource => {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.2.0", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.2.1", ANALYTICS_CHANNEL);
 };

package/dist/es2019/ui/jql-editor-controls-content/syntax-help/index.js

@@ -35,7 +35,8 @@ export const SyntaxHelp = () => {
     content: /*#__PURE__*/React.createElement(TooltipContent, null, label)
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
-    tag: TooltipTag
+    tag: TooltipTag,
+    isScreenReaderAnnouncementDisabled: true
   }, /*#__PURE__*/React.createElement(BaseSyntaxHelp, {
     describedby: descriptionId,
     label: label,

package/dist/es2019/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HelperMessage } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { JQL_EDITOR_HELP_CONTENT_ID } from '../../../common/constants';
 import { useEditorThemeContext } from '../../../hooks/use-editor-theme';
 import { useEditorViewHasFocus, useIntl, useScopedId } from '../../../state';

package/dist/es2019/ui/jql-editor-footer-content/jql-messages/infos/index.js

@@ -3,7 +3,7 @@ import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import LegacyInfoIcon from '@atlaskit/icon/glyph/info';
 import InfoIcon from '@atlaskit/icon/utility/information';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasInfos } from '../../../../hooks/use-editor-view-has-infos';
 import { useExternalMessages } from '../../../../state';

package/dist/es2019/ui/jql-editor-footer-content/jql-messages/warnings/index.js

@@ -3,7 +3,7 @@ import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import LegacyWarningIcon from '@atlaskit/icon/glyph/warning';
 import WarningIcon from '@atlaskit/icon/utility/warning';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasWarnings } from '../../../../hooks/use-editor-view-has-warnings';
 import { useExternalMessages, useHydratedDeprecations, useIntl } from '../../../../state';

package/dist/es2019/ui/jql-editor-layout/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { EditorThemeContext, useEditorTheme, useEditorThemeContext } from '../../hooks/use-editor-theme';
 import { splitTextByNewLine } from '../../utils/split-text-by-new-line';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.2.0", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.2.1", ANALYTICS_CHANNEL);
 };

package/dist/esm/ui/jql-editor-controls-content/syntax-help/index.js

@@ -41,7 +41,8 @@ export var SyntaxHelp = function SyntaxHelp() {
     content: /*#__PURE__*/React.createElement(TooltipContent, null, label)
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
-    tag: TooltipTag
+    tag: TooltipTag,
+    isScreenReaderAnnouncementDisabled: true
   }, /*#__PURE__*/React.createElement(BaseSyntaxHelp, {
     describedby: descriptionId,
     label: label,

package/dist/esm/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { HelperMessage } from '@atlaskit/form';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { JQL_EDITOR_HELP_CONTENT_ID } from '../../../common/constants';
 import { useEditorThemeContext } from '../../../hooks/use-editor-theme';
 import { useEditorViewHasFocus, useIntl, useScopedId } from '../../../state';

package/dist/esm/ui/jql-editor-footer-content/jql-messages/infos/index.js

@@ -4,7 +4,7 @@ import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import LegacyInfoIcon from '@atlaskit/icon/glyph/info';
 import InfoIcon from '@atlaskit/icon/utility/information';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasInfos } from '../../../../hooks/use-editor-view-has-infos';
 import { useExternalMessages } from '../../../../state';

package/dist/esm/ui/jql-editor-footer-content/jql-messages/warnings/index.js

@@ -5,7 +5,7 @@ import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import LegacyWarningIcon from '@atlaskit/icon/glyph/warning';
 import WarningIcon from '@atlaskit/icon/utility/warning';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasWarnings } from '../../../../hooks/use-editor-view-has-warnings';
 import { useExternalMessages, useHydratedDeprecations, useIntl } from '../../../../state';

package/dist/esm/ui/jql-editor-layout/index.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["isSearch", "isCompact"];
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { EditorThemeContext, useEditorTheme, useEditorThemeContext } from '../../hooks/use-editor-theme';
 import { splitTextByNewLine } from '../../utils/split-text-by-new-line';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.2.0",
+	"version": "5.2.1",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^3.0.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",