@atlaskit/help 8.0.9 → 9.0.0

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

@@ -1,91 +1,94 @@
+/* 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.SearchResultsList = exports.SearchResultsContainerAi = exports.SearchResultsContainer = exports.SearchResultSearchExternalSiteContainer = exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageHeaderText = void 0;
-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/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultsContainer = exports.SearchResultsContainer = _styled.default.div({
-  position: 'absolute',
-  height: '100%',
-  width: '100%',
-  top: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 10,
-  padding: "0 ".concat("var(--ds-space-200, 16px)")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultsContainerAi = exports.SearchResultsContainerAi = _styled.default.div({
-  position: 'absolute',
-  height: "calc(100% - ".concat("var(--ds-space-800, 60px)", ")"),
-  width: '100%',
-  top: "var(--ds-space-800, 60px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 10,
-  padding: "0 ".concat("var(--ds-space-200, 16px)")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultsList = exports.SearchResultsList = _styled.default.div({
-  paddingTop: "var(--ds-space-300, 24px)",
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultEmptyMessageHeaderText = exports.SearchResultEmptyMessageHeaderText = _styled.default.h2({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N500, ")"),
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)",
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+exports.SearchResultsContainerAi = exports.SearchResultsContainer = exports.SearchResultSearchExternalSiteContainer = exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageHeaderText = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = void 0;
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+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 FADEIN_OVERLAY_TRANSITION_DURATION_MS = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
+var searchResultsContainerStyles = null;
+var transitionStyles = {
+  entering: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  entered: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  exiting: {
+    opacity: 0,
+    visibility: 'visible'
+  },
+  exited: {
+    opacity: 0,
+    visibility: 'hidden'
   }
-});
+};
+var SearchResultsContainer = exports.SearchResultsContainer = function SearchResultsContainer(_ref) {
+  var children = _ref.children,
+    transitionState = _ref.transitionState;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
+      "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+    })
+  }, children);
+};
+var searchResultsContainerAiStyles = null;
+var SearchResultsContainerAi = exports.SearchResultsContainerAi = function SearchResultsContainerAi(_ref2) {
+  var children = _ref2.children,
+    transitionState = _ref2.transitionState;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3is6me _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
+      "--_fwkl53": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-800, 60px)", ")")),
+      "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+    })
+  }, children);
+};
+var searchResultEmptyMessageImageStyles = null;
+var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var searchResultEmptyMessageTextStyles = null;
+var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }, children);
+};
+var searchResultEmptyMessageHeaderTextStyles = null;
+var SearchResultEmptyMessageHeaderText = exports.SearchResultEmptyMessageHeaderText = function SearchResultEmptyMessageHeaderText(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/_react.default.createElement("h2", {
+    className: (0, _runtime.ax)(["_11c82smr _syaz1hoq _k48pmoej"]),
+    style: {
+      "--_h5fhc4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N500, ")"))
+    }
+  }, children);
+};
+var searchResultSearchExternalSiteContainerStyles = null;
+var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = function SearchResultSearchExternalSiteContainer(_ref6) {
+  var children = _ref6.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }, children);
+};

package/dist/cjs/components/Tabs/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Tabs = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var Tab = function Tab(_ref) {
   var label = _ref.label,
     index = _ref.index,
@@ -19,11 +19,11 @@ var Tab = function Tab(_ref) {
     onClick: function onClick() {
       return _onClick(index);
     }
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
     alignBlock: "center",
     alignInline: "center"
-  }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     color: isActive ? 'color.text.selected' : 'color.text'
   }, label)));
 };

package/dist/cjs/components/Tabs/styled.compiled.css

@@ -0,0 +1,13 @@
+._16jlkb7n{flex-grow:1}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bah1yb4{justify-content:space-between}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1o9zkb7n{flex-shrink:1}
+._80omtlke{cursor:pointer}
+._ae4v1h6o{align-content:center}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._i0dlf1ug{flex-basis:0%}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._y3gn1h6o{text-align:center}

package/dist/cjs/components/Tabs/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,36 +6,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabLabels = exports.TabLabel = exports.TabContainer = 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 TabContainer = exports.TabContainer = _styled.default.div({
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var TabLabels = exports.TabLabels = _styled.default.div({
-  display: 'flex',
-  justifyContent: 'space-between'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-var TabLabel = exports.TabLabel = _styled.default.div(function (_ref) {
-  var isActive = _ref.isActive;
-  return {
-    flex: 1,
-    padding: "var(--ds-space-150, 12px)",
-    textAlign: 'center',
-    cursor: 'pointer',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    color: isActive ? "var(--ds-text-selected, #0C66E4)" : "var(--ds-text, #172B4D)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    borderBottom: isActive ? "1px solid ".concat("var(--ds-text-selected, #0C66E4)") : "1px solid ".concat("var(--ds-text-disabled, #091E424F)")
-  };
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var tabContainerStyles = null;
+var TabContainer = exports.TabContainer = function TabContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1osq"])
+  }, children);
+};
+var tabLabelsStyles = null;
+var TabLabels = exports.TabLabels = function TabLabels(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _1bah1yb4"])
+  }, children);
+};
+var tabLabelStyles = null;
+var TabLabel = exports.TabLabel = function TabLabel(_ref3) {
+  var isActive = _ref3.isActive,
+    onClick = _ref3.onClick,
+    children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      color: isActive ? "var(--ds-text-selected, #0C66E4)" : "var(--ds-text, #172B4D)",
+      borderBottom: isActive ? "1px solid ".concat("var(--ds-text-selected, #0C66E4)") : "1px solid ".concat("var(--ds-text-disabled, #091E424F)")
+    },
+    onClick: onClick,
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _y3gn1h6o _ae4v1h6o _80omtlke"])
+  }, children);
+};

package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js

@@ -8,7 +8,7 @@ exports.default = exports.WhatsNewResultsEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 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");
@@ -25,9 +25,9 @@ var WhatsNewResultsEmpty = exports.WhatsNewResultsEmpty = function WhatsNewResul
     analyticsEvent.fire();
     onClearFilter();
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "strong"
-  }, formatMessage(_messages.messages.help_whats_new_no_results))), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, formatMessage(_messages.messages.help_whats_new_no_results))), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.messages.help_whats_new_no_results_info), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
@@ -36,6 +36,6 @@ var WhatsNewResultsEmpty = exports.WhatsNewResultsEmpty = function WhatsNewResul
   }, /*#__PURE__*/_react.default.createElement("a", {
     href: "#",
     onClick: handleClearFilterLinkClick
-  }, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/_react.default.createElement(_primitives.Text, null, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_info))))));
+  }, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/_react.default.createElement(_compiled.Text, null, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_info))))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsEmpty);

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.compiled.css

@@ -0,0 +1,6 @@
+._125xpsu8 p{color:var(--_vrm7dk)}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._y3gn1h6o{text-align:center}

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -1,34 +1,29 @@
+/* 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.WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageImage = void 0;
-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/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
-  }
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var whatsNewResultsEmptyMessageImageStyles = null;
+var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = function WhatsNewResultsEmptyMessageImage(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var whatsNewResultsEmptyMessageTextStyles = null;
+var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = function WhatsNewResultsEmptyMessageText(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }, children);
+};

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js

@@ -10,14 +10,14 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
 var _messages = require("../../../../messages");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _styled = require("./styled");
 var WhatsNewResultsError = exports.WhatsNewResultsError = function WhatsNewResultsError(_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))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: function onClick() {

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.compiled.css

@@ -0,0 +1,6 @@
+._125xpsu8 p{color:var(--_vrm7dk)}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._y3gn1h6o{text-align:center}

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js

@@ -1,34 +1,29 @@
+/* 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.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = void 0;
-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/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = _styled.default.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
-  }
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var searchResultEmptyMessageImageStyles = null;
+var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var searchResultEmptyMessageTextStyles = null;
+var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }, children);
+};

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.compiled.css

@@ -0,0 +1,39 @@
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko1l7b{border-radius:3px}
+._18u0idpf{margin-left:0}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkidpf{margin-top:0}
+._1bsb1osq{width:100%}
+._1e0c1o8l{display:inline-block}
+._1e0c1ule{display:block}
+._1hmsglyw{text-decoration-line:none}
+._1reo15vq{overflow-x:hidden}
+._2hwxidpf{margin-right:0}
+._4bfu1r31{text-decoration-color:currentColor}
+._80omtlke{cursor:pointer}
+._ajmmnqa1{text-decoration-style:solid}
+._bfhke3vq{background-color:var(--_1govphe)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._kqswh2mm{position:relative}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o5721q9c{white-space:nowrap}
+._o5724jg8{white-space:normal}
+._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
+._otyridpf{margin-bottom:0}
+._s7n4nkob{vertical-align:middle}
+._syaz1o8f{color:var(--_ggxzyp)}
+._syazykon{color:var(--_w1yqfx)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}
+._vwz4gktf{line-height:20px}
+._7ehi13ga:focus{box-shadow:var(--_1cokla9)}
+._irr31rbn:hover{background-color:var(--_1twi6n5)}
+._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._1di6n0pj:active{background-color:var(--_1bsdhru)}
+._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
+._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
+._1ohyglyw:active, ._49pcglyw:focus, ._ksodglyw:hover, ._tpgfglyw:visited{outline-style:none}
+._1q5t1r31:active, ._nt751r31:focus, ._1dit1r31:hover, ._9nxe1r31:visited{outline-color:currentColor}
+._1r9x1o36:active, ._1hvw1o36:focus, ._4hz81o36:hover, ._12gr1o36:visited{outline-width:medium}
+._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover, ._1x28glyw:visited{text-decoration-line:none}