@atlaskit/link-picker 1.39.5 → 1.41.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/link-picker
 
+## 1.41.0
+
+### Minor Changes
+
+- [#124114](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/124114)
+  [`0add97fe66134`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0add97fe66134) -
+  A `/lazy` entrypoint has been added.
+
+  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+
+  ```tsx
+  import LinkPicker from '@atlaskit/link-picker';
+  ```
+
+  Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+
+  ```tsx
+  import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+  ```
+
+## 1.40.0
+
+### Minor Changes
+
+- [#117215](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117215)
+  [`3f2423168897d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3f2423168897d) -
+  [ux] Updated components to use new iconography behind a feature flag
+
 ## 1.39.5
 
 ### Patch Changes

package/dist/cjs/common/generic-error-svg/index.js

@@ -7,7 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.GenericErrorSVG = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var HEIGHT = 90;

package/dist/cjs/common/ui/min-height-container/index.js

@@ -13,7 +13,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _styled = require("./styled");
 var _excluded = ["minHeight"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "LinkPicker", {
   enumerable: true,
   get: function get() {
-    return _ui.default;
+    return _ui.DeprecatedLazyLinkPickerExport;
   }
 });
 Object.defineProperty(exports, "LoaderFallback", {
@@ -22,6 +22,14 @@ Object.defineProperty(exports, "UnauthenticatedError", {
     return _errors.UnauthenticatedError;
   }
 });
-var _ui = _interopRequireDefault(require("./ui"));
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ui.default;
+  }
+});
+var _ui = _interopRequireWildcard(require("./ui"));
 var _errors = require("./common/utils/errors");
-var _loaderFallback = require("./ui/loader-fallback");
+var _loaderFallback = require("./ui/loader-fallback");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/lazy.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LazyLinkPicker", {
+  enumerable: true,
+  get: function get() {
+    return _lazy.default;
+  }
+});
+var _lazy = _interopRequireDefault(require("./ui/lazy"));

package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js

@@ -13,7 +13,10 @@ var _emptyState = require("../../../common/ui/empty-state");
 var _minHeightContainer = require("../../../common/ui/min-height-container");
 var _styled = require("../../link-picker/styled");
 var _styled2 = require("./styled");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports

package/dist/cjs/ui/index.js

@@ -4,84 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = exports.PACKAGE_DATA = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../common/constants");
-var _sessionProvider = require("../controllers/session-provider");
-var _errorBoundary = require("./error-boundary");
-var _loaderFallback = require("./loader-fallback");
-var _messagesProvider = require("./messages-provider");
-var _styled = require("./styled");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var testIds = exports.testIds = {
-  linkPickerRoot: 'link-picker-root'
-};
-var PACKAGE_DATA = exports.PACKAGE_DATA = {
-  packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.39.5" || '',
-  componentName: _constants.COMPONENT_NAME,
-  source: _constants.COMPONENT_NAME
-};
-var LazyLinkPicker = (0, _reactLooselyLazy.lazyForPaint)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
-    './link-picker'));
-  }).then(function (_ref) {
-    var LinkPicker = _ref.LinkPicker;
-    return {
-      default: LinkPicker
-    };
-  });
-});
-var DefaultRootComponent = function DefaultRootComponent(_ref2) {
-  var children = _ref2.children;
-  return (0, _react2.jsx)("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-var FixedWidthContainer = function FixedWidthContainer(props) {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: _styled.fixedWidthContainerStyles
-  }, props));
-};
-var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$paddingLeft, _props$paddingRight, _props$paddingTop, _props$paddingBottom, _ref3;
-  var component = props.component;
-  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-
-  /**
-   * When ff enabled: root container will provide width to component + loader + error boundary
-   * When ff disabled: component + loader + error boundary each providing their own width
-   * Cannot make this change easier at risk of regression as external adopters may have css override on the form element
-   */
-  var RootFixedWidthContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? FixedWidthContainer : _react.Fragment;
-  var LoaderFallbackContainer = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? _react.Fragment : FixedWidthContainer;
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
-    data: PACKAGE_DATA
-  }, (0, _react2.jsx)(_sessionProvider.LinkPickerSessionProvider, null, (0, _react2.jsx)(_messagesProvider.MessagesProvider, null, (0, _react2.jsx)("div", {
-    style: (_ref3 = {}, (0, _defineProperty2.default)(_ref3, '--link-picker-width', props.disableWidth ? '100%' : // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    "".concat(_constants.LINK_PICKER_WIDTH_IN_PX, "px")), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-left', (_props$paddingLeft = props.paddingLeft) !== null && _props$paddingLeft !== void 0 ? _props$paddingLeft : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-right', (_props$paddingRight = props.paddingRight) !== null && _props$paddingRight !== void 0 ? _props$paddingRight : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-top', (_props$paddingTop = props.paddingTop) !== null && _props$paddingTop !== void 0 ? _props$paddingTop : "var(--ds-space-200, 16px)"), (0, _defineProperty2.default)(_ref3, '--link-picker-padding-bottom', (_props$paddingBottom = props.paddingBottom) !== null && _props$paddingBottom !== void 0 ? _props$paddingBottom : "var(--ds-space-200, 16px)"), _ref3)
-  }, (0, _react2.jsx)(RootFixedWidthContainer, null, (0, _react2.jsx)(_errorBoundary.ErrorBoundary, null, (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
-    fallback: (0, _react2.jsx)(LoaderFallbackContainer, null, (0, _react2.jsx)(_loaderFallback.LoaderFallback, {
-      url: props.url,
-      hideDisplayText: props.hideDisplayText,
-      isLoadingPlugins: props.isLoadingPlugins,
-      plugins: props.plugins
-    }))
-  }, (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), (0, _react2.jsx)(LazyLinkPicker, props)))))))));
-});
+exports.default = exports.DeprecatedLazyLinkPickerExport = void 0;
+var _lazy = _interopRequireDefault(require("./lazy"));
+var _linkPicker = require("./link-picker");
+var _main = require("./main");
+/**
+ * @deprecated A `/lazy` entrypoint has been added.
+ * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.
+ * ```tsx
+ * import LinkPicker from '@atlaskit/link-picker';
+ * ```
+ * @example Prefer the `LazyLinkPicker` export from the `/lazy` entrypoint if you want a lazy-loaded version.
+ * ```tsx
+ * import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
+ * ```
+ */
+var DeprecatedLazyLinkPickerExport = exports.DeprecatedLazyLinkPickerExport = _lazy.default;
 
 // Must be a default export to be able to support prop docs
 // eslint-disable-next-line import/no-default-export
-var _default = exports.default = ComposedLinkPicker;
+var _default = exports.default = (0, _main.composeLinkPicker)(_linkPicker.LinkPicker);

package/dist/cjs/ui/lazy.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _main = require("./main");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var LazyLinkPickerComponent = (0, _reactLooselyLazy.lazyForPaint)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
+    './link-picker'));
+  }).then(function (_ref) {
+    var LinkPicker = _ref.LinkPicker;
+    return {
+      default: LinkPicker
+    };
+  });
+});
+
+// Must be a default export to be able to support prop docs
+// eslint-disable-next-line import/no-default-export
+var _default = exports.default = (0, _main.composeLinkPicker)(LazyLinkPickerComponent);

package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js

@@ -8,7 +8,10 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
 var _styled = require("./styled");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/ui/link-picker/form-footer/index.js

@@ -15,13 +15,17 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _button = _interopRequireWildcard(require("@atlaskit/button"));
 var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
+var _add2 = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _errors = require("../../../common/utils/errors");
 var _featureDiscovery = _interopRequireDefault(require("./feature-discovery"));
 var _styled = require("./styled");
 var _utils = require("./utils");
 var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -84,9 +88,11 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
       testId: testIds.actionButton,
       onClick: pluginAction.callback,
       appearance: "default",
-      iconBefore: (0, _react2.jsx)(_add.default, {
+      iconBefore: (0, _react2.jsx)(_add2.default, {
         label: "",
-        size: "medium"
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: _add.default,
+        color: "currentColor"
       }),
       isDisabled: isSubmitting,
       "aria-labelledby": isSubmitting ? submitMessageId : undefined

package/dist/cjs/ui/link-picker/index.js

@@ -31,7 +31,10 @@ var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
 var _utils = require("./utils");
 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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -390,7 +393,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
     /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
           the feature flag is enabled */,
-    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-jira-create'),
+    createFeatureDiscovery: (activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) === 'jira' && allowCreateFeatureDiscovery && (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.enable-jira-create'),
     customSubmitButtonLabel: customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined
   }));
 }));

package/dist/cjs/ui/link-picker/search-results/index.js

@@ -22,7 +22,10 @@ var _trackTabViewed = require("./track-tab-viewed");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
   tabList: 'link-picker-tabs',

package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js

@@ -12,7 +12,10 @@ var _atlassianContext = require("@atlaskit/atlassian-context");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _genericErrorSvg = require("../../../../common/generic-error-svg");
 var _emptyState = require("../../../../common/ui/empty-state");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var CONTACT_SUPPORT_LINK = exports.CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';

package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js

@@ -22,7 +22,10 @@ var _styled = require("./styled");
 var _useTrackResultsShown = require("./use-track-results-shown");
 var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "ariaReadOnly", "role", "id", "hasSearchTerm", "activePlugin"];
 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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',

package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NoResultsSVG = void 0;
 var _react = require("@emotion/react");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var HEIGHT = 120;

package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js

@@ -9,7 +9,10 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _transformTimeStamp = require("../../../transformTimeStamp");
 var _styled = require("./styled");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js

@@ -10,16 +10,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left"));
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
+var _new = require("@atlaskit/button/new");
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right"));
 var _scrollingTabs = require("./scrolling-tabs");
 var _styles = require("./styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function isTouchDevice() {
   return 'ontouchstart' in window ||
   // eslint-disable-next-line compat/compat
@@ -121,7 +124,7 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
   }, [onTabClick, ghost, ref]);
   var buttonProps = {
     appearance: 'subtle',
-    spacing: 'none'
+    spacing: 'compact'
   };
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -134,30 +137,27 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
     (0, _react2.jsx)("div", {
       className: "back",
       css: _styles.backButtonStyles
-    }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
-      "data-test-id": "back"
-    }, buttonProps, {
-      iconBefore: (0, _react2.jsx)(_chevronLeft.default, {
-        label: "back"
-      }),
+    }, (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({
+      "data-test-id": "back",
       onClick: function onClick() {
         return (0, _scrollingTabs.scrollBack)(ref);
-      }
-    }))), (0, _react2.jsx)("div", {
+      },
+      label: "back",
+      icon: _chevronLeft.default
+    }, buttonProps))), (0, _react2.jsx)("div", {
       css: _styles.scrollingContainerStyles
     }, props.children), conditionalButtons.forward &&
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("div", {
       css: _styles.nextButtonStyles
-    }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
-      "data-test-id": "forward"
-    }, buttonProps, {
-      iconBefore: (0, _react2.jsx)(_chevronRight.default, {
-        label: "forward"
-      }),
+    }, (0, _react2.jsx)(_new.IconButton, (0, _extends2.default)({
+      "data-test-id": "forward",
       onClick: function onClick() {
         return (0, _scrollingTabs.scrollForward)(ref);
       }
+    }, buttonProps, {
+      label: "forward",
+      icon: _chevronRight.default
     }))))
   );
 };

package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js

@@ -13,7 +13,10 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _minHeightContainer = require("../../../../common/ui/min-height-container");
 var _styled = require("./styled");
 var _excluded = ["hasTabs"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hasTabs = _ref.hasTabs,

package/dist/cjs/ui/link-picker/search-results/track-tab-viewed/index.js

@@ -9,7 +9,10 @@ var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../../../common/constants");
 var _analytics = _interopRequireDefault(require("../../../../common/utils/analytics/analytics.codegen"));
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 function TrackTabViewed(_ref) {
   var activePlugin = _ref.activePlugin;

package/dist/cjs/ui/link-picker/text-input/index.js

@@ -10,14 +10,17 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _form = require("@atlaskit/form");
-var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
+var _crossCircleSelectClear = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle--select-clear"));
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _conditionalSpotlightTargetWrapper = require("./conditional-spotlight-target-wrapper");
 var _utils = require("./utils");
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * Overidding text input margin top which design system provides as a default spacer
@@ -93,10 +96,11 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     xcss: clearTextButtonStyles,
     onClick: handleClear,
     testId: testIds.clearUrlButton
-  }, (0, _react2.jsx)(_selectClear.default, {
-    size: "medium",
+  }, (0, _react2.jsx)(_crossCircleSelectClear.default, {
+    LEGACY_size: "medium",
     label: clearLabel || '',
-    primaryColor: "var(--ds-icon-subtle, #626F86)"
+    color: "var(--ds-icon-subtle, #626F86)",
+    spacing: "spacious"
   })));
   return (0, _react2.jsx)("div", {
     css: fieldStyles

package/dist/cjs/ui/link-picker/track-mount/index.js

@@ -11,7 +11,10 @@ var _experiences = require("../../../common/analytics/experiences");
 var _constants = require("../../../common/constants");
 var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _sessionProvider = require("../../../controllers/session-provider");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
 /**
  * UFO + Analytics tracking for component mount (and unmount)

package/dist/cjs/ui/loader-fallback/index.js

@@ -9,7 +9,10 @@ var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _minHeightContainer = require("../../common/ui/min-height-container");
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var styles = (0, _react.css)({