@atlaskit/help 9.4.10 → 9.4.12

package/dist/cjs/util/styled.js

@@ -13,7 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _WhatsNew = require("../model/WhatsNew");
-var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -21,10 +20,8 @@ var dividerLineStyles = null;
 var DividerLine = exports.DividerLine = function DividerLine(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_bfhk17xe _4t3iyh40 _1bsb1osq _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _19pkpxbi _vchhusvi"]),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_kmlon4": (0, _runtime.ix)("var(--ds-border, ".concat(_colors.N30A, ")"))
-    })
+    style: style,
+    className: (0, _runtime.ax)(["_bfhk1l7x _4t3iyh40 _1bsb1osq _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _19pkpxbi _vchhusvi"])
   });
 };
 
@@ -40,49 +37,41 @@ var LoadingRectangle = exports.LoadingRectangle = function LoadingRectangle(_ref
     contentWidth = _ref2.contentWidth,
     marginTop = _ref2.marginTop;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhkptpz _1itk1tr1 _12vemgnk"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: contentHeight !== null && contentHeight !== void 0 ? contentHeight : '1rem',
       marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : "var(--ds-space-100, 8px)",
-      width: contentWidth !== null && contentWidth !== void 0 ? contentWidth : '100%',
-      "--_19g1tth": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30, ")")),
-      "--_otzjef": (0, _runtime.ix)("linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      _colors.N30
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      , ")"), " 10%, ", "var(--ds-background-neutral, ".concat(_colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      _colors.N30, ")"), " 30% )"))
-    })
+      width: contentWidth !== null && contentWidth !== void 0 ? contentWidth : '100%'
+    }),
+    className: (0, _runtime.ax)(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhki8nm _1itkesoe _12vemgnk"])
   });
 };
 var whatsNewTypeIconStyles = null;
 var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = function WhatsNewTypeIcon(_ref3) {
   var type = _ref3.type,
     children = _ref3.children;
-  var _useState = (0, _react.useState)("var(--ds-icon, ".concat(_colors.N400, ")")),
+  var _useState = (0, _react.useState)("var(--ds-icon, #292A2E)"),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     backgroundColor = _useState2[0],
     setBackgroundColor = _useState2[1];
   (0, _react.useEffect)(function () {
     switch (type) {
       case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
-        setBackgroundColor("var(--ds-icon-warning, ".concat(_colors.Y200, ")"));
+        setBackgroundColor("var(--ds-icon-warning, #E06C00)");
         break;
       case _WhatsNew.WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
-        setBackgroundColor("var(--ds-icon-success, ".concat(_colors.G300, ")"));
+        setBackgroundColor("var(--ds-icon-success, #6A9A23)");
         break;
       case _WhatsNew.WHATS_NEW_ITEM_TYPES.FIX:
-        setBackgroundColor("var(--ds-icon-information, ".concat(_colors.B500, ")"));
+        setBackgroundColor("var(--ds-icon-information, #357DE8)");
         break;
       case _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT:
-        setBackgroundColor("var(--ds-icon-discovery, ".concat(_colors.P500, ")"));
+        setBackgroundColor("var(--ds-icon-discovery, #AF59E1)");
         break;
       case _WhatsNew.WHATS_NEW_ITEM_TYPES.REMOVED:
-        setBackgroundColor("var(--ds-icon-disabled, ".concat(_colors.N700, ")"));
+        setBackgroundColor("var(--ds-icon-disabled, #080F214A)");
         break;
       default:
-        setBackgroundColor("var(--ds-icon, ".concat(_colors.N400, ")"));
+        setBackgroundColor("var(--ds-icon, #292A2E)");
     }
   }, [type]);
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/es2019/analytics.js

@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
 export const defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };

package/dist/es2019/assets/WhatsNewIcoExperiment.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import FlaskIcon from '@atlaskit/icon/core/flask';
 import { IconWrapper } from './IconWrapper';
-import { P500 } from '@atlaskit/theme/colors';
 export default function WhatsNewIcoExperiment() {
   return /*#__PURE__*/React.createElement(IconWrapper, {
     Icon: FlaskIcon,
-    appearance: `var(--ds-icon-discovery, ${P500})`
+    appearance: "var(--ds-icon-discovery, #AF59E1)"
   });
 }

package/dist/es2019/assets/WhatsNewIconFix.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import BugIcon from '@atlaskit/icon/core/bug';
 import { IconWrapper } from './IconWrapper';
-import { B500 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconFix() {
   return /*#__PURE__*/React.createElement(IconWrapper, {
     Icon: BugIcon,
-    appearance: `var(--ds-icon-information, ${B500})`
+    appearance: "var(--ds-icon-information, #357DE8)"
   });
 }

package/dist/es2019/assets/WhatsNewIconImprovement.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import MegaphoneIcon from '@atlaskit/icon/core/megaphone';
 import { IconWrapper } from './IconWrapper';
-import { Y200 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconImprovement() {
   return /*#__PURE__*/React.createElement(IconWrapper, {
     Icon: MegaphoneIcon,
-    appearance: `var(--ds-icon-warning, ${Y200})`
+    appearance: "var(--ds-icon-warning, #E06C00)"
   });
 }

package/dist/es2019/assets/WhatsNewIconNew.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import MegaphoneIcon from '@atlaskit/icon/core/megaphone';
 import { IconWrapper } from './IconWrapper';
-import { N400 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconNew() {
   return /*#__PURE__*/React.createElement(IconWrapper, {
     Icon: MegaphoneIcon,
-    appearance: `var(--ds-icon, ${N400})`
+    appearance: "var(--ds-icon, #292A2E)"
   });
 }

package/dist/es2019/assets/WhatsNewIconRemoved.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import { IconWrapper } from './IconWrapper';
-import { N700 } from '@atlaskit/theme/colors';
 export default function WhatsNewIconRemoved() {
   return /*#__PURE__*/React.createElement(IconWrapper, {
     Icon: DeleteIcon,
-    appearance: `var(--ds-icon-disabled, ${N700})`
+    appearance: "var(--ds-icon-disabled, #080F214A)"
   });
 }

package/dist/es2019/components/Article/ArticleLoadingFail/index.js

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -15,7 +15,6 @@ import { RadioGroup } from '@atlaskit/radio';
 import { Checkbox } from '@atlaskit/checkbox';
 import TextArea from '@atlaskit/textarea';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
-import { colors } from '@atlaskit/theme';
 import { Text } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
@@ -26,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({
@@ -221,7 +220,7 @@ export const ArticleWasHelpfulForm = ({
         "aria-label": "Success"
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
         spacing: "spacious",
-        color: `var(--ds-icon-success, ${colors.G400})`,
+        color: "var(--ds-icon-success, #6A9A23)",
         label: ""
       })), /*#__PURE__*/React.createElement(ArticleFeedbackText, {
         role: "alert",

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/styled.compiled.css

@@ -1,5 +1,5 @@
-._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1e0c1o8l{display:inline-block}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._kqswh2mm{position:relative}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/styled.js

@@ -3,11 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { N200 } from '@atlaskit/theme/colors';
-const {
-  heading
-} = fontFallback;
 const articleFeedbackContainerStyles = null;
 export const ArticleFeedbackContainer = ({
   children
@@ -28,7 +23,7 @@ export const ArticleFeedbackText = ({
     paddingRight: paddingRight
   }
 }, rest, {
-  className: ax(["_11c81vhk _syaz1wmz _kqswh2mm _1e0c1o8l"])
+  className: ax(["_11c8i4vh _syaz1rpy _kqswh2mm _1e0c1o8l"])
 }), children);
 const articleFeedbackAnswerWrapperStyles = null;
 export const ArticleFeedbackAnswerWrapper = ({

package/dist/es2019/components/Article/HelpArticle/index.js

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "0.0.0-development"
+      packageVersion: "9.4.11"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/es2019/components/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 export const WhatsNewArticle = ({
   intl: {

package/dist/es2019/components/Article/index.compiled.css

@@ -1,5 +1,5 @@
-._154i1eca{top:var(--ds-space-800,60px)}
 ._154iidpf{top:0}
+._154ixncg{top:var(--ds-space-800,4pc)}
 ._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
@@ -9,7 +9,7 @@
 ._1pbycs5v{z-index:2}
 ._1reo15vq{overflow-x:hidden}
 ._2lx21bp4{flex-direction:column}
-._4t3i1kz6{height:calc(100% - var(--ds-space-800, 60px))}
+._4t3i11fm{height:calc(100% - var(--ds-space-800, 4pc))}
 ._4t3i1osq{height:100%}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}

package/dist/es2019/components/Article/index.js

@@ -119,7 +119,7 @@ export const Article = ({
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']
       },
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i11fm _1bsb1osq _154ixncg _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,

package/dist/es2019/components/ArticlesList/ArticlesList.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import ArticlesListItem from './ArticlesListItem';
@@ -10,7 +9,7 @@ const listStyles = xcss({
 const getStyles = style => {
   if (style === 'secondary') {
     return {
-      border: `${"var(--ds-border-width-selected, 2px)"} solid ${`var(--ds-border, ${N30})`}`,
+      border: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border, #0B120E24)"}`,
       padding: "var(--ds-space-200, 16px)",
       marginBottom: "var(--ds-space-150, 12px)"
     };

package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
@@ -9,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 const highlightText = text => {
   if (!text) {
@@ -70,7 +69,7 @@ export const ArticlesListItem = /*#__PURE__*/forwardRef(({
   // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
   React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     label: "Opens in a new window",
-    color: `var(--ds-icon-subtle, ${colors.N90})`
+    color: "var(--ds-icon-subtle, #505258)"
   }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible &&
   /*#__PURE__*/
   // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx

package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.compiled.css

@@ -1,6 +1,6 @@
-._11c8140y{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81qyo{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
@@ -24,26 +24,25 @@
 ._4cvr1h6o{align-items:center}
 ._80omtlke{cursor:pointer}
 ._ajmmnqa1{text-decoration-style:solid}
-._bfhk1onh{background-color:var(--ds-background-accent-yellow-subtlest,#ffe380)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._k48p1igg{font-weight:var(--ds-font-weight-bold,bold)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._kqswh2mm{position:relative}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721q9c{white-space:nowrap}
 ._o5724jg8{white-space:normal}
-._otyrh9hh{margin-bottom:var(--ds-space-100,4px)}
 ._otyridpf{margin-bottom:0}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1a45{color:var(--ds-text-subtle,#505f79)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
-._syazn5hs{color:var(--ds-text-subtlest,rgba(9,30,66,.71))}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3idpf{padding-right:0}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
@@ -61,18 +60,18 @@
 ._49pcglyw:focus{outline-style:none}
 ._4fprglyw:focus{text-decoration-line:none}
 ._5goinqa1:focus{text-decoration-style:solid}
-._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
+._7ehiksal:focus{box-shadow:var(--ds-border-focused,#4688ec) 0 0 0 2px inset}
 ._nt751r31:focus{outline-color:currentColor}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._1dit1r31:hover{outline-color:currentColor}
 ._1qb1glyw:hover{outline-offset:none}
 ._4hz81o36:hover{outline-width:medium}
 ._9oik1r31:hover{text-decoration-color:currentColor}
-._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
 ._ksodglyw:hover{outline-style:none}
 ._13roglyw:active{outline-offset:none}
-._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
 ._1ohyglyw:active{outline-style:none}

package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js

@@ -4,12 +4,6 @@ import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import Heading from '@atlaskit/heading';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { B100, B50, N200, N30, N400, N400A, N800, Y100 } from '@atlaskit/theme/colors';
-const {
-  heading,
-  body
-} = fontFallback;
 const articlesListItemWrapperStyles = null;
 export const ArticlesListItemWrapper = /*#__PURE__*/React.forwardRef(({
   styles,
@@ -19,7 +13,7 @@ export const ArticlesListItemWrapper = /*#__PURE__*/React.forwardRef(({
   ref: ref,
   style: styles
 }, rest, {
-  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkofajl _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syaz1wmz _bfhkqtfy _7ehi1ssq _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 _irr314ae _1di61l7b"])
+  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkofajl _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syaz1rpy _bfhksm61 _7ehiksal _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 _irr31dpa _1di6fcek"])
 }), children));
 const articlesListItemContainerStyles = null;
 export const ArticlesListItemContainer = ({
@@ -44,7 +38,7 @@ const articlesListItemTitleTextStyles = null;
 export const ArticlesListItemTitleText = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c8140y _1reo15vq _18m915vq _syaz1fxt _1e0c1o8l _o5724jg8 _otyrh9hh"])
+  className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81qyo _1reo15vq _18m915vq _syazi7uo _1e0c1o8l _o5724jg8 _otyru2gc"])
 }, /*#__PURE__*/React.createElement(Heading, {
   size: "xsmall",
   as: "h4"
@@ -53,19 +47,19 @@ const articlesListItemDescriptionStyles = null;
 export const ArticlesListItemDescription = ({
   children
 }) => /*#__PURE__*/React.createElement("p", {
-  className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _vwz4gktf _syaz1a45 _n3tdv77o"])
+  className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _vwz4gktf _syazazsu _n3tdv77o"])
 }, children);
 const articlesListItemSourceStyles = null;
 export const ArticlesListItemSource = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_11c81vhk _1e0c1txw _4cvr1h6o _syazn5hs _ca0q1b66 _u5f3idpf _n3td1b66 _19bvidpf _k48p1igg _1p1dangw"])
+  className: ax(["_11c8i4vh _1e0c1txw _4cvr1h6o _syaz1rpy _ca0q1b66 _u5f3idpf _n3td1b66 _19bvidpf _k48pwu06 _1p1dangw"])
 }, children);
 const articlesListItemTrustFactorStyles = null;
 export const ArticlesListItemTrustFactor = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_11c81o8v _1e0c1txw _4cvr1h6o _syazn5hs _ca0qv77o"])
+  className: ax(["_11c8wadc _1e0c1txw _4cvr1h6o _syaz1rpy _ca0qv77o"])
 }, children);
 const articlesListItemViewCountStyles = null;
 export const ArticlesListItemViewCount = ({
@@ -83,7 +77,7 @@ const articlesListItemLastModifiedStyles = null;
 export const ArticlesListItemLastModified = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_11c81o8v _syazn5hs _ca0q1b66 _u5f3idpf _n3td1b66 _19bvidpf"])
+  className: ax(["_11c8wadc _syaz1rpy _ca0q1b66 _u5f3idpf _n3td1b66 _19bvidpf"])
 }, children);
 const articlesListItemDescriptionHighlightStyles = null;
 export const ArticlesListItemDescriptionHighlight = ({
@@ -91,5 +85,5 @@ export const ArticlesListItemDescriptionHighlight = ({
   children
 }) => /*#__PURE__*/React.createElement("mark", {
   key: key,
-  className: ax(["_bfhk1onh"])
+  className: ax(["_bfhkibhp"])
 }, children);

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

@@ -52,7 +52,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "0.0.0-development"
+      packageVersion: "9.4.11"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 const HelpContentButton = ({
   id = '',

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

@@ -1,5 +1,5 @@
 
-._11c8376l{font:var(--ds-font-body,inherit)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19itglyw{border:none}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
@@ -28,10 +28,10 @@
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._otyridpf{margin-bottom:0}
 ._s7n4nkob{vertical-align:middle}
-._syazc8hx{color:var(--ds-text-subtle,#344563)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
-._vr2wstnw span{position:absolute}._1053c8hx:visited{color:var(--ds-text-subtle,#344563)}
+._vr2wstnw span{position:absolute}._1053azsu:visited{color:var(--ds-text-subtle,#505258)}
 ._12gr1o36:visited{outline-width:medium}
 ._1726nqa1:visited{text-decoration-style:solid}
 ._1dnaglyw:visited{outline-offset:none}
@@ -45,24 +45,24 @@
 ._49pcglyw:focus{outline-style:none}
 ._4fprglyw:focus{text-decoration-line:none}
 ._5goinqa1:focus{text-decoration-style:solid}
-._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
-._f8pjc8hx:focus{color:var(--ds-text-subtle,#344563)}
+._7ehiksal:focus{box-shadow:var(--ds-border-focused,#4688ec) 0 0 0 2px inset}
+._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)}
 ._nt751r31:focus{outline-color:currentColor}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._1dit1r31:hover{outline-color:currentColor}
 ._1qb1glyw:hover{outline-offset:none}
-._30l3c8hx:hover{color:var(--ds-text-subtle,#344563)}
+._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
 ._4hz81o36:hover{outline-width:medium}
 ._9oik1r31:hover{text-decoration-color:currentColor}
-._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
 ._ksodglyw:hover{outline-style:none}
 ._13roglyw:active{outline-offset:none}
-._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
 ._1ohyglyw:active{outline-style:none}
 ._1q5t1r31:active{outline-color:currentColor}
 ._1r9x1o36:active{outline-width:medium}
-._9h8hc8hx:active{color:var(--ds-text-subtle,#344563)}
+._9h8hazsu:active{color:var(--ds-text-subtle,#505258)}
 ._c2waglyw:active{text-decoration-line:none}

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

@@ -2,7 +2,6 @@
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { B100, B50, N30, N600 } from '@atlaskit/theme/colors';
 const wrappedSpanStyles = null;
 const parentListItemHelpContentButtonContainerStyles = null;
 const helpContentButtonContainerStyles = null;
@@ -25,7 +24,7 @@ export const HelpContentButtonContainer = ({
       id: id,
       tabIndex: tabIndex,
       target: target,
-      className: ax(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbnau3 _syazc8hx _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehi1ssq _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 _9h8hc8hx _f8pjc8hx _30l3c8hx _1053c8hx _irr314ae _1di61l7b"])
+      className: ax(["_2rkofajl _19itglyw _bfhk1j28 _11c8fhey _1e0c1ule _80omtlke _1bsbnau3 _syazazsu _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiksal _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 _9h8hazsu _f8pjazsu _30l3azsu _1053azsu _irr31dpa _1di6fcek"])
     }, /*#__PURE__*/React.createElement("span", {
       className: ax(["_1e0c5mfb"])
     }, children)));
@@ -37,7 +36,7 @@ export const HelpContentButtonContainer = ({
     onKeyDown: onKeyDown,
     id: id,
     tabIndex: tabIndex,
-    className: ax(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbnau3 _syazc8hx _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehi1ssq _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 _9h8hc8hx _f8pjc8hx _30l3c8hx _1053c8hx _irr314ae _1di61l7b"])
+    className: ax(["_2rkofajl _19itglyw _bfhk1j28 _11c8fhey _1e0c1ule _80omtlke _1bsbnau3 _syazazsu _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiksal _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 _9h8hazsu _f8pjazsu _30l3azsu _1053azsu _irr31dpa _1di6fcek"])
   }, /*#__PURE__*/React.createElement("span", {
     className: ax(["_1e0c5mfb"])
   }, children)));

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

@@ -1,5 +1,5 @@
 ._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",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)}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18u0idpf{margin-left:0}
 ._19pkidpf{margin-top:0}
 ._1bsbzddy{width:187px}
@@ -7,7 +7,7 @@
 ._1pbyibnn{z-index:11}
 ._1wpz1h6o{align-self:center}
 ._2hwxidpf{margin-right:0}
-._4t3iw1ge{height:var(--ds-space-500,42px)}
+._4t3i1jfw{height:var(--ds-space-500,40px)}
 ._80omtlke{cursor:pointer}
 ._ae4v1h6o{align-content:center}
 ._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}

package/dist/es2019/components/NeedMoreHelp/styled.js

@@ -6,7 +6,7 @@ const needMoreHelpContainerStyles = null;
 export const NeedMoreHelpContainer = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  className: ax(["_1pbyibnn _1wpz1h6o _ae4v1h6o _bfhkibhp _1bsbzddy _4t3iw1ge _16qst7d8 _kdamz7t1"])
+  className: ax(["_1pbyibnn _1wpz1h6o _ae4v1h6o _bfhkibhp _1bsbzddy _4t3i1jfw _16qs130s _kdamz7t1"])
 }, children);
 const needMoreHelpContentStyles = null;
 export const NeedMoreHelpContent = ({

package/dist/es2019/components/RelatedArticles/index.js

@@ -16,7 +16,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 const packageName = "@atlaskit/help";
-const packageVersion = "0.0.0-development";
+const packageVersion = "9.4.11";
 const buttonStyles = null;
 export const RelatedArticles = ({
   style = 'primary',

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

@@ -14,7 +14,7 @@
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._otyridpf{margin-bottom:0}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3idpf{padding-right:0}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}