@atlaskit/link-picker 1.42.3 → 1.42.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-picker
 
+## 1.42.4
+
+### Patch Changes
+
+- [#128698](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128698)
+  [`0a846f1404337`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0a846f1404337) -
+  Small css refactor. No expected observable changes.
+- Updated dependencies
+
 ## 1.42.3
 
 ### Patch Changes

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

@@ -12,7 +12,6 @@ var _genericErrorSvg = require("../../../common/generic-error-svg");
 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");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -21,6 +20,9 @@ var _styled2 = require("./styled");
 
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 
+var errorBoundaryFallbackStyles = (0, _react.css)({
+  lineHeight: 'initial'
+});
 var messages = (0, _reactIntlNext.defineMessages)({
   heading: {
     defaultMessage: 'Something went wrong!',
@@ -37,11 +39,9 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
   var intl = (0, _reactIntlNext.useIntl)();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return (0, _react.jsx)(_minHeightContainer.MinHeightContainer
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    , {
-      css: _styled2.errorBoundaryFallbackStyles,
+  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results')) {
+    return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
+      css: errorBoundaryFallbackStyles,
       minHeight: _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
     }, (0, _react.jsx)(_emptyState.EmptyState, {

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

@@ -19,7 +19,6 @@ 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"];
 /**
@@ -29,6 +28,13 @@ var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "ite
 // 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; }
+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',
@@ -98,33 +104,28 @@ 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 (
-    // 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)("footer", (0, _extends2.default)({
-      css: _styled.formFooterStyles
-    }, restProps), isSubmitting && (0, _react2.jsx)(_visuallyHidden.default, {
-      role: "status",
-      id: submitMessageId,
-      testId: testIds.submitStatusA11yIndicator
-    }, intl.formatMessage(messages.submittingStatusMessage)), action &&
-    // 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: _styled.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, {
-      appearance: "subtle",
-      onClick: onCancel,
-      testId: testIds.cancelButton,
-      isDisabled: isSubmitting,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined
-    }, intl.formatMessage(messages.cancelButton)), (0, _react2.jsx)(_loadingButton.default, {
-      type: "submit",
-      appearance: "primary",
-      testId: testIds.insertButton,
-      isDisabled: isSubmitDisabled,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined,
-      isLoading: isSubmitting
-    }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))))
-  );
+  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
+  }, 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, {
+    appearance: "subtle",
+    onClick: onCancel,
+    testId: testIds.cancelButton,
+    isDisabled: isSubmitting,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined
+  }, intl.formatMessage(messages.cancelButton)), (0, _react2.jsx)(_loadingButton.default, {
+    type: "submit",
+    appearance: "primary",
+    testId: testIds.insertButton,
+    isDisabled: isSubmitDisabled,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined,
+    isLoading: isSubmitting
+  }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))));
 });

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

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _primitives = require("@atlaskit/primitives");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _useFixHeight = require("../../../controllers/use-fix-height");
@@ -17,7 +18,6 @@ var _linkSearchError = require("./link-search-error");
 var _linkSearchList = require("./link-search-list");
 var _scrollingTabs = require("./scrolling-tabs");
 var _searchResultsContainer = require("./search-results-container");
-var _styled = require("./styled");
 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; }
@@ -26,6 +26,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var tabsWrapperStyles = (0, _primitives.xcss)({
+  marginTop: 'space.150'
+});
+var spinnerContainerStyles = (0, _react2.css)({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
 var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchError.testIds), _linkSearchList.testIds), {}, {
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
   tabList: 'link-picker-tabs',
@@ -63,17 +74,13 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
   }));
   return (0, _react2.jsx)(_searchResultsContainer.SearchResultsContainer, (0, _extends2.default)({
     hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState &&
-  // 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: _styled.spinnerContainerStyles
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && (0, _react2.jsx)("div", {
+    css: spinnerContainerStyles
   }, (0, _react2.jsx)(_spinner.default, {
     testId: testIds.tabsLoadingIndicator,
     size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 &&
-  // 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: _styled.tabsWrapperStyles
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && (0, _react2.jsx)(_react.Fragment, null, tabs.length > 0 && (0, _react2.jsx)(_primitives.Box, {
+    xcss: tabsWrapperStyles
   }, (0, _react2.jsx)(_tabs.default, {
     id: testIds.tabList,
     testId: testIds.tabList,

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

@@ -107,7 +107,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
     }
   }, [activeIndex, items, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-empty-state')) {
+    if ((0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
         return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
       } else {
@@ -168,7 +168,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
   }
   if (isLoading) {
     loadingContent = (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, {
-      minHeight: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
+      minHeight: (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
       css: _styled.spinnerContainerStyles

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

@@ -11,23 +11,28 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _minHeightContainer = require("../../../../common/ui/min-height-container");
-var _styled = require("./styled");
 var _excluded = ["hasTabs"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var flexColumn = (0, _react2.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});
 var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hasTabs = _ref.hasTabs,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var minHeight = hasTabs ? '347px' : '302px';
-  var ffMinHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  var ffMinHeight = (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, (0, _extends2.default)({
     ref: ref,
     minHeight: ffMinHeight,
-    css: _styled.flexColumn
+    css: flexColumn
   }, props));
 });

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

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
+var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), (0, _platformFeatureFlags.fg)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var formFooterMargin = exports.formFooterMargin = (0, _react.css)({

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

@@ -64,9 +64,7 @@ var LoaderFallback = exports.LoaderFallback = function LoaderFallback(props) {
   var minHeight = getEstimatedMinHeight(props);
   return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    "data-testid": "link-picker-root-loader-boundary-ui",
     css: styles
   }, (0, _react.jsx)(_spinner.default, {
     testId: "link-picker.component-loading-indicator",

package/dist/cjs/ui/main.js

@@ -18,7 +18,6 @@ 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" != _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; }
 /**
@@ -33,7 +32,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.42.3" || '',
+  packageVersion: "1.42.4" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };
@@ -43,10 +42,12 @@ var DefaultRootComponent = function DefaultRootComponent(_ref) {
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
+var fixedWidthContainerStyles = (0, _react2.css)({
+  width: 'var(--link-picker-width)'
+});
 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
+    css: fixedWidthContainerStyles
   }, props));
 };
 var composeLinkPicker = exports.composeLinkPicker = function composeLinkPicker(Component) {

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

@@ -3,16 +3,18 @@
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
 import { EmptyState } from '../../../common/ui/empty-state';
 import { MinHeightContainer } from '../../../common/ui/min-height-container';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { rootContainerStyles } from '../../link-picker/styled';
-import { errorBoundaryFallbackStyles } from './styled';
+const errorBoundaryFallbackStyles = css({
+  lineHeight: 'initial'
+});
 const messages = defineMessages({
   heading: {
     defaultMessage: 'Something went wrong!',
@@ -29,10 +31,8 @@ export const ErrorBoundaryFallback = () => {
   const intl = useIntl();
   const header = intl.formatMessage(messages.heading);
   const description = intl.formatMessage(messages.description);
-  if (getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return jsx(MinHeightContainer
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    , {
+  if (fg('platform.linking-platform.link-picker.fixed-height-search-results')) {
+    return jsx(MinHeightContainer, {
       css: errorBoundaryFallbackStyles,
       minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"

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

@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { memo, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import Button, { ButtonGroup } from '@atlaskit/button';
@@ -16,8 +16,14 @@ import EditorAddIcon from '@atlaskit/icon/utility/add';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { UnauthenticatedError } from '../../../common/utils/errors';
 import FeatureDiscovery from './feature-discovery';
-import { formFooterActionStyles, formFooterStyles } from './styled';
 import { checkSubmitDisabled } from './utils';
+const formFooterStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+const formFooterActionStyles = css({
+  marginRight: 'auto'
+});
 export const messages = defineMessages({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -82,33 +88,28 @@ export const FormFooter = /*#__PURE__*/memo(({
     isDisabled: isSubmitting,
     "aria-labelledby": isSubmitting ? submitMessageId : undefined
   }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
-  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
-    jsx("footer", _extends({
-      css: formFooterStyles
-    }, restProps), isSubmitting && jsx(VisuallyHidden, {
-      role: "status",
-      id: submitMessageId,
-      testId: testIds.submitStatusA11yIndicator
-    }, intl.formatMessage(messages.submittingStatusMessage)), action &&
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: formFooterActionStyles
-    }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
-      testId: testIds.actionButtonDiscovery
-    }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
-      appearance: "subtle",
-      onClick: onCancel,
-      testId: testIds.cancelButton,
-      isDisabled: isSubmitting,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined
-    }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
-      type: "submit",
-      appearance: "primary",
-      testId: testIds.insertButton,
-      isDisabled: isSubmitDisabled,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined,
-      isLoading: isSubmitting
-    }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))))
-  );
+  return jsx("footer", _extends({
+    css: formFooterStyles
+  }, restProps), isSubmitting && jsx(VisuallyHidden, {
+    role: "status",
+    id: submitMessageId,
+    testId: testIds.submitStatusA11yIndicator
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
+    css: formFooterActionStyles
+  }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
+    testId: testIds.actionButtonDiscovery
+  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
+    appearance: "subtle",
+    onClick: onCancel,
+    testId: testIds.cancelButton,
+    isDisabled: isSubmitting,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined
+  }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
+    type: "submit",
+    appearance: "primary",
+    testId: testIds.insertButton,
+    isDisabled: isSubmitDisabled,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined,
+    isLoading: isSubmitting
+  }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))));
 });

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

@@ -6,7 +6,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
+import { Box, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import { useFixHeight } from '../../../controllers/use-fix-height';
@@ -14,8 +15,18 @@ import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-er
 import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { ScrollingTabList } from './scrolling-tabs';
 import { SearchResultsContainer } from './search-results-container';
-import { spinnerContainerStyles, tabsWrapperStyles } from './styled';
 import { TrackTabViewed } from './track-tab-viewed';
+const tabsWrapperStyles = xcss({
+  marginTop: 'space.150'
+});
+const spinnerContainerStyles = css({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
 export const testIds = {
   ...searchErrorTestIds,
   ...listTestIds,
@@ -54,17 +65,13 @@ export const SearchResults = ({
   }, tab.tabTitle)));
   return jsx(SearchResultsContainer, _extends({
     hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("div", {
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
     css: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
     size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: tabsWrapperStyles
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx(Box, {
+    xcss: tabsWrapperStyles
   }, jsx(Tabs, {
     id: testIds.tabList,
     testId: testIds.tabList,

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

@@ -8,7 +8,7 @@ import { forwardRef, Fragment, useCallback, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
@@ -101,7 +101,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
     }
   }, [activeIndex, items, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
+    if (fg('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
         return jsx(NoResults, null);
       } else {
@@ -156,7 +156,7 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
   }
   if (isLoading) {
     loadingContent = jsx(MinHeightContainer, {
-      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
+      minHeight: fg('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
       css: spinnerContainerStyles

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

@@ -6,16 +6,21 @@ import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
-import { flexColumn } from './styled';
+const flexColumn = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});
 export const SearchResultsContainer = /*#__PURE__*/forwardRef(({
   hasTabs,
   ...props
 }, ref) => {
   const minHeight = hasTabs ? '347px' : '302px';
-  const ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  const ffMinHeight = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx(MinHeightContainer, _extends({

package/dist/es2019/ui/link-picker/styled.js

@@ -1,9 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const rootContainerStyles = css`
-	width: ${getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)'};
+	width: ${fg('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)'};
 	padding-left: var(--link-picker-padding-left);
 	padding-right: var(--link-picker-padding-right);
 	padding-top: var(--link-picker-padding-top);

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

@@ -57,9 +57,7 @@ export const LoaderFallback = props => {
   const minHeight = getEstimatedMinHeight(props);
   return jsx(MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    "data-testid": "link-picker-root-loader-boundary-ui",
     css: styles
   }, jsx(Spinner, {
     testId: "link-picker.component-loading-indicator",

package/dist/es2019/ui/main.js

@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { LazySuspense } from 'react-loosely-lazy';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -15,13 +15,12 @@ import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { ErrorBoundary } from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { MessagesProvider } from './messages-provider';
-import { fixedWidthContainerStyles } from './styled';
 export const testIds = {
   linkPickerRoot: 'link-picker-root'
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.42.3" || '',
+  packageVersion: "1.42.4" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
@@ -32,8 +31,10 @@ const DefaultRootComponent = ({
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
+const fixedWidthContainerStyles = css({
+  width: 'var(--link-picker-width)'
+});
 const 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 jsx("div", _extends({
     css: fixedWidthContainerStyles
   }, props));

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

@@ -3,16 +3,18 @@
  * @jsx jsx
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
 import { EmptyState } from '../../../common/ui/empty-state';
 import { MinHeightContainer } from '../../../common/ui/min-height-container';
 // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 import { rootContainerStyles } from '../../link-picker/styled';
-import { errorBoundaryFallbackStyles } from './styled';
+var errorBoundaryFallbackStyles = css({
+  lineHeight: 'initial'
+});
 var messages = defineMessages({
   heading: {
     defaultMessage: 'Something went wrong!',
@@ -29,10 +31,8 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
   var intl = useIntl();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
-  if (getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results')) {
-    return jsx(MinHeightContainer
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    , {
+  if (fg('platform.linking-platform.link-picker.fixed-height-search-results')) {
+    return jsx(MinHeightContainer, {
       css: errorBoundaryFallbackStyles,
       minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"

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

@@ -8,7 +8,7 @@ var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "ite
 import { memo, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import Button, { ButtonGroup } from '@atlaskit/button';
@@ -18,8 +18,14 @@ import EditorAddIcon from '@atlaskit/icon/utility/add';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { UnauthenticatedError } from '../../../common/utils/errors';
 import FeatureDiscovery from './feature-discovery';
-import { formFooterActionStyles, formFooterStyles } from './styled';
 import { checkSubmitDisabled } from './utils';
+var formFooterStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end'
+});
+var formFooterActionStyles = css({
+  marginRight: 'auto'
+});
 export var messages = defineMessages({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -89,33 +95,28 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
       "aria-labelledby": isSubmitting ? submitMessageId : undefined
     }, typeof pluginAction.label === 'string' ? pluginAction.label : intl.formatMessage(pluginAction.label));
   };
-  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
-    jsx("footer", _extends({
-      css: formFooterStyles
-    }, restProps), isSubmitting && jsx(VisuallyHidden, {
-      role: "status",
-      id: submitMessageId,
-      testId: testIds.submitStatusA11yIndicator
-    }, intl.formatMessage(messages.submittingStatusMessage)), action &&
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: formFooterActionStyles
-    }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
-      testId: testIds.actionButtonDiscovery
-    }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
-      appearance: "subtle",
-      onClick: onCancel,
-      testId: testIds.cancelButton,
-      isDisabled: isSubmitting,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined
-    }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
-      type: "submit",
-      appearance: "primary",
-      testId: testIds.insertButton,
-      isDisabled: isSubmitDisabled,
-      "aria-labelledby": isSubmitting ? submitMessageId : undefined,
-      isLoading: isSubmitting
-    }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))))
-  );
+  return jsx("footer", _extends({
+    css: formFooterStyles
+  }, restProps), isSubmitting && jsx(VisuallyHidden, {
+    role: "status",
+    id: submitMessageId,
+    testId: testIds.submitStatusA11yIndicator
+  }, intl.formatMessage(messages.submittingStatusMessage)), action && jsx("div", {
+    css: formFooterActionStyles
+  }, createFeatureDiscovery ? jsx(FeatureDiscovery, {
+    testId: testIds.actionButtonDiscovery
+  }, createButton(action)) : createButton(action)), jsx(ButtonGroup, null, onCancel && jsx(Button, {
+    appearance: "subtle",
+    onClick: onCancel,
+    testId: testIds.cancelButton,
+    isDisabled: isSubmitting,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined
+  }, intl.formatMessage(messages.cancelButton)), jsx(LoadingButton, {
+    type: "submit",
+    appearance: "primary",
+    testId: testIds.insertButton,
+    isDisabled: isSubmitDisabled,
+    "aria-labelledby": isSubmitting ? submitMessageId : undefined,
+    isLoading: isSubmitting
+  }, customSubmitButtonLabel ? intl.formatMessage(customSubmitButtonLabel) : intl.formatMessage(insertButtonMsg))));
 });

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

@@ -9,7 +9,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
+import { Box, xcss } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import { useFixHeight } from '../../../controllers/use-fix-height';
@@ -17,8 +18,18 @@ import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-er
 import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { ScrollingTabList } from './scrolling-tabs';
 import { SearchResultsContainer } from './search-results-container';
-import { spinnerContainerStyles, tabsWrapperStyles } from './styled';
 import { TrackTabViewed } from './track-tab-viewed';
+var tabsWrapperStyles = xcss({
+  marginTop: 'space.150'
+});
+var spinnerContainerStyles = css({
+  minHeight: '80px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'center',
+  flexGrow: 1
+});
 export var testIds = _objectSpread(_objectSpread(_objectSpread({}, searchErrorTestIds), listTestIds), {}, {
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator',
   tabList: 'link-picker-tabs',
@@ -56,17 +67,13 @@ export var SearchResults = function SearchResults(_ref) {
   }));
   return jsx(SearchResultsContainer, _extends({
     hasTabs: !!tabs.length || isLoadingPlugins
-  }, fixListHeightProps), isLoadingPlugins && !!queryState &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("div", {
+  }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
     css: spinnerContainerStyles
   }, jsx(Spinner, {
     testId: testIds.tabsLoadingIndicator,
     size: "medium"
-  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: tabsWrapperStyles
+  })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx(Box, {
+    xcss: tabsWrapperStyles
   }, jsx(Tabs, {
     id: testIds.tabList,
     testId: testIds.tabList,

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

@@ -13,7 +13,7 @@ import { forwardRef, Fragment, useCallback, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
@@ -103,7 +103,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [activeIndex, items, onKeyDown]);
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
-    if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
+    if (fg('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
         return jsx(NoResults, null);
       } else {
@@ -164,7 +164,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }
   if (isLoading) {
     loadingContent = jsx(MinHeightContainer, {
-      minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
+      minHeight: fg('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
       css: spinnerContainerStyles

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

@@ -8,15 +8,20 @@ var _excluded = ["hasTabs"];
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
-import { flexColumn } from './styled';
+var flexColumn = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'flex-start',
+  width: '100%'
+});
 export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hasTabs = _ref.hasTabs,
     props = _objectWithoutProperties(_ref, _excluded);
   var minHeight = hasTabs ? '347px' : '302px';
-  var ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
+  var ffMinHeight = fg('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx(MinHeightContainer, _extends({

package/dist/esm/ui/link-picker/styled.js

@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
+export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), fg('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var formFooterMargin = css({

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

@@ -56,9 +56,7 @@ export var LoaderFallback = function LoaderFallback(props) {
   var minHeight = getEstimatedMinHeight(props);
   return jsx(MinHeightContainer, {
     minHeight: minHeight,
-    "data-testid": "link-picker-root-loader-boundary-ui"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    "data-testid": "link-picker-root-loader-boundary-ui",
     css: styles
   }, jsx(Spinner, {
     testId: "link-picker.component-loading-indicator",

package/dist/esm/ui/main.js

@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { LazySuspense } from 'react-loosely-lazy';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -16,13 +16,12 @@ import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { ErrorBoundary } from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { MessagesProvider } from './messages-provider';
-import { fixedWidthContainerStyles } from './styled';
 export var testIds = {
   linkPickerRoot: 'link-picker-root'
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.42.3" || '',
+  packageVersion: "1.42.4" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };
@@ -32,8 +31,10 @@ var DefaultRootComponent = function DefaultRootComponent(_ref) {
     "data-testid": testIds.linkPickerRoot
   }, children);
 };
+var fixedWidthContainerStyles = css({
+  width: 'var(--link-picker-width)'
+});
 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 jsx("div", _extends({
     css: fixedWidthContainerStyles
   }, props));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.42.3",
+	"version": "1.42.4",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -56,7 +56,7 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/atlassian-context": "^0.0.0",
-		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",

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

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.errorBoundaryFallbackStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var errorBoundaryFallbackStyles = exports.errorBoundaryFallbackStyles = (0, _react.css)({
-  lineHeight: 'initial'
-});

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formFooterStyles = exports.formFooterActionStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var formFooterStyles = exports.formFooterStyles = (0, _react.css)({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var formFooterActionStyles = exports.formFooterActionStyles = (0, _react.css)({
-  marginRight: 'auto'
-});

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.flexColumn = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var flexColumn = exports.flexColumn = (0, _react.css)({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-start',
-  width: '100%'
-});

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

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)({
-  marginTop: "var(--ds-space-150, 12px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
-  minHeight: '80px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignSelf: 'center',
-  flexGrow: 1
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)({
-  display: 'flex',
-  flexDirection: 'column'
-});

package/dist/cjs/ui/styled.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fixedWidthContainerStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)({
-  width: 'var(--link-picker-width)'
-});

package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js

@@ -1,7 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const errorBoundaryFallbackStyles = css({
-  lineHeight: 'initial'
-});

package/dist/es2019/ui/link-picker/form-footer/styled.js

@@ -1,13 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const formFooterStyles = css({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const formFooterActionStyles = css({
-  marginRight: 'auto'
-});

package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js

@@ -1,10 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flexColumn = css({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-start',
-  width: '100%'
-});

package/dist/es2019/ui/link-picker/search-results/styled.js

@@ -1,22 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const tabsWrapperStyles = css({
-  marginTop: "var(--ds-space-150, 12px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const spinnerContainerStyles = css({
-  minHeight: '80px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignSelf: 'center',
-  flexGrow: 1
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flexColumnStyles = css({
-  display: 'flex',
-  flexDirection: 'column'
-});

package/dist/es2019/ui/styled.js

@@ -1,7 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const fixedWidthContainerStyles = css({
-  width: 'var(--link-picker-width)'
-});

package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js

@@ -1,7 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var errorBoundaryFallbackStyles = css({
-  lineHeight: 'initial'
-});

package/dist/esm/ui/link-picker/form-footer/styled.js

@@ -1,13 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var formFooterStyles = css({
-  display: 'flex',
-  justifyContent: 'flex-end'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var formFooterActionStyles = css({
-  marginRight: 'auto'
-});

package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js

@@ -1,10 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var flexColumn = css({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-start',
-  width: '100%'
-});

package/dist/esm/ui/link-picker/search-results/styled.js

@@ -1,22 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var tabsWrapperStyles = css({
-  marginTop: "var(--ds-space-150, 12px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var spinnerContainerStyles = css({
-  minHeight: '80px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  alignSelf: 'center',
-  flexGrow: 1
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var flexColumnStyles = css({
-  display: 'flex',
-  flexDirection: 'column'
-});

package/dist/esm/ui/styled.js

@@ -1,7 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var fixedWidthContainerStyles = css({
-  width: 'var(--link-picker-width)'
-});

package/dist/types/ui/error-boundary/error-boundary-fallback/styled.d.ts

@@ -1 +0,0 @@
-export declare const errorBoundaryFallbackStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/form-footer/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const formFooterStyles: import("@emotion/react").SerializedStyles;
-export declare const formFooterActionStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/search-results/search-results-container/styled.d.ts

@@ -1 +0,0 @@
-export declare const flexColumn: import("@emotion/react").SerializedStyles;

package/dist/types/ui/link-picker/search-results/styled.d.ts

@@ -1,3 +0,0 @@
-export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const spinnerContainerStyles: import("@emotion/react").SerializedStyles;
-export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/styled.d.ts

@@ -1 +0,0 @@
-export declare const fixedWidthContainerStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/styled.d.ts

@@ -1 +0,0 @@
-export declare const errorBoundaryFallbackStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/form-footer/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const formFooterStyles: import("@emotion/react").SerializedStyles;
-export declare const formFooterActionStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/styled.d.ts

@@ -1 +0,0 @@
-export declare const flexColumn: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/link-picker/search-results/styled.d.ts

@@ -1,3 +0,0 @@
-export declare const tabsWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const spinnerContainerStyles: import("@emotion/react").SerializedStyles;
-export declare const flexColumnStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/styled.d.ts

@@ -1 +0,0 @@
-export declare const fixedWidthContainerStyles: import("@emotion/react").SerializedStyles;