@atlaskit/link-picker 1.37.4 → 1.38.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/link-picker
 
+## 1.38.0
+
+### Minor Changes
+
+- [#114894](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114894)
+  [`e20ce1f008cd8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e20ce1f008cd8) -
+  Cleans up ff, no longer uses the `@atlaskit/empty-state` component and now directly leverages the
+  Heading Provider from `@atlaskit/heading` to allow more flexibility of the heading levels
+  rendered.
+
 ## 1.37.4
 
 ### Patch Changes

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

@@ -7,21 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.GenericErrorSVG = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _styled = require("./styled");
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var HEIGHT = 90;
+var genericErrorStyles = (0, _react.css)({
+  height: "".concat(HEIGHT, "px"),
+  display: 'block'
+});
 var GenericErrorSVG = exports.GenericErrorSVG = function GenericErrorSVG(props) {
   var id = 'link-picker-ui-generic-error-svg';
   return (0, _react.jsx)("svg", (0, _extends2.default)({
     height: "90",
     viewBox: "0 0 164 212",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: _styled.genericErrorStyles
+    xmlns: "http://www.w3.org/2000/svg",
+    css: genericErrorStyles
   }, props), (0, _react.jsx)("path", {
     d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",
     fill: "url(#".concat(id, ")")

package/dist/cjs/common/ui/empty-state/index.js

@@ -8,27 +8,30 @@ exports.EmptyState = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _primitives = require("@atlaskit/primitives");
+var containerStyles = (0, _primitives.xcss)({
+  marginBlockStart: 'space.600',
+  marginBlockEnd: 'space.600',
+  textAlign: 'center'
+});
 var EmptyState = exports.EmptyState = function EmptyState(_ref) {
   var testId = _ref.testId,
     header = _ref.header,
     description = _ref.description,
     renderImage = _ref.renderImage;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  , {
-    xcss: (0, _primitives.xcss)({
-      marginBlockStart: 'space.600',
-      marginBlockEnd: 'space.600',
-      textAlign: 'center'
-    }),
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    xcss: containerStyles,
     testId: testId,
     direction: "column",
     alignItems: "center",
-    gap: "space.100"
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/_react.default.createElement(_heading.default, {
+    gap: "space.300"
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    direction: "column",
+    alignItems: "center",
+    gap: "space.200"
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "medium"
-  }, header), description && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, header), description && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     as: "p",
-    color: 'color.text'
-  }, description));
+    color: "color.text"
+  }, description)));
 };

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

@@ -1,17 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBoundaryFallback = void 0;
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../common/constants");
 var _genericErrorSvg = require("../../../common/generic-error-svg");
-var _emptyState2 = require("../../../common/ui/empty-state");
+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");
@@ -36,7 +34,6 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
   var intl = (0, _reactIntlNext.useIntl)();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
-  var EmptyStateComponent = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? _emptyState2.EmptyState : _emptyState.default;
   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
@@ -44,7 +41,7 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
       css: _styled2.errorBoundaryFallbackStyles,
       minHeight: _constants.LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, (0, _react.jsx)(EmptyStateComponent, {
+    }, (0, _react.jsx)(_emptyState.EmptyState, {
       header: header,
       renderImage: function renderImage() {
         return (0, _react.jsx)(_genericErrorSvg.GenericErrorSVG, null);
@@ -57,7 +54,7 @@ var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBounda
     (0, _react.jsx)("div", {
       css: _styled.rootContainerStyles,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, (0, _react.jsx)(EmptyStateComponent, {
+    }, (0, _react.jsx)(_emptyState.EmptyState, {
       header: header,
       renderImage: function renderImage() {
         return (0, _react.jsx)(_genericErrorSvg.GenericErrorSVG, null);

package/dist/cjs/ui/index.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.4" || '',
+  packageVersion: "1.38.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -9,10 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _genericErrorSvg = require("../../../../common/generic-error-svg");
-var _emptyState2 = require("../../../../common/ui/empty-state");
+var _emptyState = require("../../../../common/ui/empty-state");
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -34,8 +32,7 @@ var testIds = exports.testIds = {
 };
 var LinkSearchError = exports.LinkSearchError = function LinkSearchError() {
   var intl = (0, _reactIntlNext.useIntl)();
-  var Component = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? _emptyState2.EmptyState : _emptyState.default;
-  return (0, _react.jsx)(Component, {
+  return (0, _react.jsx)(_emptyState.EmptyState, {
     testId: testIds.searchError,
     header: intl.formatMessage(messages.searchErrorHeader),
     description: (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchErrorDescription, {

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

@@ -17,9 +17,8 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _minHeightContainer = require("../../../../common/ui/min-height-container");
 var _handleNavKeyDown = require("../../../../common/utils/handleNavKeyDown");
 var _linkSearchNoResults = require("./link-search-no-results");
-var _styled = require("./link-search-no-results/styled");
 var _listItem = require("./list-item");
-var _styled2 = require("./styled");
+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; }
@@ -47,6 +46,9 @@ var testIds = exports.testIds = _objectSpread(_objectSpread(_objectSpread({}, _l
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
 });
+var emptyStateNoResultsWrapper = (0, _react2.css)({
+  minHeight: "var(--ds-space-200, 16px)"
+});
 var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onChange = _ref.onChange,
     onSelect = _ref.onSelect,
@@ -109,7 +111,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
         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)("div", {
-            css: _styled.emptyStateNoResultsWrapper
+            css: emptyStateNoResultsWrapper
           }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null)
         );
       }
@@ -120,7 +122,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
   if (items && items.length > 0) {
     itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css: _styled2.listTitleStyles,
+      css: _styled.listTitleStyles,
       id: testIds.resultListTitle,
       "data-testid": testIds.resultListTitle
     }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, linkListTitle)), (0, _react2.jsx)(_visuallyHidden.default, {
@@ -136,7 +138,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
       role: role
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      css: _styled2.listStyles,
+      css: _styled.listStyles,
       "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
       "aria-labelledby": testIds.resultListTitle,
       "aria-readonly": ariaReadOnly,
@@ -166,7 +168,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
       minHeight: (0, _platformFeatureFlags.getBooleanFF)('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: _styled2.spinnerContainerStyles
+      css: _styled.spinnerContainerStyles
     }, (0, _react2.jsx)(_spinner.default, {
       testId: testIds.searchResultLoadingIndicator,
       size: "medium"
@@ -176,7 +178,7 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
     // 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", (0, _extends2.default)({
       ref: ref,
-      css: _styled2.listContainerStyles
+      css: _styled.listContainerStyles
     }, restProps), itemsContent, loadingContent)
   );
 });

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

@@ -5,16 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.messages = exports.NoResults = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _emptyState2 = require("../../../../../common/ui/empty-state");
+var _emptyState = require("../../../../../common/ui/empty-state");
 var _noResultsSvg = require("./no-results-svg");
-var _styled = require("./styled");
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   noResults: {
     id: 'fabric.linkPicker.search.noResults.heading',
@@ -32,19 +26,12 @@ var testIds = exports.testIds = {
 };
 var NoResults = exports.NoResults = function NoResults() {
   var intl = (0, _reactIntlNext.useIntl)();
-  var Component = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? _emptyState2.EmptyState : _emptyState.default;
-  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, _react.jsx)("div", {
-      css: _styled.emptyStateWrapperStyles
-    }, (0, _react.jsx)(Component, {
-      testId: testIds.emptyResultPage,
-      header: intl.formatMessage(messages.noResults),
-      headingLevel: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
-      description: intl.formatMessage(messages.noResultsDescription),
-      renderImage: function renderImage() {
-        return (0, _react.jsx)(_noResultsSvg.NoResultsSVG, null);
-      }
-    }))
-  );
+  return /*#__PURE__*/_react.default.createElement(_emptyState.EmptyState, {
+    testId: testIds.emptyResultPage,
+    header: intl.formatMessage(messages.noResults),
+    description: intl.formatMessage(messages.noResultsDescription),
+    renderImage: function renderImage() {
+      return /*#__PURE__*/_react.default.createElement(_noResultsSvg.NoResultsSVG, null);
+    }
+  });
 };

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

@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NoResultsSVG = void 0;
 var _react = require("@emotion/react");
-var _styled = require("./styled");
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var HEIGHT = 120;
+var noResultsSVGStyles = (0, _react.css)({
+  height: "".concat(HEIGHT, "px"),
+  display: 'block'
+});
 var NoResultsSVG = exports.NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return (0, _react.jsx)("svg", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: _styled.noResultsSVGStyles,
+    css: noResultsSVGStyles,
     height: "120",
     viewBox: "0 0 208 191",
     fill: "none",

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

@@ -1,18 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { genericErrorStyles } from './styled';
+import { css, jsx } from '@emotion/react';
+const HEIGHT = 90;
+const genericErrorStyles = css({
+  height: `${HEIGHT}px`,
+  display: 'block'
+});
 export const GenericErrorSVG = props => {
   const id = 'link-picker-ui-generic-error-svg';
   return jsx("svg", _extends({
     height: "90",
     viewBox: "0 0 164 212",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    xmlns: "http://www.w3.org/2000/svg",
     css: genericErrorStyles
   }, props), jsx("path", {
     d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",

package/dist/es2019/common/ui/empty-state/index.js

@@ -1,28 +1,31 @@
 import React from 'react';
 import Heading from '@atlaskit/heading';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
+import { Flex, Text, xcss } from '@atlaskit/primitives';
+const containerStyles = xcss({
+  marginBlockStart: 'space.600',
+  marginBlockEnd: 'space.600',
+  textAlign: 'center'
+});
 export const EmptyState = ({
   testId,
   header,
   description,
   renderImage
 }) => {
-  return /*#__PURE__*/React.createElement(Flex
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  , {
-    xcss: xcss({
-      marginBlockStart: 'space.600',
-      marginBlockEnd: 'space.600',
-      textAlign: 'center'
-    }),
+  return /*#__PURE__*/React.createElement(Flex, {
+    xcss: containerStyles,
     testId: testId,
     direction: "column",
     alignItems: "center",
-    gap: "space.100"
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
+    gap: "space.300"
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Flex, {
+    direction: "column",
+    alignItems: "center",
+    gap: "space.200"
+  }, /*#__PURE__*/React.createElement(Heading, {
     size: "medium"
-  }, header), description && /*#__PURE__*/React.createElement(Box, {
+  }, header), description && /*#__PURE__*/React.createElement(Text, {
     as: "p",
-    color: 'color.text'
-  }, description));
+    color: "color.text"
+  }, description)));
 };

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

@@ -2,11 +2,10 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import EmptyState from '@atlaskit/empty-state';
 import { getBooleanFF } 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 as EmptyStateInternal } from '../../../common/ui/empty-state';
+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';
@@ -27,7 +26,6 @@ export const ErrorBoundaryFallback = () => {
   const intl = useIntl();
   const header = intl.formatMessage(messages.heading);
   const description = intl.formatMessage(messages.description);
-  const EmptyStateComponent = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
   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
@@ -35,7 +33,7 @@ export const ErrorBoundaryFallback = () => {
       css: errorBoundaryFallbackStyles,
       minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyStateComponent, {
+    }, jsx(EmptyState, {
       header: header,
       renderImage: () => jsx(GenericErrorSVG, null),
       description: description
@@ -46,7 +44,7 @@ export const ErrorBoundaryFallback = () => {
     jsx("div", {
       css: rootContainerStyles,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyStateComponent, {
+    }, jsx(EmptyState, {
       header: header,
       renderImage: () => jsx(GenericErrorSVG, null),
       description: description

package/dist/es2019/ui/index.js

@@ -18,7 +18,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.4" || '',
+  packageVersion: "1.38.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -4,10 +4,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
-import EmptyState from '@atlaskit/empty-state';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { GenericErrorSVG } from '../../../../common/generic-error-svg';
-import { EmptyState as EmptyStateInternal } from '../../../../common/ui/empty-state';
+import { EmptyState } from '../../../../common/ui/empty-state';
 export const CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export const messages = defineMessages({
   searchErrorHeader: {
@@ -26,8 +24,7 @@ export const testIds = {
 };
 export const LinkSearchError = () => {
   const intl = useIntl();
-  const Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
-  return jsx(Component, {
+  return jsx(EmptyState, {
     testId: testIds.searchError,
     header: intl.formatMessage(messages.searchErrorHeader),
     description: jsx(FormattedMessage, _extends({}, messages.searchErrorDescription, {

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef, Fragment, useCallback, useRef } 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, FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
@@ -11,7 +11,6 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
 import { handleNavKeyDown } from '../../../../common/utils/handleNavKeyDown';
 import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
-import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
 import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
 import { listContainerStyles, listStyles, listTitleStyles, spinnerContainerStyles } from './styled';
 import { useTrackResultsShown } from './use-track-results-shown';
@@ -40,6 +39,9 @@ export const testIds = {
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
 };
+const emptyStateNoResultsWrapper = css({
+  minHeight: "var(--ds-space-200, 16px)"
+});
 export const LinkSearchList = /*#__PURE__*/forwardRef(({
   onChange,
   onSelect,

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

@@ -1,12 +1,7 @@
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import EmptyState from '@atlaskit/empty-state';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { EmptyState as EmptyStateInternal } from '../../../../../common/ui/empty-state';
+import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';
-import { emptyStateWrapperStyles } from './styled';
 export const messages = defineMessages({
   noResults: {
     id: 'fabric.linkPicker.search.noResults.heading',
@@ -24,17 +19,10 @@ export const testIds = {
 };
 export const NoResults = () => {
   const intl = useIntl();
-  const Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
-  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("div", {
-      css: emptyStateWrapperStyles
-    }, jsx(Component, {
-      testId: testIds.emptyResultPage,
-      header: intl.formatMessage(messages.noResults),
-      headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
-      description: intl.formatMessage(messages.noResultsDescription),
-      renderImage: () => jsx(NoResultsSVG, null)
-    }))
-  );
+  return /*#__PURE__*/React.createElement(EmptyState, {
+    testId: testIds.emptyResultPage,
+    header: intl.formatMessage(messages.noResults),
+    description: intl.formatMessage(messages.noResultsDescription),
+    renderImage: () => /*#__PURE__*/React.createElement(NoResultsSVG, null)
+  });
 };

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

@@ -1,12 +1,14 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { noResultsSVGStyles } from './styled';
+import { css, jsx } from '@emotion/react';
+const HEIGHT = 120;
+const noResultsSVGStyles = css({
+  height: `${HEIGHT}px`,
+  display: 'block'
+});
 export const NoResultsSVG = () => {
   const id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: noResultsSVGStyles,
     height: "120",
     viewBox: "0 0 208 191",

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

@@ -1,18 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { genericErrorStyles } from './styled';
+import { css, jsx } from '@emotion/react';
+var HEIGHT = 90;
+var genericErrorStyles = css({
+  height: "".concat(HEIGHT, "px"),
+  display: 'block'
+});
 export var GenericErrorSVG = function GenericErrorSVG(props) {
   var id = 'link-picker-ui-generic-error-svg';
   return jsx("svg", _extends({
     height: "90",
     viewBox: "0 0 164 212",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
+    xmlns: "http://www.w3.org/2000/svg",
     css: genericErrorStyles
   }, props), jsx("path", {
     d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",

package/dist/esm/common/ui/empty-state/index.js

@@ -1,27 +1,30 @@
 import React from 'react';
 import Heading from '@atlaskit/heading';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
+import { Flex, Text, xcss } from '@atlaskit/primitives';
+var containerStyles = xcss({
+  marginBlockStart: 'space.600',
+  marginBlockEnd: 'space.600',
+  textAlign: 'center'
+});
 export var EmptyState = function EmptyState(_ref) {
   var testId = _ref.testId,
     header = _ref.header,
     description = _ref.description,
     renderImage = _ref.renderImage;
-  return /*#__PURE__*/React.createElement(Flex
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  , {
-    xcss: xcss({
-      marginBlockStart: 'space.600',
-      marginBlockEnd: 'space.600',
-      textAlign: 'center'
-    }),
+  return /*#__PURE__*/React.createElement(Flex, {
+    xcss: containerStyles,
     testId: testId,
     direction: "column",
     alignItems: "center",
-    gap: "space.100"
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
+    gap: "space.300"
+  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Flex, {
+    direction: "column",
+    alignItems: "center",
+    gap: "space.200"
+  }, /*#__PURE__*/React.createElement(Heading, {
     size: "medium"
-  }, header), description && /*#__PURE__*/React.createElement(Box, {
+  }, header), description && /*#__PURE__*/React.createElement(Text, {
     as: "p",
-    color: 'color.text'
-  }, description));
+    color: "color.text"
+  }, description)));
 };

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

@@ -2,11 +2,10 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import EmptyState from '@atlaskit/empty-state';
 import { getBooleanFF } 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 as EmptyStateInternal } from '../../../common/ui/empty-state';
+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';
@@ -27,7 +26,6 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
   var intl = useIntl();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
-  var EmptyStateComponent = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
   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
@@ -35,7 +33,7 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
       css: errorBoundaryFallbackStyles,
       minHeight: LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyStateComponent, {
+    }, jsx(EmptyState, {
       header: header,
       renderImage: function renderImage() {
         return jsx(GenericErrorSVG, null);
@@ -48,7 +46,7 @@ export var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
     jsx("div", {
       css: rootContainerStyles,
       "data-testid": "link-picker-root-error-boundary-ui"
-    }, jsx(EmptyStateComponent, {
+    }, jsx(EmptyState, {
       header: header,
       renderImage: function renderImage() {
         return jsx(GenericErrorSVG, null);

package/dist/esm/ui/index.js

@@ -19,7 +19,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "1.37.4" || '',
+  packageVersion: "1.38.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -4,10 +4,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
-import EmptyState from '@atlaskit/empty-state';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { GenericErrorSVG } from '../../../../common/generic-error-svg';
-import { EmptyState as EmptyStateInternal } from '../../../../common/ui/empty-state';
+import { EmptyState } from '../../../../common/ui/empty-state';
 export var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export var messages = defineMessages({
   searchErrorHeader: {
@@ -26,8 +24,7 @@ export var testIds = {
 };
 export var LinkSearchError = function LinkSearchError() {
   var intl = useIntl();
-  var Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
-  return jsx(Component, {
+  return jsx(EmptyState, {
     testId: testIds.searchError,
     header: intl.formatMessage(messages.searchErrorHeader),
     description: jsx(FormattedMessage, _extends({}, messages.searchErrorDescription, {

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

@@ -8,7 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, Fragment, useCallback, useRef } 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, FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
@@ -16,7 +16,6 @@ import VisuallyHidden from '@atlaskit/visually-hidden';
 import { MinHeightContainer } from '../../../../common/ui/min-height-container';
 import { handleNavKeyDown } from '../../../../common/utils/handleNavKeyDown';
 import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
-import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
 import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
 import { listContainerStyles, listStyles, listTitleStyles, spinnerContainerStyles } from './styled';
 import { useTrackResultsShown } from './use-track-results-shown';
@@ -43,6 +42,9 @@ export var testIds = _objectSpread(_objectSpread(_objectSpread({}, noResultsTest
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
 });
+var emptyStateNoResultsWrapper = css({
+  minHeight: "var(--ds-space-200, 16px)"
+});
 export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
     onSelect = _ref.onSelect,

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

@@ -1,12 +1,7 @@
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
-import EmptyState from '@atlaskit/empty-state';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { EmptyState as EmptyStateInternal } from '../../../../../common/ui/empty-state';
+import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';
-import { emptyStateWrapperStyles } from './styled';
 export var messages = defineMessages({
   noResults: {
     id: 'fabric.linkPicker.search.noResults.heading',
@@ -24,19 +19,12 @@ export var testIds = {
 };
 export var NoResults = function NoResults() {
   var intl = useIntl();
-  var Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
-  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("div", {
-      css: emptyStateWrapperStyles
-    }, jsx(Component, {
-      testId: testIds.emptyResultPage,
-      header: intl.formatMessage(messages.noResults),
-      headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
-      description: intl.formatMessage(messages.noResultsDescription),
-      renderImage: function renderImage() {
-        return jsx(NoResultsSVG, null);
-      }
-    }))
-  );
+  return /*#__PURE__*/React.createElement(EmptyState, {
+    testId: testIds.emptyResultPage,
+    header: intl.formatMessage(messages.noResults),
+    description: intl.formatMessage(messages.noResultsDescription),
+    renderImage: function renderImage() {
+      return /*#__PURE__*/React.createElement(NoResultsSVG, null);
+    }
+  });
 };

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

@@ -1,12 +1,14 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { noResultsSVGStyles } from './styled';
+import { css, jsx } from '@emotion/react';
+var HEIGHT = 120;
+var noResultsSVGStyles = css({
+  height: "".concat(HEIGHT, "px"),
+  display: 'block'
+});
 export var NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: noResultsSVGStyles,
     height: "120",
     viewBox: "0 0 208 191",

package/dist/types/ui/link-picker/search-results/link-search-list/link-search-no-results/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export declare const messages: {
     noResults: {
         id: string;
@@ -15,4 +14,4 @@ export declare const messages: {
 export declare const testIds: {
     emptyResultPage: string;
 };
-export declare const NoResults: () => jsx.JSX.Element;
+export declare const NoResults: () => JSX.Element;

package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/link-search-no-results/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export declare const messages: {
     noResults: {
         id: string;
@@ -15,4 +14,4 @@ export declare const messages: {
 export declare const testIds: {
     emptyResultPage: string;
 };
-export declare const NoResults: () => jsx.JSX.Element;
+export declare const NoResults: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.37.4",
+	"version": "1.38.0",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -47,9 +47,6 @@
 		"platform.linking-platform.link-picker.enable-jira-create": {
 			"type": "boolean"
 		},
-		"platform.linking-platform.link-picker.remove-dst-empty-state": {
-			"type": "boolean"
-		},
 		"platform.linking-platform.link-picker.translations-map": {
 			"type": "boolean"
 		}
@@ -60,21 +57,20 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/button": "^18.0.0",
-		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
 		"@atlaskit/icon": "^22.4.0",
 		"@atlaskit/intl-messages-provider": "^1.0.2",
 		"@atlaskit/linking-common": "^5.7.0",
-		"@atlaskit/onboarding": "^11.7.0",
+		"@atlaskit/onboarding": "^11.8.0",
 		"@atlaskit/platform-feature-flags": "^0.2.1",
-		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/primitives": "^8.2.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/tabs": "^16.2.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.52.0",
+		"@atlaskit/tokens": "^1.53.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@atlaskit/visually-hidden": "^1.4.0",

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

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.genericErrorStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var HEIGHT = 90;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-var genericErrorStyles = exports.genericErrorStyles = (0, _react.css)({
-  height: "".concat(HEIGHT, "px"),
-  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
-  display: 'block'
-});

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

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.noResultsSVGStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var HEIGHT = 120;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-var noResultsSVGStyles = exports.noResultsSVGStyles = (0, _react.css)({
-  height: "".concat(HEIGHT, "px"),
-  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
-  display: 'block'
-});

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.emptyStateWrapperStyles = exports.emptyStateNoResultsWrapper = 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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-var emptyStateWrapperStyles = exports.emptyStateWrapperStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& p': {
-    margin: 0
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-var emptyStateNoResultsWrapper = exports.emptyStateNoResultsWrapper = (0, _react.css)({
-  minHeight: "var(--ds-space-200, 16px)"
-});

package/dist/es2019/common/generic-error-svg/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';
-const HEIGHT = 90;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export const genericErrorStyles = css({
-  height: `${HEIGHT}px`,
-  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
-  display: 'block'
-});

package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/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';
-const HEIGHT = 120;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export const noResultsSVGStyles = css({
-  height: `${HEIGHT}px`,
-  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
-  display: 'block'
-});

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

@@ -1,14 +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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export const emptyStateWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& p': {
-    margin: 0
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export const emptyStateNoResultsWrapper = css({
-  minHeight: "var(--ds-space-200, 16px)"
-});

package/dist/esm/common/generic-error-svg/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';
-var HEIGHT = 90;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export var genericErrorStyles = css({
-  height: "".concat(HEIGHT, "px"),
-  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
-  display: 'block'
-});

package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/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';
-var HEIGHT = 120;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export var noResultsSVGStyles = css({
-  height: "".concat(HEIGHT, "px"),
-  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
-  display: 'block'
-});

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

@@ -1,14 +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, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export var emptyStateWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& p': {
-    margin: 0
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
-export var emptyStateNoResultsWrapper = css({
-  minHeight: "var(--ds-space-200, 16px)"
-});

package/dist/types/common/generic-error-svg/styled.d.ts

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

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

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

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

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

package/dist/types-ts4.5/common/generic-error-svg/styled.d.ts

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

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

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

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

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