@atlaskit/help 8.0.9 → 9.0.0

package/dist/cjs/components/RelatedArticles/styled.js

@@ -1,65 +1,45 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleSection = exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var truncate = exports.truncate = function truncate() {
-  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _react.css)({
-    overflowX: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: width
-  });
+exports.RelatedArticlesTitle = exports.LoadingRelatedArticleListItem = exports.LoadingRelatedArticleList = void 0;
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var _excluded = ["children"];
+var relatedArticlesTitleStyles = null;
+var RelatedArticlesTitle = exports.RelatedArticlesTitle = function RelatedArticlesTitle(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_11c8nbxd _syaz1o8f _ca0qpxbi _u5f3idpf _n3tdpxbi _19bvidpf"]),
+    style: {
+      "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
+    }
+  }, children);
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N800, ")"),
-  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  padding: "var(--ds-space-200, 16px)".concat(" 0")
-});
-
 /**
  * Loading styled-components
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadignRelatedArticleSection = exports.LoadignRelatedArticleSection = _styled.default.div({
-  marginTop: "var(--ds-space-100, 8px)"
-});
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadignRelatedArticleList = exports.LoadignRelatedArticleList = _styled.default.ul({
-  width: '100%',
-  margin: 0,
-  padding: 0,
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadignRelatedArticleListItem = exports.LoadignRelatedArticleListItem = _styled.default.li({
-  display: 'block',
-  width: '100%',
-  padding: "var(--ds-space-100, 8px)",
-  marginBottom: "var(--ds-space-200, 16px)",
-  boxSizing: 'border-box'
-});
+var loadingRelatedArticleListStyles = null;
+var LoadingRelatedArticleList = exports.LoadingRelatedArticleList = function LoadingRelatedArticleList(_ref2) {
+  var children = _ref2.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({}, rest, {
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq _vchhusvi"])
+  }), children);
+};
+var loadingRelatedArticleListItemStyles = null;
+var LoadingRelatedArticleListItem = exports.LoadingRelatedArticleListItem = function LoadingRelatedArticleListItem(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_1e0c1ule _1bsb1osq _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _otyrpxbi _vchhusvi"])
+  }, children);
+};

package/dist/cjs/components/Search/SearchInput/index.compiled.css

@@ -0,0 +1,2 @@
+._1bsb1aw7{width:var(--_1sdd41g)}
+._4t3i1aw7{height:var(--_1sdd41g)}

package/dist/cjs/components/Search/SearchInput/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SearchInput = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
@@ -14,7 +17,6 @@ var _constants = require("@atlaskit/theme/constants");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/migration/search"));
 var _closeEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--editor-close"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _Requests = require("../../../model/Requests");
 var _searchContext = require("../../contexts/searchContext");
@@ -24,24 +26,12 @@ var _styled = require("./styled");
 var _navigationContext = require("../../contexts/navigationContext");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
-var buttonStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: "".concat((0, _constants.gridSize)() * 3, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: "".concat((0, _constants.gridSize)() * 3, "px")
-});
+var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     _ref$isAiEnabled = _ref.isAiEnabled,
@@ -98,26 +88,29 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
     return null;
   }
   var WrapperComponent = isAiEnabled ? _styled.SearchInputContainerAi : _styled.SearchInputContainer;
-  return (0, _react2.jsx)(WrapperComponent, null, (0, _react2.jsx)(_textfield.default, {
+  return /*#__PURE__*/_react.default.createElement(WrapperComponent, null, /*#__PURE__*/_react.default.createElement(_textfield.default, {
     "aria-label": formatMessage(_messages.messages.help_search_placeholder),
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",
-    elemBeforeInput: (0, _react2.jsx)(_styled.SearchIconContainer, null, (0, _react2.jsx)(_search.default, {
+    elemBeforeInput: /*#__PURE__*/_react.default.createElement(_styled.SearchIconContainer, null, /*#__PURE__*/_react.default.createElement(_search.default, {
       LEGACY_margin: "0 2px",
       color: "currentColor",
       spacing: "spacious",
       label: ""
     })),
-    elemAfterInput: (0, _react2.jsx)(_styled.CloseButtonAndSpinnerContainer, null, searchState === _Requests.REQUEST_STATE.loading && (0, _react2.jsx)(_spinner.default, {
+    elemAfterInput: /*#__PURE__*/_react.default.createElement(_styled.CloseButtonAndSpinnerContainer, null, searchState === _Requests.REQUEST_STATE.loading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
       size: "small"
-    }), searchValue !== '' && (0, _react2.jsx)(_customThemeButton.default, {
-      css: buttonStyles,
+    }), searchValue !== '' && /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none",
-      "aria-label": "Clear field"
-    }, (0, _react2.jsx)(_closeEditorClose.default, {
+      "aria-label": "Clear field",
+      className: (0, _runtime.ax)(["_1bsb1aw7 _4t3i1aw7"]),
+      style: {
+        "--_1sdd41g": (0, _runtime.ix)("".concat((0, _constants.gridSize)() * 3, "px"))
+      }
+    }, /*#__PURE__*/_react.default.createElement(_closeEditorClose.default, {
       color: "currentColor",
       spacing: "spacious",
       label: ""
@@ -129,8 +122,8 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   }));
 };
 var SearchInputWithContext = function SearchInputWithContext(props) {
-  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, (0, _react2.jsx)(SearchInput, props));
+  }, /*#__PURE__*/_react.default.createElement(SearchInput, props));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(SearchInputWithContext);

package/dist/cjs/components/Search/SearchInput/styled.compiled.css

@@ -0,0 +1,28 @@
+._1275nkob>button, ._1skznkob>span{vertical-align:middle}
+._16jlidpf{flex-grow:0}
+._18u01ejb{margin-left:var(--ds-space-300,24px)}
+._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pkou31{margin-top:var(--ds-space-200,14px)}
+._1bsb10tm{width:var(--_f02zv0)}
+._1bsb1ejb{width:var(--ds-space-300,24px)}
+._1bsb1osq{width:100%}
+._1f021ejb>span{height:var(--ds-space-300,24px)}
+._1f49idpf{order:0}
+._1msb1o8l>button, ._1w7e1o8l>span{display:inline-block}
+._1o9zkb7n{flex-shrink:1}
+._1rckusvi>span{box-sizing:border-box}
+._1wpz1wug{align-self:auto}
+._1wybidpf{font-size:0}
+._1yg61b66>span{padding-left:var(--ds-space-050,4px)}
+._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
+._4t3i1ejb{height:var(--ds-space-300,24px)}
+._4t3ixy5q{height:var(--ds-space-400,2pc)}
+._hjaq1b66>span{padding-right:var(--ds-space-050,4px)}
+._i0dl1wug{flex-basis:auto}
+._kqswh2mm{position:relative}
+._nbgx1ejb>span{width:var(--ds-space-300,24px)}
+._o5721q9c{white-space:nowrap}
+._otyrou31{margin-bottom:var(--ds-space-200,14px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}

package/dist/cjs/components/Search/SearchInput/styled.js

@@ -1,3 +1,4 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,65 +6,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchInputContainerAi = exports.SearchInputContainer = exports.SearchIconContainer = exports.CloseButtonAndSpinnerContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchInputContainer = exports.SearchInputContainer = _styled.default.div({
-  order: 0,
-  flex: '0 1 auto',
-  alignSelf: 'auto',
-  width: '100%',
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchInputContainerAi = exports.SearchInputContainerAi = _styled.default.div({
-  width: "calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"),
-  height: "var(--ds-space-400, 32px)",
-  marginLeft: "var(--ds-space-300, 24px)",
-  marginRight: "var(--ds-space-300, 24px)",
-  marginTop: "var(--ds-space-200, 14px)",
-  marginBottom: "var(--ds-space-200, 14px)",
-  order: 0,
-  flex: '0 1 auto',
-  alignSelf: 'auto',
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchIconContainer = exports.SearchIconContainer = _styled.default.div({
-  width: "var(--ds-space-300, 24px)",
-  height: "var(--ds-space-300, 24px)",
-  paddingLeft: "var(--ds-space-050, 4px)",
-  marginLeft: "var(--ds-space-negative-025, -2px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > span': {
-    paddingLeft: "var(--ds-space-050, 4px)",
-    height: "var(--ds-space-300, 24px)",
-    width: "var(--ds-space-300, 24px)",
-    boxSizing: 'border-box'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CloseButtonAndSpinnerContainer = exports.CloseButtonAndSpinnerContainer = _styled.default.div({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  fontSize: 0,
-  paddingRight: "var(--ds-space-100, 8px)",
-  position: 'relative',
-  whiteSpace: 'nowrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > span': {
-    paddingRight: "var(--ds-space-050, 4px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > button, & > span': {
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  }
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var searchInputContainerStyles = null;
+var SearchInputContainer = exports.SearchInputContainer = function SearchInputContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1f49idpf _1wpz1wug _1bsb1osq _vchhusvi"])
+  }, children);
+};
+var searchInputContainerAiStyles = null;
+var SearchInputContainerAi = exports.SearchInputContainerAi = function SearchInputContainerAi(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb10tm _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"]),
+    style: {
+      "--_f02zv0": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"))
+    }
+  }, children);
+};
+var searchIconContainerStyles = null;
+var SearchIconContainer = exports.SearchIconContainer = function SearchIconContainer(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1ejb _4t3i1ejb _19bv1b66 _18u01i6y _1yg61b66 _1f021ejb _nbgx1ejb _1rckusvi"])
+  }, children);
+};
+var closeButtonAndSpinnerContainerStyles = null;
+var CloseButtonAndSpinnerContainer = exports.CloseButtonAndSpinnerContainer = function CloseButtonAndSpinnerContainer(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1wybidpf _u5f3u2gc _kqswh2mm _o5721q9c _hjaq1b66 _1msb1o8l _1w7e1o8l _1275nkob _1skznkob"])
+  }, children);
+};

package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js

@@ -12,7 +12,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../messages");
 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); }
@@ -31,7 +31,7 @@ var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSit
       onSearchExternalUrlClick(event, _analyticsEvent);
     }
   };
-  return searchExternalUrl ? /*#__PURE__*/_react.default.createElement(_styled.SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return searchExternalUrl ? /*#__PURE__*/_react.default.createElement(_styled.SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.messages.help_search_results_search_external_site), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {

package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js

@@ -12,7 +12,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
 var _messages = require("../../../messages");
 var _styled = require("./styled");
@@ -32,7 +32,7 @@ var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpt
       onSearchExternalUrlClick(event, _analyticsEvent);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageHeaderText, null, formatMessage(_messages.messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageHeaderText, null, formatMessage(_messages.messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.messages.help_search_results_no_results_line_two), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {

package/dist/cjs/components/Search/SearchResults/SearchResultsError.js

@@ -8,16 +8,16 @@ exports.default = exports.SearchResultsError = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _ErrorImage = _interopRequireDefault(require("../../../assets/ErrorImage"));
 var _messages = require("../../../messages");
 var _styled = require("./styled");
 var SearchResultsError = exports.SearchResultsError = function SearchResultsError(_ref) {
   var onSearch = _ref.onSearch,
     formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "strong"
-  }, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.messages.help_search_error_line_two))), onSearch && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
     onClick: function onClick() {

package/dist/cjs/components/Search/SearchResults/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SearchResults = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
@@ -22,31 +21,6 @@ var _SearchResultsError = _interopRequireDefault(require("./SearchResultsError")
 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 && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var defaultStyle = {
-  transition: "opacity ".concat(_constants.FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"),
-  opacity: 0,
-  visibility: 'hidden'
-};
-var transitionStyles = {
-  entering: {
-    opacity: 1,
-    visibility: 'visible'
-  },
-  entered: {
-    opacity: 1,
-    visibility: 'visible'
-  },
-  exiting: {
-    opacity: 0,
-    visibility: 'visible'
-  },
-  exited: {
-    opacity: 0,
-    visibility: 'hidden'
-  }
-};
 var SearchResults = exports.SearchResults = function SearchResults(_ref) {
   var _ref$isAiEnabled = _ref.isAiEnabled,
     isAiEnabled = _ref$isAiEnabled === void 0 ? false : _ref$isAiEnabled;
@@ -88,10 +62,10 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
   }, [searchResult]);
   return isAiEnabled ? /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: view === _constants.VIEW.SEARCH && isSearchResultVisible,
-    timeout: _constants.FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.SearchResultsContainerAi, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+      transitionState: state
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: liveRegionRef,
       "aria-live": "polite",
@@ -129,10 +103,10 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     }));
   }) : /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: view === _constants.VIEW.SEARCH && isSearchResultVisible,
-    timeout: _constants.FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.SearchResultsContainer, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+      transitionState: state
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: liveRegionRef,
       "aria-live": "polite",

package/dist/cjs/components/Search/SearchResults/styled.compiled.css

@@ -0,0 +1,31 @@
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._v564tcs9{transition:var(--_1peo1h6)}
+._125xpsu8 p{color:var(--_vrm7dk)}
+._154i1eca{top:var(--ds-space-800,60px)}
+._154iidpf{top:0}
+._16jlkb7n{flex-grow:1}
+._18m91wug{overflow-y:auto}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bsb1osq{width:100%}
+._1o9zkb7n{flex-shrink:1}
+._1pbyzo7u{z-index:10}
+._1reo15vq{overflow-x:hidden}
+._2lx21bp4{flex-direction:column}
+._3um015vq{visibility:hidden}
+._4t3i1osq{height:100%}
+._4t3is6me{height:var(--_fwkl53)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qidpf{padding-top:0}
+._i0dlf1ug{flex-basis:0%}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._kqswstnw{position:absolute}
+._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._syaz1hoq{color:var(--_h5fhc4)}
+._tzy4idpf{opacity:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}
+._y3gn1h6o{text-align:center}