@atlaskit/jql-editor 5.9.2 → 5.10.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/jql-editor
 
+## 5.10.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.9.2
 
 ### Patch 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.9.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/plugins/autocomplete/components/autocomplete-option/index.js

@@ -23,15 +23,6 @@ var _tag = _interopRequireDefault(require("@atlaskit/icon/core/tag"));
 var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
 var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
 var _jqlAst = require("@atlaskit/jql-ast");
-var _alignLeftIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/align-left-icon"));
-var _arrowDownCircleIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/arrow-down-circle-icon"));
-var _calendarIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/calendar-icon"));
-var _clockIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/clock-icon"));
-var _dataNumberIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/data-number-icon"));
-var _personAvatarIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/person-avatar-icon"));
-var _tagIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/tag-icon"));
-var _taskIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/task-icon"));
-var _textIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/text-icon"));
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _state = require("../../../../state");
@@ -39,11 +30,8 @@ var _messages = require("./messages");
 var _styled = require("./styled");
 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 ResizedIcon = function ResizedIcon(_ref) {
-  var Icon = _ref.Icon,
-    LegacyIcon = _ref.LegacyIcon;
+  var Icon = _ref.Icon;
   return /*#__PURE__*/_react.default.createElement(Icon, {
-    LEGACY_fallbackIcon: LegacyIcon,
-    LEGACY_size: "small",
     label: "",
     testId: "jql-editor-field-type-icon",
     color: "currentColor"
@@ -58,48 +46,39 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
   switch (type) {
     case 'Checkboxes':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _task.default,
-        LegacyIcon: _taskIcon.default
+        Icon: _task.default
       });
     case 'Date':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _calendar.default,
-        LegacyIcon: _calendarIcon.default
+        Icon: _calendar.default
       });
     case 'Dropdown':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _fieldDropdown.default,
-        LegacyIcon: _arrowDownCircleIcon.default
+        Icon: _fieldDropdown.default
       });
     case 'Labels':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _tag.default,
-        LegacyIcon: _tagIcon.default
+        Icon: _tag.default
       });
     case 'Number':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _dataNumber.default,
-        LegacyIcon: _dataNumberIcon.default
+        Icon: _dataNumber.default
       });
     case 'Paragraph':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _alignTextLeft.default,
-        LegacyIcon: _alignLeftIcon.default
+        Icon: _alignTextLeft.default
       });
     case 'People':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _personAvatar.default,
-        LegacyIcon: _personAvatarIcon.default
+        Icon: _personAvatar.default
       });
     case 'Short text':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _text.default,
-        LegacyIcon: _textIcon.default
+        Icon: _text.default
       });
     case 'Time stamp':
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
-        Icon: _clock.default,
-        LegacyIcon: _clockIcon.default
+        Icon: _clock.default
       });
     default:
       return null;

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

@@ -19,11 +19,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 
+var emptyArray = [];
 var JQLEditorInner = function JQLEditorInner(_ref) {
   var analyticsSource = _ref.analyticsSource,
     query = _ref.query,
     _ref$messages = _ref.messages,
-    messages = _ref$messages === void 0 ? [] : _ref$messages,
+    messages = _ref$messages === void 0 ? emptyArray : _ref$messages,
     inputRef = _ref.inputRef,
     isSearching = _ref.isSearching,
     onEditorMounted = _ref.onEditorMounted,

package/dist/cjs/ui/jql-editor-controls-content/base-expand-toggle/index.js

@@ -10,8 +10,6 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = require("@atlaskit/button/new");
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
-var _actualSize = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/actual-size"));
-var _fitToPage = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/fit-to-page"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _styled = require("./styled");
@@ -20,18 +18,14 @@ var ExpandCircleIcon = function ExpandCircleIcon(_ref) {
   var isDisabled = _ref.isDisabled;
   return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, {
     label: '',
-    LEGACY_size: 'small',
-    color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")"),
-    LEGACY_fallbackIcon: _actualSize.default
+    color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")")
   });
 };
 var CollapseCircleIcon = function CollapseCircleIcon(_ref2) {
   var isDisabled = _ref2.isDisabled;
   return /*#__PURE__*/_react.default.createElement(_shrinkDiagonal.default, {
     label: '',
-    LEGACY_size: 'small',
-    color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")"),
-    LEGACY_fallbackIcon: _fitToPage.default
+    color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")")
   });
 };
 var BaseExpandToggle = exports.BaseExpandToggle = function BaseExpandToggle(_ref3) {

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

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = require("@atlaskit/button/new");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
-var _question = _interopRequireDefault(require("@atlaskit/icon/glyph/question"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
@@ -53,10 +52,7 @@ var BaseSyntaxHelp = exports.BaseSyntaxHelp = function BaseSyntaxHelp(_ref) {
       xcss: iconStyle
     }, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
       label: '',
-      color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N0, ")") : "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
-      LEGACY_size: 'small',
-      LEGACY_fallbackIcon: _question.default,
-      LEGACY_margin: "-2px"
+      color: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N0, ")") : "var(--ds-icon-inverse, ".concat(_colors.N0, ")")
     })),
     onClick: onClick
   }));

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

@@ -11,7 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
 var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
-var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _useEditorViewHasInfos = require("../../../../hooks/use-editor-view-has-infos");
@@ -40,9 +39,6 @@ var InfoMessages = exports.InfoMessages = function InfoMessages() {
   }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
     label: "",
     color: "var(--ds-icon-information, ".concat(colors.B500, ")"),
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: _info.default,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), infoMessage)) : null;
 };

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

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
-var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -131,9 +130,6 @@ var WarningMessages = exports.WarningMessages = function WarningMessages() {
   }, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
     label: "",
     color: "var(--ds-icon-warning, ".concat(colors.Y400, ")"),
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: _warning.default,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), warningMessage)) : null;
 };

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.9.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
 };

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/index.js

@@ -13,26 +13,14 @@ import TagIcon from '@atlaskit/icon/core/tag';
 import CheckboxIcon from '@atlaskit/icon/core/task';
 import TextIcon from '@atlaskit/icon/core/text';
 import { normaliseJqlString } from '@atlaskit/jql-ast';
-import LegacyAlignLeftIcon from '@atlaskit/legacy-custom-icons/align-left-icon';
-import LegacyArrowDownIcon from '@atlaskit/legacy-custom-icons/arrow-down-circle-icon';
-import LegacyCalendarIcon from '@atlaskit/legacy-custom-icons/calendar-icon';
-import LegacyClockIcon from '@atlaskit/legacy-custom-icons/clock-icon';
-import LegacyDataNumberIcon from '@atlaskit/legacy-custom-icons/data-number-icon';
-import LegacyPersonAvatarIcon from '@atlaskit/legacy-custom-icons/person-avatar-icon';
-import LegacyTagIcon from '@atlaskit/legacy-custom-icons/tag-icon';
-import LegacyCheckboxIcon from '@atlaskit/legacy-custom-icons/task-icon';
-import LegacyTextIcon from '@atlaskit/legacy-custom-icons/text-icon';
 import { N400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { useIntl } from '../../../../state';
 import { messages } from './messages';
 import { DeprecatedOptionContainer, FieldType, FieldTypeIcon, OptionHighlight, OptionListItem, OptionName, TooltipContent } from './styled';
 const ResizedIcon = ({
-  Icon,
-  LegacyIcon
+  Icon
 }) => /*#__PURE__*/React.createElement(Icon, {
-  LEGACY_fallbackIcon: LegacyIcon,
-  LEGACY_size: "small",
   label: "",
   testId: "jql-editor-field-type-icon",
   color: "currentColor"
@@ -46,48 +34,39 @@ const getFieldTypeIcon = type => {
   switch (type) {
     case 'Checkboxes':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: CheckboxIcon,
-        LegacyIcon: LegacyCheckboxIcon
+        Icon: CheckboxIcon
       });
     case 'Date':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: CalendarIcon,
-        LegacyIcon: LegacyCalendarIcon
+        Icon: CalendarIcon
       });
     case 'Dropdown':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: FieldDropdownIcon,
-        LegacyIcon: LegacyArrowDownIcon
+        Icon: FieldDropdownIcon
       });
     case 'Labels':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: TagIcon,
-        LegacyIcon: LegacyTagIcon
+        Icon: TagIcon
       });
     case 'Number':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: DataNumberIcon,
-        LegacyIcon: LegacyDataNumberIcon
+        Icon: DataNumberIcon
       });
     case 'Paragraph':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: AlignTextLeftIcon,
-        LegacyIcon: LegacyAlignLeftIcon
+        Icon: AlignTextLeftIcon
       });
     case 'People':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: PersonAvatarIcon,
-        LegacyIcon: LegacyPersonAvatarIcon
+        Icon: PersonAvatarIcon
       });
     case 'Short text':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: TextIcon,
-        LegacyIcon: LegacyTextIcon
+        Icon: TextIcon
       });
     case 'Time stamp':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: ClockIcon,
-        LegacyIcon: LegacyClockIcon
+        Icon: ClockIcon
       });
     default:
       return null;

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

@@ -5,13 +5,15 @@ import { useJqlEditorAnalytics } from '../../analytics';
 import { EditorThemeContext, useEditorTheme } from '../../hooks/use-editor-theme';
 import { EditorStateContainer } from '../../state';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
 import { JQLEditorPortalRenderer } from '../jql-editor-portal-provider';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import JQLEditorView from '../jql-editor-view';
+const emptyArray = [];
 const JQLEditorInner = ({
   analyticsSource,
   query,
-  messages = [],
+  messages = emptyArray,
   inputRef,
   isSearching,
   onEditorMounted,

package/dist/es2019/ui/jql-editor-controls-content/base-expand-toggle/index.js

@@ -3,8 +3,6 @@ import Button from '@atlaskit/button';
 import { IconButton } from '@atlaskit/button/new';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import ShrinkDiagonalIcon from '@atlaskit/icon/core/shrink-diagonal';
-import LegacyMediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
-import LegacyMediaServicesFitToPageIcon from '@atlaskit/icon/glyph/media-services/fit-to-page';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N50, N500 } from '@atlaskit/theme/colors';
 import { ExpandToggleContainer } from './styled';
@@ -14,17 +12,13 @@ const ExpandCircleIcon = ({
   isDisabled
 }) => /*#__PURE__*/React.createElement(GrowDiagonalIcon, {
   label: '',
-  LEGACY_size: 'small',
-  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`,
-  LEGACY_fallbackIcon: LegacyMediaServicesActualSizeIcon
+  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`
 });
 const CollapseCircleIcon = ({
   isDisabled
 }) => /*#__PURE__*/React.createElement(ShrinkDiagonalIcon, {
   label: '',
-  LEGACY_size: 'small',
-  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`,
-  LEGACY_fallbackIcon: LegacyMediaServicesFitToPageIcon
+  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`
 });
 export const BaseExpandToggle = ({
   expanded,

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

@@ -3,7 +3,6 @@ import React from 'react';
 import Button from '@atlaskit/button';
 import { LinkIconButton } from '@atlaskit/button/new';
 import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
-import LegacyQuestionIcon from '@atlaskit/icon/glyph/question';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
@@ -45,10 +44,7 @@ export const BaseSyntaxHelp = ({
       xcss: iconStyle
     }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
       label: '',
-      color: isDisabled ? `var(--ds-icon-disabled, ${N0})` : `var(--ds-icon-inverse, ${N0})`,
-      LEGACY_size: 'small',
-      LEGACY_fallbackIcon: LegacyQuestionIcon,
-      LEGACY_margin: "-2px"
+      color: isDisabled ? `var(--ds-icon-disabled, ${N0})` : `var(--ds-icon-inverse, ${N0})`
     })),
     onClick: onClick
   }));

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import StatusInformationIcon from '@atlaskit/icon/core/status-information';
-import LegacyInfoIcon from '@atlaskit/icon/glyph/info';
 import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasInfos } from '../../../../hooks/use-editor-view-has-infos';
@@ -30,9 +29,6 @@ export const InfoMessages = () => {
   }, /*#__PURE__*/React.createElement(StatusInformationIcon, {
     label: "",
     color: `var(--ds-icon-information, ${colors.B500})`,
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyInfoIcon,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), infoMessage)) : null;
 };

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

@@ -2,7 +2,6 @@ import React, { useCallback } from 'react';
 import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
-import LegacyWarningIcon from '@atlaskit/icon/glyph/warning';
 import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -102,9 +101,6 @@ export const WarningMessages = () => {
   }, /*#__PURE__*/React.createElement(StatusWarningIcon, {
     label: "",
     color: `var(--ds-icon-warning, ${colors.Y400})`,
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyWarningIcon,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), warningMessage)) : null;
 };

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.9.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
 };

package/dist/esm/plugins/autocomplete/components/autocomplete-option/index.js

@@ -15,26 +15,14 @@ import TagIcon from '@atlaskit/icon/core/tag';
 import CheckboxIcon from '@atlaskit/icon/core/task';
 import TextIcon from '@atlaskit/icon/core/text';
 import { normaliseJqlString } from '@atlaskit/jql-ast';
-import LegacyAlignLeftIcon from '@atlaskit/legacy-custom-icons/align-left-icon';
-import LegacyArrowDownIcon from '@atlaskit/legacy-custom-icons/arrow-down-circle-icon';
-import LegacyCalendarIcon from '@atlaskit/legacy-custom-icons/calendar-icon';
-import LegacyClockIcon from '@atlaskit/legacy-custom-icons/clock-icon';
-import LegacyDataNumberIcon from '@atlaskit/legacy-custom-icons/data-number-icon';
-import LegacyPersonAvatarIcon from '@atlaskit/legacy-custom-icons/person-avatar-icon';
-import LegacyTagIcon from '@atlaskit/legacy-custom-icons/tag-icon';
-import LegacyCheckboxIcon from '@atlaskit/legacy-custom-icons/task-icon';
-import LegacyTextIcon from '@atlaskit/legacy-custom-icons/text-icon';
 import { N400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { useIntl } from '../../../../state';
 import { messages } from './messages';
 import { DeprecatedOptionContainer, FieldType, FieldTypeIcon, OptionHighlight, OptionListItem, OptionName, TooltipContent } from './styled';
 var ResizedIcon = function ResizedIcon(_ref) {
-  var Icon = _ref.Icon,
-    LegacyIcon = _ref.LegacyIcon;
+  var Icon = _ref.Icon;
   return /*#__PURE__*/React.createElement(Icon, {
-    LEGACY_fallbackIcon: LegacyIcon,
-    LEGACY_size: "small",
     label: "",
     testId: "jql-editor-field-type-icon",
     color: "currentColor"
@@ -49,48 +37,39 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
   switch (type) {
     case 'Checkboxes':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: CheckboxIcon,
-        LegacyIcon: LegacyCheckboxIcon
+        Icon: CheckboxIcon
       });
     case 'Date':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: CalendarIcon,
-        LegacyIcon: LegacyCalendarIcon
+        Icon: CalendarIcon
       });
     case 'Dropdown':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: FieldDropdownIcon,
-        LegacyIcon: LegacyArrowDownIcon
+        Icon: FieldDropdownIcon
       });
     case 'Labels':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: TagIcon,
-        LegacyIcon: LegacyTagIcon
+        Icon: TagIcon
       });
     case 'Number':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: DataNumberIcon,
-        LegacyIcon: LegacyDataNumberIcon
+        Icon: DataNumberIcon
       });
     case 'Paragraph':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: AlignTextLeftIcon,
-        LegacyIcon: LegacyAlignLeftIcon
+        Icon: AlignTextLeftIcon
       });
     case 'People':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: PersonAvatarIcon,
-        LegacyIcon: LegacyPersonAvatarIcon
+        Icon: PersonAvatarIcon
       });
     case 'Short text':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: TextIcon,
-        LegacyIcon: LegacyTextIcon
+        Icon: TextIcon
       });
     case 'Time stamp':
       return /*#__PURE__*/React.createElement(ResizedIcon, {
-        Icon: ClockIcon,
-        LegacyIcon: LegacyClockIcon
+        Icon: ClockIcon
       });
     default:
       return null;

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

@@ -5,14 +5,16 @@ import { useJqlEditorAnalytics } from '../../analytics';
 import { EditorThemeContext, useEditorTheme } from '../../hooks/use-editor-theme';
 import { EditorStateContainer } from '../../state';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
 import { JQLEditorPortalRenderer } from '../jql-editor-portal-provider';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import JQLEditorView from '../jql-editor-view';
+var emptyArray = [];
 var JQLEditorInner = function JQLEditorInner(_ref) {
   var analyticsSource = _ref.analyticsSource,
     query = _ref.query,
     _ref$messages = _ref.messages,
-    messages = _ref$messages === void 0 ? [] : _ref$messages,
+    messages = _ref$messages === void 0 ? emptyArray : _ref$messages,
     inputRef = _ref.inputRef,
     isSearching = _ref.isSearching,
     onEditorMounted = _ref.onEditorMounted,

package/dist/esm/ui/jql-editor-controls-content/base-expand-toggle/index.js

@@ -3,8 +3,6 @@ import Button from '@atlaskit/button';
 import { IconButton } from '@atlaskit/button/new';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import ShrinkDiagonalIcon from '@atlaskit/icon/core/shrink-diagonal';
-import LegacyMediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
-import LegacyMediaServicesFitToPageIcon from '@atlaskit/icon/glyph/media-services/fit-to-page';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N50, N500 } from '@atlaskit/theme/colors';
 import { ExpandToggleContainer } from './styled';
@@ -14,18 +12,14 @@ var ExpandCircleIcon = function ExpandCircleIcon(_ref) {
   var isDisabled = _ref.isDisabled;
   return /*#__PURE__*/React.createElement(GrowDiagonalIcon, {
     label: '',
-    LEGACY_size: 'small',
-    color: isDisabled ? "var(--ds-icon-disabled, ".concat(N50, ")") : "var(--ds-icon, ".concat(N500, ")"),
-    LEGACY_fallbackIcon: LegacyMediaServicesActualSizeIcon
+    color: isDisabled ? "var(--ds-icon-disabled, ".concat(N50, ")") : "var(--ds-icon, ".concat(N500, ")")
   });
 };
 var CollapseCircleIcon = function CollapseCircleIcon(_ref2) {
   var isDisabled = _ref2.isDisabled;
   return /*#__PURE__*/React.createElement(ShrinkDiagonalIcon, {
     label: '',
-    LEGACY_size: 'small',
-    color: isDisabled ? "var(--ds-icon-disabled, ".concat(N50, ")") : "var(--ds-icon, ".concat(N500, ")"),
-    LEGACY_fallbackIcon: LegacyMediaServicesFitToPageIcon
+    color: isDisabled ? "var(--ds-icon-disabled, ".concat(N50, ")") : "var(--ds-icon, ".concat(N500, ")")
   });
 };
 export var BaseExpandToggle = function BaseExpandToggle(_ref3) {

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

@@ -3,7 +3,6 @@ import React from 'react';
 import Button from '@atlaskit/button';
 import { LinkIconButton } from '@atlaskit/button/new';
 import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
-import LegacyQuestionIcon from '@atlaskit/icon/glyph/question';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
@@ -46,10 +45,7 @@ export var BaseSyntaxHelp = function BaseSyntaxHelp(_ref) {
       xcss: iconStyle
     }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
       label: '',
-      color: isDisabled ? "var(--ds-icon-disabled, ".concat(N0, ")") : "var(--ds-icon-inverse, ".concat(N0, ")"),
-      LEGACY_size: 'small',
-      LEGACY_fallbackIcon: LegacyQuestionIcon,
-      LEGACY_margin: "-2px"
+      color: isDisabled ? "var(--ds-icon-disabled, ".concat(N0, ")") : "var(--ds-icon-inverse, ".concat(N0, ")")
     })),
     onClick: onClick
   }));

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

@@ -3,7 +3,6 @@ import React from 'react';
 import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import StatusInformationIcon from '@atlaskit/icon/core/status-information';
-import LegacyInfoIcon from '@atlaskit/icon/glyph/info';
 import { Box } from '@atlaskit/primitives/compiled';
 import * as colors from '@atlaskit/theme/colors';
 import { useEditorViewHasInfos } from '../../../../hooks/use-editor-view-has-infos';
@@ -31,9 +30,6 @@ export var InfoMessages = function InfoMessages() {
   }, /*#__PURE__*/React.createElement(StatusInformationIcon, {
     label: "",
     color: "var(--ds-icon-information, ".concat(colors.B500, ")"),
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyInfoIcon,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), infoMessage)) : null;
 };

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

@@ -4,7 +4,6 @@ import React, { useCallback } from 'react';
 import { di } from 'react-magnetic-di';
 import { HelperMessage } from '@atlaskit/form';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
-import LegacyWarningIcon from '@atlaskit/icon/glyph/warning';
 import Link from '@atlaskit/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -122,9 +121,6 @@ export var WarningMessages = function WarningMessages() {
   }, /*#__PURE__*/React.createElement(StatusWarningIcon, {
     label: "",
     color: "var(--ds-icon-warning, ".concat(colors.Y400, ")"),
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyWarningIcon,
-    LEGACY_margin: "0 -4px 0 0",
     size: "small"
   })), warningMessage)) : null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.9.2",
+	"version": "5.10.0",
 	"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",
@@ -35,16 +35,15 @@
 		"@atlaskit/afm-i18n-platform-jql-jql-editor": "2.10.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.5.0",
-		"@atlaskit/button": "^23.7.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/avatar": "^25.6.0",
+		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/form": "^15.0.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^3.0.0",
 		"@atlaskit/jql-parser": "^2.0.0",
-		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
@@ -53,7 +52,7 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -84,8 +83,7 @@
 		"@storybook/addon-actions": "^8.6.14",
 		"@storybook/addon-knobs": "^6.4.0",
 		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"techstack": {