@atlaskit/help 8.0.9 → 9.0.0

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

@@ -1,42 +1,25 @@
+/* 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.truncate = exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
-var _react = require("@emotion/react");
-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/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.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var articlesListContainerStyles = null;
+var ArticlesListContainer = exports.ArticlesListContainer = function ArticlesListContainer(_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 ArticlesListContainer = exports.ArticlesListContainer = _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 ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = _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 toggleShowMoreArticlesContainerStyles = null;
+var ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = function ToggleShowMoreArticlesContainer(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf"])
+  }, children);
+};

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BackButton = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -14,25 +13,6 @@ var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/a
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _messages = require("../../messages");
 var _styled = require("../styled");
-var _constants = require("../constants");
-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; }
-// Animation
-var defaultStyle = {
-  transition: "left ".concat(_constants.TRANSITION_DURATION_MS, "ms, opacity ").concat(_constants.TRANSITION_DURATION_MS, "ms"),
-  left: "var(--ds-space-300, 24px)",
-  opacity: 0
-};
-var transitionStyles = {
-  entered: {
-    left: "var(--ds-space-100, 8px)",
-    opacity: 1
-  },
-  exited: {
-    left: "var(--ds-space-100, 8px)",
-    opacity: 0
-  }
-};
 var BackButton = exports.BackButton = function BackButton(_ref) {
   var onClick = _ref.onClick,
     _ref$isVisible = _ref.isVisible,
@@ -50,12 +30,12 @@ var BackButton = exports.BackButton = function BackButton(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: isVisible,
-    timeout: _constants.TRANSITION_DURATION_MS,
+    timeout: _styled.BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS,
     mountOnEnter: true,
     unmountOnExit: true
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.BackButtonContainer, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+      transitionState: state
     }, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
       onClick: function onClick(event) {
         if (state === 'entered') {
@@ -76,7 +56,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "8.0.9"
+      packageVersion: "9.0.0"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "8.0.9"
+  packageVersion: "9.0.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,
@@ -53,7 +53,7 @@ var HelpContentButton = function HelpContentButton(_ref) {
     max: notificationMax,
     appearance: "primary"
   })), href != null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalLinkIcon, {
-    "data-testid": "shortcutIcon"
+    dataTestId: "shortcutIcon"
   }, /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
     color: "currentColor",
     LEGACY_size: "small",

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

@@ -0,0 +1,36 @@
+
+._2rko1l7b{border-radius:3px}
+._2rko1y44{border-radius:4px}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
+._1bsbb8xr{width:var(--_2br7en)}
+._1bsbgktf{width:20px}
+._1bsbwgn3{width:calc(100% - 20px)}
+._1e0c1o8l{display:inline-block}
+._1e0c1ule{display:block}
+._1eab1ooe span{transform:translate(-50%,-50%)}
+._1t181ssb span{top:50%}
+._1t981ssb span{left:50%}
+._4t3igktf{height:20px}
+._80omtlke{cursor:pointer}
+._ca0qidpf{padding-top:0}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._kqswh2mm{position:relative}
+._n3tdidpf{padding-bottom:0}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._s7n4nkob{vertical-align:middle}
+._syaz1a5u{color:var(--_1oh641w)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}
+._vr2wstnw span{position:absolute}
+._7ehiu5t6:focus{box-shadow:var(--_ow3z6t)}
+._irr32tgk:hover{background-color:var(--_1y60f1n)}._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._1di618xb:active{background-color:var(--_18th9fi)}
+._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}
+._9h8h1a5u:active, ._f8pj1a5u:focus, ._30l31a5u:hover, ._10531a5u:visited{color:var(--_1oh641w)}
+._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover, ._1x28glyw:visited{text-decoration-line:none}

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

@@ -1,33 +1,68 @@
+/* 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.HelpContentButtonText = exports.HelpContentButtonIcon = exports.HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalLinkIcon = exports.HelpContentButtonContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-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; }
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpContentButtonContainer = exports.HelpContentButtonContainer = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: block;\n\tcursor: pointer;\n\twidth: calc(100% - ", ");\n\tcolor: ", ";\n\tpadding: ", ";\n\tborder-radius: 3px;\n\n\t&:hover,\n\t&:focus,\n\t&:visited,\n\t&:active {\n\t\ttext-decoration: none;\n\t\toutline: none;\n\t\toutline-offset: none;\n\t\tcolor: ", ";\n\t}\n\n\t&:focus {\n\t\tbox-shadow: ", " 0 0 0 2px inset;\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"));
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpContentButtonIcon = exports.HelpContentButtonIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\twidth: 20px;\n\theight: 20px;\n\tborder-radius: 4px;\n\tposition: relative;\n\n\t& span {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n"])));
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpContentButtonText = exports.HelpContentButtonText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: calc(100% - 20px);\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tpadding: 0 ", ";\n\tbox-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpContentButtonExternalLinkIcon = exports.HelpContentButtonExternalLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tpadding-left: ", ";\n"])), "var(--ds-space-050, 4px)");
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalNotificationIcon = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tmargin-top: ", ";\n\tpadding-left: ", ";\n"])), "var(--ds-space-negative-050, -4px)", "var(--ds-space-050, 4px)");
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _colors = require("@atlaskit/theme/colors");
+var helpContentButtonContainerStyles = null;
+var HelpContentButtonContainer = exports.HelpContentButtonContainer = function HelpContentButtonContainer(_ref) {
+  var onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
+    href = _ref.href,
+    id = _ref.id,
+    tabIndex = _ref.tabIndex,
+    target = _ref.target,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("a", {
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    href: href,
+    id: id,
+    tabIndex: tabIndex,
+    target: target,
+    className: (0, _runtime.ax)(["_2rko1l7b _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _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 _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
+    style: {
+      "--_2br7en": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
+      "--_1oh641w": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N600, ")")),
+      "--_ow3z6t": (0, _runtime.ix)("".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " 0 0 0 2px inset")),
+      "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
+      "--_18th9fi": (0, _runtime.ix)("var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"))
+    }
+  }, children);
+};
+var helpContentButtonIconStyles = null;
+var HelpContentButtonIcon = exports.HelpContentButtonIcon = function HelpContentButtonIcon(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1y44 _1e0c1o8l _s7n4nkob _1bsbgktf _4t3igktf _kqswh2mm _vr2wstnw _1t181ssb _1t981ssb _1eab1ooe"])
+  }, children);
+};
+var helpContentButtonTextStyles = null;
+var HelpContentButtonText = exports.HelpContentButtonText = function HelpContentButtonText(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4nkob _1bsbwgn3 _ca0qidpf _u5f3u2gc _n3tdidpf _19bvu2gc _vchhusvi"])
+  }, children);
+};
+var helpContentButtonExternalLinkIconStyles = null;
+var HelpContentButtonExternalLinkIcon = exports.HelpContentButtonExternalLinkIcon = function HelpContentButtonExternalLinkIcon(_ref4) {
+  var dataTestId = _ref4.dataTestId,
+    children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": dataTestId,
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4nkob _19bv1b66"])
+  }, children);
+};
+var helpContentButtonExternalNotificationIconStyles = null;
+var HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalNotificationIcon = function HelpContentButtonExternalNotificationIcon(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4nkob _19bv1b66 _19pkr5cr"])
+  }, children);
+};

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.NeedMoreHelp = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/migration/lightbulb"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _reactIntlNext = require("react-intl-next");
 var _styled = require("./styled");
 var _constants = require("../constants");
@@ -23,7 +23,7 @@ var NeedMoreHelp = exports.NeedMoreHelp = function NeedMoreHelp(_ref) {
   if (view === _constants.VIEW.ARTICLE || view === _constants.VIEW.WHATS_NEW_ARTICLE || view === _constants.VIEW.SEARCH || view === _constants.VIEW.WHATS_NEW) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.NeedMoreHelpContainer, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_styled.NeedMoreHelpContainer, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.050",
     alignBlock: "center",
     alignInline: "center"

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

@@ -0,0 +1,20 @@
+._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._16qst7d8{box-shadow:var(--ds-shadow-overlay,0 0 0 1px var(--shadow-overlay-third,rgba(188,214,240,0)) inset)}
+._18u0idpf{margin-left:0}
+._19pkidpf{margin-top:0}
+._1bsbzddy{width:187px}
+._1e0c1o8l{display:inline-block}
+._1pbyibnn{z-index:11}
+._1wpz1h6o{align-self:center}
+._2hwxidpf{margin-right:0}
+._4t3iw1ge{height:var(--ds-space-500,42px)}
+._80omtlke{cursor:pointer}
+._ae4v1h6o{align-content:center}
+._bfhk1ozg{background-color:var(--ds-background-accent-yellow-subtlest,#fff7d6)}
+._kdamz7t1{filter:drop-shadow(0 8px 9pt var(--shadow-overlay-second,rgba(9,30,66,.15))) drop-shadow(0 0 1px rgba(9,30,66,.31))}
+._otyridpf{margin-bottom:0}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
+._1bnx8stv:hover{text-decoration-line:underline}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}

package/dist/cjs/components/NeedMoreHelp/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,45 +6,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NeedMoreHelpContent = exports.NeedMoreHelpContainer = exports.HelpAskAI = 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 NeedMoreHelpContainer = exports.NeedMoreHelpContainer = _styled.default.div({
-  zIndex: 11,
-  alignSelf: 'center',
-  alignContent: 'center',
-  backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-  width: '187px',
-  height: "var(--ds-space-500, 42px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  boxShadow: "var(--ds-shadow-overlay, 0px 0px 0px 1px var(--shadow-overlay-third,rgba(188,214,240,0.00)) inset)",
-  filter: 'drop-shadow(0px 8px 12px var(--shadow-overlay-second, rgba(9,30,66,0.15))) drop-shadow(0px 0px 1px rgba(9,30,66,0.31))'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var NeedMoreHelpContent = exports.NeedMoreHelpContent = _styled.default.p({
-  color: "var(--ds-text, #172B4D)",
-  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  display: 'inline-block',
-  alignSelf: 'center',
-  margin: 0
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var HelpAskAI = exports.HelpAskAI = _styled.default.p({
-  color: "var(--ds-text-selected, #0C66E4)",
-  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  display: 'inline-block',
-  alignSelf: 'center',
-  margin: 0,
-  cursor: 'pointer',
-  '&:hover': {
-    textDecoration: 'underline'
-  }
-});
+require("./styled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var needMoreHelpContainerStyles = null;
+var NeedMoreHelpContainer = exports.NeedMoreHelpContainer = function NeedMoreHelpContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_1pbyibnn _1wpz1h6o _ae4v1h6o _bfhk1ozg _1bsbzddy _4t3iw1ge _16qst7d8 _kdamz7t1"])
+  }, children);
+};
+var needMoreHelpContentStyles = null;
+var NeedMoreHelpContent = exports.NeedMoreHelpContent = function NeedMoreHelpContent(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _runtime.ax)(["_11c81vhk _19pkidpf _2hwxidpf _otyridpf _18u0idpf _syaz1fxt _1e0c1o8l _1wpz1h6o"])
+  }, children);
+};
+var helpAskAIStyles = null;
+var HelpAskAI = exports.HelpAskAI = function HelpAskAI(_ref3) {
+  var children = _ref3.children,
+    onClick = _ref3.onClick;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    onClick: onClick,
+    className: (0, _runtime.ax)(["_11c81vhk _19pkidpf _2hwxidpf _otyridpf _18u0idpf _syazaqb7 _1e0c1o8l _1wpz1h6o _80omtlke _9oik1r31 _1bnx8stv _jf4cnqa1"])
+  }, children);
+};

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

@@ -12,10 +12,10 @@ var _styled = require("../../util/styled");
 var _styled2 = require("./styled");
 var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.LoadignRelatedArticleList, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.LoadingRelatedArticleList, {
     "aria-label": formatMessage(_messages.messages.help_loading),
     role: "img"
-  }, /*#__PURE__*/_react.default.createElement(_styled2.LoadignRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  }, /*#__PURE__*/_react.default.createElement(_styled2.LoadingRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
@@ -31,7 +31,7 @@ var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "100%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
@@ -47,7 +47,7 @@ var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "100%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadingRelatedArticleListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"

package/dist/cjs/components/RelatedArticles/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvidpf{padding-left:0}
+._1ipkidpf span{margin-top:0}
+._1kdcidpf span{margin-right:0}
+._1w2uidpf span{margin-left:0}
+._3glyidpf span{margin-bottom:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

package/dist/cjs/components/RelatedArticles/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.RelatedArticles = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -14,6 +17,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _reactIntlNext = require("react-intl-next");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../messages");
 var _ArticlesList = _interopRequireDefault(require("../ArticlesList"));
 var _RelatedArticlesLoading = _interopRequireDefault(require("./RelatedArticlesLoading"));
@@ -21,27 +25,12 @@ var _styled = require("../../util/styled");
 var _styled2 = require("./styled");
 var _cancellablePromise = _interopRequireDefault(require("../../util/hooks/cancellablePromise"));
 var _previous = require("../../util/hooks/previous");
-var _primitives = require("@atlaskit/primitives");
-var _react2 = require("@emotion/react");
 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
- */
 /** @jsxFrag */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var packageName = "@atlaskit/help";
-var packageVersion = "8.0.9";
-var buttonStyles = (0, _react2.css)({
-  padding: '0',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& span': {
-    margin: '0'
-  }
-});
+var packageVersion = "9.0.0";
+var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,
@@ -118,24 +107,24 @@ var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
     }
   }, [prevRouteGroup, prevRouteName, routeGroup, routeName, updateRelatedArticles]);
   if (hasError) {
-    return (0, _react2.jsx)(_sectionMessage.default, {
+    return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
       appearance: "warning"
-    }, (0, _react2.jsx)(_primitives.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "p"
-    }, (0, _react2.jsx)(_primitives.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "strong"
-    }, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), (0, _react2.jsx)(_primitives.Text, {
+    }, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "p"
-    }, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), (0, _react2.jsx)(_primitives.Text, {
+    }, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       as: "p"
-    }, (0, _react2.jsx)(_customThemeButton.default, {
+    }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
-      css: buttonStyles,
-      onClick: updateRelatedArticles
+      onClick: updateRelatedArticles,
+      className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf"])
     }, formatMessage(_messages.messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return (0, _react2.jsx)(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.DividerLine, null), (0, _react2.jsx)(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? (0, _react2.jsx)(_RelatedArticlesLoading.default, null) : (0, _react2.jsx)(_ArticlesList.default
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.DividerLine, null), /*#__PURE__*/_react.default.createElement(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? /*#__PURE__*/_react.default.createElement(_RelatedArticlesLoading.default, null) : /*#__PURE__*/_react.default.createElement(_ArticlesList.default
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     , {
       style: style,

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

@@ -0,0 +1,20 @@
+._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._18u0idpf{margin-left:0}
+._19bvidpf{padding-left:0}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkidpf{margin-top:0}
+._1bsb1osq{width:100%}
+._1e0c1ule{display:block}
+._2hwxidpf{margin-right:0}
+._ca0qidpf{padding-top:0}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdidpf{padding-bottom:0}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyridpf{margin-bottom:0}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._syaz1o8f{color:var(--_ggxzyp)}
+._u5f3idpf{padding-right:0}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}