@atlaskit/help 8.0.9 → 9.0.0

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

@@ -1,83 +1,58 @@
+/* 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.WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemDescription = 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-exported-styles -- Ignored via go/DSP-18766
-var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper =
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-_styled.default.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
-var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = _styled.default.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
-var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = _styled.default.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
-var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.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
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var _excluded = ["styles", "children"];
+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 whatsNewResultListItemWrapperStyles = null;
+var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = function WhatsNewResultListItemWrapper(_ref) {
+  var styles = _ref.styles,
+    children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, rest, {
+    className: (0, _runtime.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": (0, _runtime.ix)("".concat("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))),
+      "--_1govphe": (0, _runtime.ix)("".concat("var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"))),
+      "--_1cokla9": (0, _runtime.ix)("".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " 0px 0px 0px 2px inset")),
+      "--_1twi6n5": (0, _runtime.ix)("".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"))),
+      "--_1bsdhru": (0, _runtime.ix)("".concat("var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")")))
+    })
+  }), children);
+};
+var whatsNewResultListItemTitleContainerStyles = null;
+var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = function WhatsNewResultListItemTitleContainer(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1osq _o5721q9c _otyr1b66"])
+  }, children);
+};
+var whatsNewResultListItemTitleTextStyles = null;
+var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = function WhatsNewResultListItemTitleText(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_11c81o8v _19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1o8l _s7n4nkob _19bv1b66 _o5724jg8 _1reo15vq"])
+  }, children);
+};
+var whatsNewResultListItemDescriptionStyles = null;
+var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = function WhatsNewResultListItemDescription(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _vwz4gktf _syaz1o8f"]),
+    style: {
+      "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
+    }
+  }, children);
+};

package/dist/cjs/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/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -1,62 +1,38 @@
+/* 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.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = exports.ToggleShowWhatsNewResultsContainer = 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.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = void 0;
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var whatsNewResultsListContainerStyles = null;
+var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = function WhatsNewResultsListContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.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
-var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.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
-var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = _styled.default.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
-var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _styled.default.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
-var ToggleShowWhatsNewResultsContainer = exports.ToggleShowWhatsNewResultsContainer = _styled.default.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;
+var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = function WhatsNewResultsListGroupWrapper(_ref2) {
+  var key = _ref2.key,
+    children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: key,
+    className: (0, _runtime.ax)(["_ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf"])
+  }, children);
+};
+var whatsNewResultsListGroupTitleStyles = null;
+var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = function WhatsNewResultsListGroupTitle(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_11c81o8v _syazpsu8 _k48pmoej _ca0qidpf _u5f3u2gc _n3tdu2gc _19bvu2gc _1p1dangw"]),
+    style: {
+      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
+    }
+  }, children);
+};

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

@@ -18,14 +18,14 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     contentHeight: "".concat((0, _constants.gridSize)() * 5, "px"),
     contentWidth: "152px",
     marginTop: "0"
-  }), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsList, {
+  }), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsList, {
     "aria-label": formatMessage(_messages.messages.help_loading),
     role: "img"
   }, /*#__PURE__*/_react.default.createElement(_styled3.WhatsNewResultsListTitleContainer, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -51,7 +51,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -81,7 +81,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
@@ -107,7 +107,7 @@ var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewR
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',

package/dist/cjs/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/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -1,34 +1,32 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsList = 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
-
+exports.LoadingWhatsNewResultsListItem = exports.LoadingWhatsNewResultsList = 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 _excluded = ["children"];
 /**
  * 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 LoadignWhatsNewResultsList = exports.LoadignWhatsNewResultsList = _styled.default.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
-var LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsListItem = _styled.default.li({
-  display: 'block',
-  width: '100%',
-  padding: "var(--ds-space-100, 8px)",
-  margin: 0,
-  boxSizing: 'border-box'
-});
+var loadingWhatsNewResultsListStyles = null;
+var LoadingWhatsNewResultsList = exports.LoadingWhatsNewResultsList = function LoadingWhatsNewResultsList(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _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 _19pkpxbi"])
+  }), children);
+};
+var loadingWhatsNewResultsListItemStyles = null;
+var LoadingWhatsNewResultsListItem = exports.LoadingWhatsNewResultsListItem = function LoadingWhatsNewResultsListItem(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _1bsb1osq _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _vchhusvi"])
+  }, children);
+};

package/dist/cjs/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/cjs/components/WhatsNew/WhatsNewResults/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.WhatsNewResults = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -28,12 +31,10 @@ 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'
-};
+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; } /** @jsxFrag */
+var FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
+var whatsNewResultsContainerStyles = null;
+var whatsNewResultsContainerAiStyles = null;
 var transitionStyles = {
   entering: {
     opacity: 1,
@@ -116,14 +117,15 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: helpContextView === _constants.VIEW.WHATS_NEW,
-    timeout: _constants.FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
     onEnter: handleOnEnter,
     onExit: handleOnExit
   }, function (state) {
-    return isAiEnabled ? /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainerAi, {
+    return isAiEnabled ? /*#__PURE__*/_react.default.createElement("div", {
       ref: containerRef,
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
+      style: _objectSpread({}, transitionStyles[state]),
+      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n"])
+    }, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -171,10 +173,13 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
       onClearFilter: handleOnClearFilter
     }))), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
       onSearch: onSearchWhatsNewArticles
-    }))) : /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
+    })) : /*#__PURE__*/_react.default.createElement("div", {
       ref: containerRef,
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
+      className: (0, _runtime.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": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+      })
+    }, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
       defaultValue: selectedOption
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -222,7 +227,7 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
       onClearFilter: handleOnClearFilter
     }))), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
       onSearch: onSearchWhatsNewArticles
-    })));
+    }));
   });
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(WhatsNewResults);

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

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

@@ -1,63 +1,37 @@
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.WhatsNewResultsContainerAi = exports.WhatsNewResultsContainer = exports.SelectContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.SelectContainer = void 0;
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
 var _constants = require("@atlaskit/theme/constants");
-/**
- * @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 WhatsNewResultsContainer = exports.WhatsNewResultsContainer = _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: 1,
-  padding: "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 WhatsNewResultsContainerAi = exports.WhatsNewResultsContainerAi = _styled.default.div({
-  paddingBottom: "var(--ds-space-200, 16px)",
-  paddingLeft: "var(--ds-space-200, 16px)",
-  paddingRight: "var(--ds-space-200, 16px)",
-  position: 'absolute',
-  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: 1
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SelectContainer = exports.SelectContainer = _styled.default.div({
-  // 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(19 * (0, _constants.gridSize)(), "px")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.div({
-  paddingTop: "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 WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListTitleContainer = _styled.default.div({
-  padding: "0 ".concat("var(--ds-space-100, 8px)")
-});
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var selectContainerStyles = null;
+var SelectContainer = exports.SelectContainer = function SelectContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb1ina"]),
+    style: {
+      "--_18eyph8": (0, _runtime.ix)("".concat(19 * (0, _constants.gridSize)(), "px"))
+    }
+  }, children);
+};
+var whatsNewResultsListContainerStyles = null;
+var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = function WhatsNewResultsListContainer(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0qu2gc"])
+  }, children);
+};
+var whatsNewResultsListTitleContainerStyles = null;
+var WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListTitleContainer = function WhatsNewResultsListTitleContainer(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0qidpf _u5f3u2gc _n3tdidpf _19bvu2gc"])
+  }, children);
+};

package/dist/cjs/components/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VIEW = exports.TRANSITION_DURATION_MS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.MIN_CHARACTERS_FOR_SEARCH = exports.LOADING_TIMEOUT = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = void 0;
+exports.VIEW = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.MIN_CHARACTERS_FOR_SEARCH = exports.LOADING_TIMEOUT = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = void 0;
 var MIN_CHARACTERS_FOR_SEARCH = exports.MIN_CHARACTERS_FOR_SEARCH = 3;
 var LOADING_TIMEOUT = exports.LOADING_TIMEOUT = 1000;
 var NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = 10;
@@ -17,6 +17,4 @@ var VIEW = exports.VIEW = /*#__PURE__*/function (VIEW) {
 }({}); // Animation related consts
 var SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
 var FADEIN_OVERLAY_TRANSITION_DURATION_MS = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
-var HIDE_CONTENT_DELAY = exports.HIDE_CONTENT_DELAY = FADEIN_OVERLAY_TRANSITION_DURATION_MS + 200;
-// Animation related consts
-var TRANSITION_DURATION_MS = exports.TRANSITION_DURATION_MS = 220;
+var HIDE_CONTENT_DELAY = exports.HIDE_CONTENT_DELAY = FADEIN_OVERLAY_TRANSITION_DURATION_MS + 200;