@atlaskit/link-picker 1.48.3 → 1.49.1

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,34 +6,27 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.messages = exports.FormFooter = void 0;
+exports.testIds = exports.messages = exports.FormFooterNew = exports.FormFooter = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireWildcard(require("@atlaskit/button"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
 var _add2 = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _errors = require("../../../common/utils/errors");
-var _featureDiscovery = _interopRequireDefault(require("./feature-discovery"));
 var _linkPickerSubmitButton = require("./link-picker-submit-button");
-var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "createFeatureDiscovery", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _old = require("./old");
+var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton", "className"];
 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 && {}.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 formFooterStyles = (0, _react2.css)({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-var formFooterActionStyles = (0, _react2.css)({
-  marginRight: 'auto'
-});
+var formFooterStyles = null;
+var formFooterActionStyles = null;
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -49,11 +43,9 @@ var testIds = exports.testIds = {
   insertButton: 'link-picker-insert-button',
   cancelButton: 'link-picker-cancel-button',
   actionButton: 'link-picker-action-button',
-  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator',
-  /** Feature discovery for action button (css pulse) */
-  actionButtonDiscovery: 'link-picker-action-button-discovery'
+  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator'
 };
-var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+var FormFooterNew = exports.FormFooterNew = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var isLoading = _ref.isLoading,
     _ref$isSubmitting = _ref.isSubmitting,
     isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
@@ -64,22 +56,21 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
     isEditing = _ref.isEditing,
     onCancel = _ref.onCancel,
     action = _ref.action,
-    _ref$createFeatureDis = _ref.createFeatureDiscovery,
-    createFeatureDiscovery = _ref$createFeatureDis === void 0 ? false : _ref$createFeatureDis,
     customSubmitButtonLabel = _ref.customSubmitButtonLabel,
     submitMessageId = _ref.submitMessageId,
     hideSubmitButton = _ref.hideSubmitButton,
+    className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var intl = (0, _reactIntlNext.useIntl)();
   if (error && error instanceof _errors.UnauthenticatedError) {
     return null;
   }
   var createButton = function createButton(pluginAction) {
-    return (0, _react2.jsx)(_button.default, {
+    return /*#__PURE__*/React.createElement(_button.default, {
       testId: testIds.actionButton,
       onClick: pluginAction.callback,
       appearance: "default",
-      iconBefore: (0, _react2.jsx)(_add2.default, {
+      iconBefore: /*#__PURE__*/React.createElement(_add2.default, {
         label: "",
         LEGACY_size: "medium",
         LEGACY_fallbackIcon: _add.default,
@@ -89,23 +80,21 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
       "aria-labelledby": isSubmitting ? submitMessageId : undefined
     }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
   };
-  return (0, _react2.jsx)("footer", (0, _extends2.default)({
-    css: formFooterStyles
-  }, restProps), isSubmitting && (0, _react2.jsx)(_visuallyHidden.default, {
+  return /*#__PURE__*/React.createElement("footer", (0, _extends2.default)({
+    className: (0, _runtime.ax)(["_1e0c1txw _1bahesu3", className])
+  }, restProps), isSubmitting && /*#__PURE__*/React.createElement(_visuallyHidden.default, {
     role: "status",
     id: submitMessageId,
     testId: testIds.submitStatusA11yIndicator
-  }, intl.formatMessage(messages.submittingStatusMessage)), action && (0, _react2.jsx)("div", {
-    css: formFooterActionStyles
-  }, createFeatureDiscovery ? (0, _react2.jsx)(_featureDiscovery.default, {
-    testId: testIds.actionButtonDiscovery
-  }, createButton(action)) : createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, onCancel && (0, _react2.jsx)(_button.default, {
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2hwx1wug"])
+  }, createButton(action)), /*#__PURE__*/React.createElement(_button.ButtonGroup, null, onCancel && /*#__PURE__*/React.createElement(_button.default, {
     appearance: "subtle",
     onClick: onCancel,
     testId: testIds.cancelButton,
     isDisabled: isSubmitting,
     "aria-labelledby": isSubmitting ? submitMessageId : undefined
-  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && (0, _react2.jsx)(_linkPickerSubmitButton.LinkPickerSubmitButton, {
+  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && /*#__PURE__*/React.createElement(_linkPickerSubmitButton.LinkPickerSubmitButton, {
     isEditing: isEditing,
     isLoading: isLoading,
     isSubmitting: isSubmitting,
@@ -117,4 +106,10 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
     testId: testIds.insertButton,
     url: url
   })));
-});
+});
+var FormFooter = exports.FormFooter = function FormFooter(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-picker-css')) {
+    return /*#__PURE__*/React.createElement(FormFooterNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_old.FormFooterOld, props);
+};

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

@@ -5,16 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = exports.LinkPickerSubmitButton = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _utils = require("./utils");
-/**
- * @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)({
   saveButton: {
     id: 'fabric.linkPicker.button.save',
@@ -41,7 +35,7 @@ var LinkPickerSubmitButton = exports.LinkPickerSubmitButton = function LinkPicke
   var intl = (0, _reactIntlNext.useIntl)();
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   var isSubmitDisabled = (0, _utils.checkSubmitDisabled)(isLoading, isSubmitting, error, url, queryState, items);
-  return (0, _react.jsx)(_loadingButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_loadingButton.default, {
     type: "submit",
     appearance: "primary",
     testId: testId,

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testIds = exports.messages = exports.FormFooterOld = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireWildcard(require("@atlaskit/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 _linkPickerSubmitButton = require("../link-picker-submit-button");
+var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton"];
+/* eslint-disable @atlassian/tangerine/import/no-parent-imports */
+/**
+ * @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 && {}.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 formFooterStyles = (0, _react2.css)({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+var formFooterActionStyles = (0, _react2.css)({
+  marginRight: 'auto'
+});
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  cancelButton: {
+    id: 'fabric.linkPicker.button.cancel',
+    defaultMessage: 'Cancel',
+    description: 'Button to cancel and dismiss the link picker'
+  },
+  submittingStatusMessage: {
+    id: 'fabric.linkPicker.status.submitting',
+    defaultMessage: 'Submitting',
+    description: 'Accessibility text to indicate the form has been submitted, and submission is in-progress'
+  }
+});
+var testIds = exports.testIds = {
+  insertButton: 'link-picker-insert-button',
+  cancelButton: 'link-picker-cancel-button',
+  actionButton: 'link-picker-action-button',
+  submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator',
+  /** Feature discovery for action button (css pulse) */
+  actionButtonDiscovery: 'link-picker-action-button-discovery'
+};
+var FormFooterOld = exports.FormFooterOld = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var isLoading = _ref.isLoading,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    error = _ref.error,
+    url = _ref.url,
+    queryState = _ref.queryState,
+    items = _ref.items,
+    isEditing = _ref.isEditing,
+    onCancel = _ref.onCancel,
+    action = _ref.action,
+    customSubmitButtonLabel = _ref.customSubmitButtonLabel,
+    submitMessageId = _ref.submitMessageId,
+    hideSubmitButton = _ref.hideSubmitButton,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var intl = (0, _reactIntlNext.useIntl)();
+  if (error && error instanceof _errors.UnauthenticatedError) {
+    return null;
+  }
+  var createButton = function createButton(pluginAction) {
+    return (0, _react2.jsx)(_button.default, {
+      testId: testIds.actionButton,
+      onClick: pluginAction.callback,
+      appearance: "default",
+      iconBefore: (0, _react2.jsx)(_add2.default, {
+        label: "",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: _add.default,
+        color: "currentColor"
+      }),
+      isDisabled: isSubmitting,
+      "aria-labelledby": isSubmitting ? submitMessageId : undefined
+    }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
+  };
+  return (0, _react2.jsx)("footer", (0, _extends2.default)({
+    css: formFooterStyles
+  }, restProps), isSubmitting && (0, _react2.jsx)(_visuallyHidden.default, {
+    role: "status",
+    id: submitMessageId,
+    testId: testIds.submitStatusA11yIndicator
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && (0, _react2.jsx)("div", {
+    css: formFooterActionStyles
+  }, createButton(action)), (0, _react2.jsx)(_button.ButtonGroup, null, onCancel && (0, _react2.jsx)(_button.default, {
+    appearance: "subtle",
+    onClick: onCancel,
+    testId: testIds.cancelButton,
+    isDisabled: isSubmitting,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined
+  }, intl.formatMessage(messages.cancelButton)), !hideSubmitButton && (0, _react2.jsx)(_linkPickerSubmitButton.LinkPickerSubmitButton, {
+    isEditing: isEditing,
+    isLoading: isLoading,
+    isSubmitting: isSubmitting,
+    customSubmitButtonLabel: customSubmitButtonLabel,
+    error: error,
+    items: items,
+    queryState: queryState,
+    submitMessageId: submitMessageId,
+    testId: testIds.insertButton,
+    url: url
+  })));
+});

package/dist/cjs/ui/link-picker/index.compiled.css

@@ -0,0 +1,10 @@
+._19bv164s{padding-left:var(--link-picker-padding-left)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1e0c1txw{display:flex}
+._1e0ctcjq{display:block!important}
+._2lx21bp4{flex-direction:column}
+._ca0q1k79{padding-top:var(--link-picker-padding-top)}
+._n3td1t3k{padding-bottom:var(--link-picker-padding-bottom)}
+._u5f31pah{padding-right:var(--link-picker-padding-right)}
+._vchhusvi{box-sizing:border-box}
+._vwz44jg8{line-height:normal}

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

@@ -1,22 +1,26 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.LinkPicker = void 0;
+exports.testIds = exports.LinkPickerNew = exports.LinkPicker = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _url2 = require("@atlaskit/linking-common/url");
 var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _analytics = require("../../common/analytics");
 var _constants = require("../../common/constants");
@@ -28,29 +32,22 @@ var _announcer = require("./announcer");
 var _formFooter = require("./form-footer");
 var _linkPickerSubmitButton = require("./form-footer/link-picker-submit-button");
 var _messages = require("./messages");
+var _old = require("./old");
 var _searchResults = require("./search-results");
 var _textInput = require("./text-input");
 var _trackMount = require("./track-mount");
 var _utils = require("./utils");
+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 && {}.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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var rootContainerStyles = (0, _react2.css)({
-  paddingLeft: 'var(--link-picker-padding-left)',
-  paddingRight: 'var(--link-picker-padding-right)',
-  paddingTop: 'var(--link-picker-padding-top)',
-  paddingBottom: 'var(--link-picker-padding-bottom)',
-  boxSizing: 'border-box',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'initial',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-  display: 'block !important'
-});
-var formFooterMargin = (0, _react2.css)({
-  marginTop: "var(--ds-space-200, 16px)"
-});
+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; }
+var styles = {
+  fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
+};
+var baseRootContainerStyles = null;
+// To be removed when platform-linking-visual-refresh-v1 is removed
+var oldRootContainerStyles = null;
+var formFooterMargin = null;
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
@@ -64,22 +61,13 @@ var initState = {
   selectedIndex: -1,
   invalidUrl: false,
   activeTab: 0,
-  preventHidingRecents: false,
-  /** This only allows the feature discovery pulse - to be shown the ff must be on and active tab be Jira */
-  allowCreateFeatureDiscovery: true
+  preventHidingRecents: false
 };
-var FullWidthSubmitButtonStyles = (0, _primitives.xcss)({
-  marginTop: 'space.200',
-  display: 'flex',
-  flexDirection: 'column'
-});
 function reducer(state, payload) {
   if (payload.url && state.url !== payload.url) {
     return _objectSpread(_objectSpread({}, state), {}, {
       invalidUrl: false,
-      selectedIndex: (0, _url2.isSafeUrl)(payload.url) && payload.url.length ? -1 : state.selectedIndex,
-      /** When the user starts entering a url, stop pulsing the create button */
-      allowCreateFeatureDiscovery: false
+      selectedIndex: (0, _url2.isSafeUrl)(payload.url) && payload.url.length ? -1 : state.selectedIndex
     }, payload);
   }
   return _objectSpread(_objectSpread({}, state), payload);
@@ -88,7 +76,6 @@ function reducer(state, payload) {
 /**
  * Bind input fields to analytics tracking
  */
-
 var getLinkFieldContent = function getLinkFieldContent(value) {
   if (!Boolean(value)) {
     return null;
@@ -101,7 +88,7 @@ var LinkInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput
   });
 });
 var DisplayTextInputField = (0, _analytics.withInputFieldTracking)(_textInput.TextInput, 'displayText');
-var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
+var LinkPickerNew = exports.LinkPickerNew = (0, _analytics.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
     onContentResize = _ref.onContentResize,
@@ -132,8 +119,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     url = state.url,
     displayText = state.displayText,
     invalidUrl = state.invalidUrl,
-    activeTab = state.activeTab,
-    allowCreateFeatureDiscovery = state.allowCreateFeatureDiscovery;
+    activeTab = state.activeTab;
   var intl = (0, _reactIntlNext.useIntl)();
   var queryState = (0, _useSearchQuery.useSearchQuery)(state);
   var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins),
@@ -347,20 +333,19 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
-  return (0, _react2.jsx)("form", {
+  return /*#__PURE__*/React.createElement("form", {
     "data-testid": testIds.linkPicker,
-    css: rootContainerStyles
     // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
-    ,
-    onSubmitCapture: handleSubmit
-  }, (0, _react2.jsx)(_trackMount.TrackMount, null), isActivePlugin && (0, _react2.jsx)(_react.Fragment, null, screenReaderText && (0, _react2.jsx)(_announcer.Announcer, {
+    onSubmitCapture: handleSubmit,
+    className: (0, _runtime.ax)(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq", !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_vwz44jg8"])
+  }, /*#__PURE__*/React.createElement(_trackMount.TrackMount, null), isActivePlugin && /*#__PURE__*/React.createElement(_react.Fragment, null, screenReaderText && /*#__PURE__*/React.createElement(_announcer.Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,
     ariaRelevant: "additions",
     delay: 250
-  }), (0, _react2.jsx)(_visuallyHidden.default, {
+  }), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
     id: screenReaderDescriptionId
-  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, customMessages.linkAriaLabel) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.linkAriaLabel))), (0, _react2.jsx)(LinkInputField, (0, _extends2.default)({
+  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/React.createElement(LinkInputField, (0, _extends2.default)({
     name: "url",
     autoComplete: "off",
     testId: testIds.urlInputField,
@@ -376,7 +361,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl
-  })), !hideDisplayText && (0, _react2.jsx)(DisplayTextInputField, {
+  })), !hideDisplayText && /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",
     testId: testIds.textInputField,
@@ -387,9 +372,9 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     readOnly: isSubmitting,
     onClear: handleClear,
     onChange: handleChangeText
-  }), UNSAFE_moveSubmitButton && (0, _react2.jsx)(_primitives.Box, {
-    xcss: FullWidthSubmitButtonStyles
-  }, (0, _react2.jsx)(_linkPickerSubmitButton.LinkPickerSubmitButton, {
+  }), UNSAFE_moveSubmitButton && /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.fullWidthSubmitButton
+  }, /*#__PURE__*/React.createElement(_linkPickerSubmitButton.LinkPickerSubmitButton, {
     isEditing: isEditing,
     isLoading: isLoadingResults || !!isLoadingPlugins,
     isSubmitting: isSubmitting,
@@ -400,7 +385,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && (0, _react2.jsx)(_searchResults.SearchResults, {
+  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(_searchResults.SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,
@@ -420,7 +405,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     handleSearchListOnChange: handleSearchListOnChange,
     adaptiveHeight: adaptiveHeight,
     retry: retry
-  }), (0, _react2.jsx)(_formFooter.FormFooter, {
+  }), /*#__PURE__*/React.createElement(_formFooter.FormFooter, {
     error: error,
     items: items
     /** If the results section appears to be loading, impact whether the submit button is disabled */,
@@ -430,15 +415,16 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     url: url,
     isEditing: isEditing,
     onCancel: onCancel,
-    action: pluginAction
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? 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.fg)('platform.linking-platform.link-picker.enable-jira-create'),
+    action: pluginAction,
     customSubmitButtonLabel: customSubmitButtonLabel,
     submitMessageId: submitMessageId,
-    hideSubmitButton: UNSAFE_moveSubmitButton
+    hideSubmitButton: UNSAFE_moveSubmitButton,
+    className: (0, _runtime.ax)([(!queryState || !(plugins !== null && plugins !== void 0 && plugins.length)) && "_19pkpxbi"])
   }));
-}));
+}));
+var LinkPicker = exports.LinkPicker = function LinkPicker(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_bandicoots-link-picker-css')) {
+    return /*#__PURE__*/React.createElement(LinkPickerNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_old.LinkPickerOld, props);
+};