@atlaskit/help 8.0.9 → 9.0.0

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

@@ -1,23 +1,22 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultEmptyMessageImage = styled.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
-export var SearchResultEmptyMessageText = styled.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, ")")
-  }
-});
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { N200 } from '@atlaskit/theme/colors';
+var searchResultEmptyMessageImageStyles = null;
+export var SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var searchResultEmptyMessageTextStyles = null;
+export var SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
+    }
+  }, children);
+};

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/esm/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}

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -1,72 +1,51 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultListItemWrapper =
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-styled.a({
-  position: "relative",
-  boxSizing: "border-box",
-  padding: "var(--ds-space-100, 8px)",
-  display: "block",
-  textDecoration: "none",
-  cursor: "pointer",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "".concat("var(--ds-text-subtlest, ".concat(colors.N200, ")")),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  backgroundColor: "".concat("var(--ds-background-neutral-subtle, ".concat(colors.N0, ")")),
-  borderRadius: "3px",
-  '&:hover, &:focus, &:visited, &:active': {
-    textDecoration: "none",
-    outline: "none",
-    outlineOffset: "none"
-  },
-  '&:focus': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    boxShadow: "".concat("var(--ds-border-focused, ".concat(colors.B100, ")"), " 0px 0px 0px 2px inset")
-  },
-  '&:hover': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"))
-  },
-  '&:active': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"))
-  }
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-function (props) {
-  return props.styles;
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultListItemTitleContainer = styled.div({
-  width: '100%',
-  whiteSpace: 'nowrap',
-  marginBottom: "var(--ds-space-050, 4px)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultListItemTitleText = styled.span({
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  display: 'inline-block',
-  verticalAlign: 'middle',
-  margin: 0,
-  paddingLeft: "var(--ds-space-050, 4px)",
-  whiteSpace: 'normal',
-  overflowX: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultListItemDescription = styled.p({
-  display: 'block',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '20px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N800, ")"),
-  margin: 0
-});
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["styles", "children"];
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+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) { _defineProperty(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; }
+import React from 'react';
+import { B100, B50, N0, N200, N30, N800 } from '@atlaskit/theme/colors';
+var whatsNewResultListItemWrapperStyles = null;
+export var WhatsNewResultListItemWrapper = function WhatsNewResultListItemWrapper(_ref) {
+  var styles = _ref.styles,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("a", _extends({}, rest, {
+    className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syazykon _bfhke3vq _7ehi13ga _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr31rbn _1di6n0pj"]),
+    style: _objectSpread(_objectSpread({}, styles), {}, {
+      "--_w1yqfx": ix("".concat("var(--ds-text-subtlest, ".concat(N200, ")"))),
+      "--_1govphe": ix("".concat("var(--ds-background-neutral-subtle, ".concat(N0, ")"))),
+      "--_1cokla9": ix("".concat("var(--ds-border-focused, ".concat(B100, ")"), " 0px 0px 0px 2px inset")),
+      "--_1twi6n5": ix("".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"))),
+      "--_1bsdhru": ix("".concat("var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")")))
+    })
+  }), children);
+};
+var whatsNewResultListItemTitleContainerStyles = null;
+export var WhatsNewResultListItemTitleContainer = function WhatsNewResultListItemTitleContainer(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1osq _o5721q9c _otyr1b66"])
+  }, children);
+};
+var whatsNewResultListItemTitleTextStyles = null;
+export var WhatsNewResultListItemTitleText = function WhatsNewResultListItemTitleText(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_11c81o8v _19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1o8l _s7n4nkob _19bv1b66 _o5724jg8 _1reo15vq"])
+  }, children);
+};
+var whatsNewResultListItemDescriptionStyles = null;
+export var WhatsNewResultListItemDescription = function WhatsNewResultListItemDescription(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/React.createElement("p", {
+    className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _vwz4gktf _syaz1o8f"]),
+    style: {
+      "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
+    }
+  }, children);
+};

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.compiled.css

@@ -0,0 +1,12 @@
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvidpf{padding-left:0}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1p1dangw{text-transform:uppercase}
+._ca0qidpf{padding-top:0}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._kqswh2mm{position:relative}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._syazpsu8{color:var(--_vrm7dk)}
+._u5f3idpf{padding-right:0}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -1,50 +1,31 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// 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/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-export var truncate = function truncate() {
-  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return 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
-  });
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { N200 } from '@atlaskit/theme/colors';
+var whatsNewResultsListContainerStyles = null;
+export var WhatsNewResultsListContainer = function WhatsNewResultsListContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_kqswh2mm"])
+  }, children);
 };
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultsListContainer = styled.div({
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultsListGroupWrapper = styled.div({
-  padding: "var(--ds-space-100, 8px)".concat(" 0 ", "var(--ds-space-100, 8px)", " 0")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultsListGroupTitle = styled.div({
-  // 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, ")"),
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  textTransform: 'uppercase'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ToggleShowWhatsNewResultsContainer = styled.div({
-  padding: "var(--ds-space-100, 8px)".concat(" 0"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  span: {
-    margin: 0
-  }
-});
+var whatsNewResultsListGroupWrapperStyles = null;
+export var WhatsNewResultsListGroupWrapper = function WhatsNewResultsListGroupWrapper(_ref2) {
+  var key = _ref2.key,
+    children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    key: key,
+    className: ax(["_ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf"])
+  }, children);
+};
+var whatsNewResultsListGroupTitleStyles = null;
+export var WhatsNewResultsListGroupTitle = function WhatsNewResultsListGroupTitle(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_11c81o8v _syazpsu8 _k48pmoej _ca0qidpf _u5f3u2gc _n3tdu2gc _19bvu2gc _1p1dangw"]),
+    style: {
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
+    }
+  }, children);
+};

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
-import { LoadignWhatsNewResultsList, LoadignWhatsNewResultsListItem } from './styled';
+import { LoadingWhatsNewResultsList, LoadingWhatsNewResultsListItem } from './styled';
 import { WhatsNewResultsListTitleContainer } from '../styled';
 export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
@@ -11,14 +11,14 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     contentHeight: "".concat(gridSize() * 5, "px"),
     contentWidth: "152px",
     marginTop: "0"
-  }), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsList, {
+  }), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsList, {
     "aria-label": formatMessage(messages.help_loading),
     role: "img"
   }, /*#__PURE__*/React.createElement(WhatsNewResultsListTitleContainer, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -44,7 +44,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -74,7 +74,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -100,7 +100,7 @@ export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.compiled.css

@@ -0,0 +1,16 @@
+._18u0idpf{margin-left:0}
+._19bvidpf{padding-left:0}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkidpf{margin-top:0}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1bsb1osq{width:100%}
+._1e0c1ule{display:block}
+._2hwxidpf{margin-right:0}
+._ca0qidpf{padding-top:0}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdidpf{padding-bottom:0}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyridpf{margin-bottom:0}
+._u5f3idpf{padding-right:0}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -1,26 +1,25 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
 /**
  * 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
-export var LoadignWhatsNewResultsList = styled.ul({
-  width: '100%',
-  margin: 0,
-  padding: 0,
-  boxSizing: 'border-box',
-  marginTop: "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
-export var LoadignWhatsNewResultsListItem = styled.li({
-  display: 'block',
-  width: '100%',
-  padding: "var(--ds-space-100, 8px)",
-  margin: 0,
-  boxSizing: 'border-box'
-});
+var loadingWhatsNewResultsListStyles = null;
+export var LoadingWhatsNewResultsList = function LoadingWhatsNewResultsList(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
+    className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq _vchhusvi _19pkpxbi"])
+  }), children);
+};
+var loadingWhatsNewResultsListItemStyles = null;
+export var LoadingWhatsNewResultsListItem = function LoadingWhatsNewResultsListItem(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("li", {
+    className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _1bsb1osq _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _vchhusvi"])
+  }, children);
+};

package/dist/esm/components/WhatsNew/WhatsNewResults/index.compiled.css

@@ -0,0 +1,21 @@
+
+._v564tcs9{transition:var(--_1peo1h6)}._154i1eca{top:var(--ds-space-800,60px)}
+._154iidpf{top:0}
+._16jlkb7n{flex-grow:1}
+._18m91wug{overflow-y:auto}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bsb1osq{width:100%}
+._1o9zkb7n{flex-shrink:1}
+._1pbykb7n{z-index:1}
+._1reo15vq{overflow-x:hidden}
+._2lx21bp4{flex-direction:column}
+._3um015vq{visibility:hidden}
+._4t3i1osq{height:100%}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._i0dlf1ug{flex-basis:0%}
+._kqswstnw{position:absolute}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._tzy4idpf{opacity:0}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}

package/dist/esm/components/WhatsNew/WhatsNewResults/index.js

@@ -1,7 +1,12 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
+/** @jsxFrag */
+
 import React, { useCallback, useState, useRef } from 'react';
 import { Transition } from 'react-transition-group';
 import isEqual from 'lodash/isEqual';
@@ -11,7 +16,7 @@ import { VIEW } from '../../constants';
 import { messages } from '../../../messages';
 import { WHATS_NEW_ITEM_TYPES } from '../../../model/WhatsNew';
 import { REQUEST_STATE } from '../../../model/Requests';
-import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../constants';
+import { NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../constants';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
 import { useAiContext } from '../../contexts/aiAgentContext';
@@ -19,12 +24,10 @@ import WhatsNewResultsEmpty from './WhatsNewResultsEmpty';
 import WhatsNewResultsError from './WhatsNewResultsError';
 import WhatsNewResultsLoading from './WhatsNewResultsLoading';
 import WhatsNewResultsList from './WhatsNewResultsList';
-import { WhatsNewResultsContainer, SelectContainer, WhatsNewResultsListContainer, WhatsNewResultsContainerAi } from './styled';
-var defaultStyle = {
-  transition: "opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"),
-  opacity: 0,
-  visibility: 'hidden'
-};
+import { SelectContainer, WhatsNewResultsListContainer } from './styled';
+var FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
+var whatsNewResultsContainerStyles = null;
+var whatsNewResultsContainerAiStyles = null;
 var transitionStyles = {
   entering: {
     opacity: 1,
@@ -111,10 +114,11 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
     onEnter: handleOnEnter,
     onExit: handleOnExit
   }, function (state) {
-    return isAiEnabled ? /*#__PURE__*/React.createElement(WhatsNewResultsContainerAi, {
+    return isAiEnabled ? /*#__PURE__*/React.createElement("div", {
       ref: containerRef,
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+      style: _objectSpread({}, transitionStyles[state]),
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n"])
+    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -162,10 +166,13 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
       onClearFilter: handleOnClearFilter
     }))), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
       onSearch: onSearchWhatsNewArticles
-    }))) : /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
+    })) : /*#__PURE__*/React.createElement("div", {
       ref: containerRef,
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _tzy4idpf _3um015vq"]),
+      style: _objectSpread(_objectSpread({}, transitionStyles[state]), {}, {
+        "--_1peo1h6": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+      })
+    }, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -213,7 +220,7 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
       onClearFilter: handleOnClearFilter
     }))), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
       onSearch: onSearchWhatsNewArticles
-    })));
+    }));
   });
 };
 export default injectIntl(WhatsNewResults);

package/dist/esm/components/WhatsNew/WhatsNewResults/styled.compiled.css

@@ -0,0 +1,6 @@
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1bsb1ina{width:var(--_18eyph8)}
+._ca0qidpf{padding-top:0}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdidpf{padding-bottom:0}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}