@atlaskit/help 9.4.10 → 9.4.12

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

@@ -13,7 +13,7 @@ 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 _bfhkibhp _1bsbzddy _4t3iw1ge _16qst7d8 _kdamz7t1"])
+    className: (0, _runtime.ax)(["_1pbyibnn _1wpz1h6o _ae4v1h6o _bfhkibhp _1bsbzddy _4t3i1jfw _16qs130s _kdamz7t1"])
   }, children);
 };
 var needMoreHelpContentStyles = null;

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

@@ -28,7 +28,7 @@ var _previous = require("../../util/hooks/previous");
 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); }
 /** @jsxFrag */
 var packageName = "@atlaskit/help";
-var packageVersion = "0.0.0-development";
+var packageVersion = "9.4.11";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

package/dist/cjs/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)}
-._syaz1o8f{color:var(--_ggxzyp)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3idpf{padding-right:0}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -11,17 +11,13 @@ 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 _colors = require("@atlaskit/theme/colors");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _excluded = ["children"];
 var relatedArticlesTitleStyles = null;
 var RelatedArticlesTitle = exports.RelatedArticlesTitle = function RelatedArticlesTitle(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_11c81e3o _syaz1o8f _ca0qpxbi _u5f3idpf _n3tdpxbi _19bvidpf"]),
-    style: {
-      "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
-    }
+    className: (0, _runtime.ax)(["_11c81e3o _syazi7uo _ca0qpxbi _u5f3idpf _n3tdpxbi _19bvidpf"])
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "large",
     as: "h3",

package/dist/cjs/components/Search/SearchInput/index.js

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {

package/dist/cjs/components/Search/SearchInput/styled.compiled.css

@@ -3,7 +3,7 @@
 ._18u01ejb{margin-left:var(--ds-space-300,24px)}
 ._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._19pkou31{margin-top:var(--ds-space-200,14px)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._1bsb1ejb{width:var(--ds-space-300,24px)}
 ._1bsb1j1s{width:calc(100% - var(--ds-space-300, 24px) - var(--ds-space-300, 24px))}
 ._1bsb1osq{width:100%}
@@ -25,6 +25,6 @@
 ._kqswh2mm{position:relative}
 ._nbgx1ejb>span{width:var(--ds-space-300,24px)}
 ._o5721q9c{white-space:nowrap}
-._otyrou31{margin-bottom:var(--ds-space-200,14px)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -20,7 +20,7 @@ var searchInputContainerAiStyles = null;
 var SearchInputContainerAi = exports.SearchInputContainerAi = function SearchInputContainerAi(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb1j1s _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"])
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb1j1s _4t3ixy5q _18u01ejb _2hwx1ejb _19pkpxbi _otyrpxbi _1f49idpf _1wpz1wug _vchhusvi"])
   }, children);
 };
 var searchIconContainerStyles = null;

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

@@ -1,21 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SearchExternalSite = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _reactIntlNext = require("react-intl-next");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _messages = require("../../../messages");
 var _styled = require("./styled");
-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); }
 var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSite(_ref) {
   var searchExternalUrl = _ref.searchExternalUrl,
     onSearchExternalUrlClick = _ref.onSearchExternalUrlClick,
@@ -40,7 +37,7 @@ var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSit
     appearance: "link",
     iconAfter: /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
       label: "",
-      color: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
+      color: "var(--ds-icon-subtle, #505258)"
     }),
     spacing: "compact",
     href: searchExternalUrl,

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

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SearchResultsEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _reactIntlNext = require("react-intl-next");
@@ -16,7 +14,6 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
 var _messages = require("../../../messages");
 var _styled = require("./styled");
-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); }
 var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpty(_ref) {
   var searchExternalUrl = _ref.searchExternalUrl,
     onSearchExternalUrlClick = _ref.onSearchExternalUrlClick,
@@ -41,7 +38,7 @@ var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpt
     appearance: "link",
     iconAfter: /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
       label: "",
-      color: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
+      color: "var(--ds-icon-subtle, #505258)"
     }),
     spacing: "compact",
     href: searchExternalUrl,

package/dist/cjs/components/Search/SearchResults/styled.compiled.css

@@ -1,8 +1,8 @@
 ._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)}
 ._v564tcs9{transition:var(--_1peo1h6)}
-._125xpsu8 p{color:var(--_vrm7dk)}
-._154i1eca{top:var(--ds-space-800,60px)}
+._125x1rpy p{color:var(--ds-text-subtlest,#6b6e76)}
 ._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)}
@@ -13,7 +13,7 @@
 ._1reo15vq{overflow-x:hidden}
 ._2lx21bp4{flex-direction:column}
 ._3um015vq{visibility:hidden}
-._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)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
@@ -23,7 +23,7 @@
 ._kqswstnw{position:absolute}
 ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
 ._n3tdidpf{padding-bottom:0}
-._syaz1hoq{color:var(--_h5fhc4)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._tzy4idpf{opacity:0}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

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

@@ -10,7 +10,6 @@ require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FADEIN_OVERLAY_TRANSITION_DURATION_MS = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
@@ -51,7 +50,7 @@ var SearchResultsContainerAi = exports.SearchResultsContainerAi = /*#__PURE__*/_
     transitionState = _ref2.transitionState;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i11fm _1bsb1osq _154ixncg _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
     style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
       "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
@@ -69,29 +68,20 @@ var searchResultEmptyMessageTextStyles = null;
 var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref4) {
   var children = _ref4.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
-    style: {
-      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-    }
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125x1rpy"])
   }, children);
 };
 var searchResultEmptyMessageHeaderTextStyles = null;
 var SearchResultEmptyMessageHeaderText = exports.SearchResultEmptyMessageHeaderText = function SearchResultEmptyMessageHeaderText(_ref5) {
   var children = _ref5.children;
   return /*#__PURE__*/_react.default.createElement("h2", {
-    className: (0, _runtime.ax)(["_11c8fhey _syaz1hoq _k48pwu06"]),
-    style: {
-      "--_h5fhc4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N500, ")"))
-    }
+    className: (0, _runtime.ax)(["_11c8fhey _syazi7uo _k48pwu06"])
   }, children);
 };
 var searchResultSearchExternalSiteContainerStyles = null;
 var SearchResultSearchExternalSiteContainer = exports.SearchResultSearchExternalSiteContainer = function SearchResultSearchExternalSiteContainer(_ref6) {
   var children = _ref6.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _y3gn1h6o _125xpsu8"]),
-    style: {
-      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-    }
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _y3gn1h6o _125x1rpy"])
   }, children);
 };

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.WhatsNewButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
 var _reactIntlNext = require("react-intl-next");
 var _whatsNewArticleContext = require("../../contexts/whatsNewArticleContext");
@@ -20,7 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.4.11"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,
@@ -49,7 +48,7 @@ var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
       productName: productName
     }) : formatMessage(_messages.messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/_react.default.createElement(_lightbulb.default, {
-      color: "var(--ds-icon-subtle, ".concat(colors.N600, ")"),
+      color: "var(--ds-icon-subtle, #505258)",
       spacing: "spacious",
       label: ""
     })

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

@@ -1,4 +1,4 @@
-._125xpsu8 p{color:var(--_vrm7dk)}
+._125x1rpy p{color:var(--ds-text-subtlest,#6b6e76)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._n3tdidpf{padding-bottom:0}

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

@@ -9,7 +9,6 @@ exports.WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageIma
 require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var whatsNewResultsEmptyMessageImageStyles = null;
 var WhatsNewResultsEmptyMessageImage = exports.WhatsNewResultsEmptyMessageImage = function WhatsNewResultsEmptyMessageImage(_ref) {
   var children = _ref.children;
@@ -21,9 +20,6 @@ var whatsNewResultsEmptyMessageTextStyles = null;
 var WhatsNewResultsEmptyMessageText = exports.WhatsNewResultsEmptyMessageText = function WhatsNewResultsEmptyMessageText(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
-    style: {
-      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-    }
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125x1rpy"])
   }, children);
 };

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

@@ -1,4 +1,4 @@
-._125xpsu8 p{color:var(--_vrm7dk)}
+._125x1rpy p{color:var(--ds-text-subtlest,#6b6e76)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._n3tdidpf{padding-bottom:0}

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

@@ -9,7 +9,6 @@ exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = v
 require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var searchResultEmptyMessageImageStyles = null;
 var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref) {
   var children = _ref.children;
@@ -21,9 +20,6 @@ var searchResultEmptyMessageTextStyles = null;
 var SearchResultEmptyMessageText = exports.SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
-    style: {
-      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-    }
+    className: (0, _runtime.ax)(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125x1rpy"])
   }, children);
 };

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

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

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

@@ -13,7 +13,7 @@
 ._4bfu1r31{text-decoration-color:currentColor}
 ._80omtlke{cursor:pointer}
 ._ajmmnqa1{text-decoration-style:solid}
-._bfhke3vq{background-color:var(--_1govphe)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._kqswh2mm{position:relative}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
@@ -22,8 +22,8 @@
 ._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
 ._otyridpf{margin-bottom:0}
 ._s7n4nkob{vertical-align:middle}
-._syaz1o8f{color:var(--_ggxzyp)}
-._syazykon{color:var(--_w1yqfx)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz4gktf{line-height:20px}
@@ -41,18 +41,18 @@
 ._49pcglyw:focus{outline-style:none}
 ._4fprglyw:focus{text-decoration-line:none}
 ._5goinqa1:focus{text-decoration-style:solid}
-._7ehi13ga:focus{box-shadow:var(--_1cokla9)}
+._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}
-._irr31rbn:hover{background-color:var(--_1twi6n5)}
+._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}
-._1di6n0pj:active{background-color:var(--_1bsdhru)}
+._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/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -9,27 +9,18 @@ exports.WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemTitleText
 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("button", (0, _extends2.default)({}, rest, {
-    className: (0, _runtime.ax)(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syazykon _bfhke3vq _y3gn1e5h _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, ")")))
-    })
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    style: styles
+  }, rest, {
+    className: (0, _runtime.ax)(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rko1l7b _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syaz1rpy _bfhksm61 _y3gn1e5h _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);
 };
 var whatsNewResultListItemTitleContainerStyles = null;
@@ -50,9 +41,6 @@ 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, ")"))
-    }
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1ule _vwz4gktf _syazi7uo"])
   }, children);
 };

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _toDate = _interopRequireDefault(require("date-fns/toDate"));
 var _isYesterday = _interopRequireDefault(require("date-fns/isYesterday"));
 var _isToday = _interopRequireDefault(require("date-fns/isToday"));
@@ -51,8 +50,7 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListGroupTitle, null, whatsNewArticlesGroupedByDate[key].title), whatsNewArticlesGroupedByDate[key].items.map(function (whatsNewArticle, i) {
       return /*#__PURE__*/_react.default.createElement(_WhatsNewResultItem.default, {
         styles: {
-          border: style === 'secondary' ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          "2px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")) : 0,
+          border: style === 'secondary' ? "2px solid ".concat("var(--ds-border, #0B120E24)") : 0,
           padding: style === 'secondary' ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-200, 16px)") : "var(--ds-space-100, 8px)",
           marginBottom: style === 'secondary' ? "var(--ds-space-150, 12px)" : 0
         },

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

@@ -7,6 +7,6 @@
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._kqswh2mm{position:relative}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._syazpsu8{color:var(--_vrm7dk)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f3idpf{padding-right:0}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

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

@@ -9,7 +9,6 @@ exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle
 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;
@@ -30,9 +29,6 @@ var whatsNewResultsListGroupTitleStyles = null;
 var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = function WhatsNewResultsListGroupTitle(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_11c8wadc _syazpsu8 _k48pwu06 _ca0qidpf _u5f3u2gc _n3tdu2gc _19bvu2gc _1p1dangw"]),
-    style: {
-      "--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-    }
+    className: (0, _runtime.ax)(["_11c8wadc _syaz1rpy _k48pwu06 _ca0qidpf _u5f3u2gc _n3tdu2gc _19bvu2gc _1p1dangw"])
   }, children);
 };

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

@@ -1,6 +1,6 @@
 
-._v564tcs9{transition:var(--_1peo1h6)}._154i1eca{top:var(--ds-space-800,60px)}
-._154iidpf{top:0}
+._v564tcs9{transition:var(--_1peo1h6)}._154iidpf{top:0}
+._154ixncg{top:var(--ds-space-800,4pc)}
 ._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}

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

@@ -124,7 +124,7 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
     return isAiEnabled ? /*#__PURE__*/_react.default.createElement("div", {
       ref: containerRef,
       style: _objectSpread({}, transitionStyles[state]),
-      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbykb7n"])
+      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _n3tdpxbi _19bvpxbi _u5f3pxbi _kqswstnw _1bsb1osq _154ixncg _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(_form.Label, {
       htmlFor: "help_whats_new_filter_select_label"
     }, formatMessage(_messages.messages.help_whats_new_filter_select_label)), /*#__PURE__*/_react.default.createElement(_select.default, {

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

@@ -1,13 +1,13 @@
 
 ._qtt8glyw{list-style:none}
 ._v5641tic{transition:var(--_m9bkgq)}
-._x3do1fvz{border-top:var(--_b3fex0)}._16jlkb7n{flex-grow:1}
+._x3do1uh4{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._19pkidpf{margin-top:0}
-._19pkou31{margin-top:var(--ds-space-200,14px)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
@@ -26,7 +26,7 @@
 ._4t3i1osq{height:100%}
 ._4t3ixy5q{height:var(--ds-space-400,2pc)}
 ._ae4v1fhb{align-content:stretch}
-._bfhk1v7z{background-color:var(--_1xglsrh)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._ca0qidpf{padding-top:0}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}

package/dist/cjs/components/styled.js

@@ -12,7 +12,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["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; }
@@ -68,11 +67,7 @@ var HelpFooter = exports.HelpFooter = function HelpFooter(_ref6) {
   var children = _ref6.children,
     rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _runtime.ax)(["_x3do1fvz _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _1bsb1osq _bfhk1v7z _1bah1yb4"]),
-    style: {
-      "--_1xglsrh": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N10, ")")),
-      "--_b3fex0": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N30, ")")))
-    }
+    className: (0, _runtime.ax)(["_x3do1uh4 _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _1bsb1osq _bfhki8nm _1bah1yb4"])
   }), children);
 };
 var BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = exports.BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = 220;
@@ -92,7 +87,7 @@ var BackButtonContainer = exports.BackButtonContainer = /*#__PURE__*/_react.defa
     children = _ref7.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: (0, _runtime.ax)(["_v5641tic _kqswstnw _19pkou31 _1ltv1ejb _4t3ixy5q _tzy4idpf"]),
+    className: (0, _runtime.ax)(["_v5641tic _kqswstnw _19pkpxbi _1ltv1ejb _4t3ixy5q _tzy4idpf"]),
     style: _objectSpread(_objectSpread({}, backButtonContainerTransitionStyles[transitionState]), {}, {
       "--_m9bkgq": (0, _runtime.ix)("left ".concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms, opacity ").concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms"))
     })

package/dist/cjs/util/styled.compiled.css

@@ -7,7 +7,7 @@
 ._1bsb1osq{width:100%}
 ._1bsbpxbi{width:var(--ds-space-200,1pc)}
 ._1e0c1o8l{display:inline-block}
-._1itk1tr1{background-image:var(--_otzjef)}
+._1itkesoe{background-image:linear-gradient(to right,var(--ds-background-neutral-subtle,#00000000) 10%,var(--ds-background-neutral,#0515240f) 20%,var(--ds-background-neutral-subtle,#00000000) 30%)}
 ._1jrq1osq>img>svg{width:100%}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1pglp3kn{animation-timing-function:linear}
@@ -16,8 +16,8 @@
 ._5s2h1ssb>img{left:50%}
 ._5sag126j{animation-duration:1.2s}
 ._9qcx1ooe>img{transform:translate(-50%,-50%)}
-._bfhk17xe{background-color:var(--_kmlon4)}
-._bfhkptpz{background-color:var(--_19g1tth)}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._ca0qidpf{padding-top:0}
 ._iu1x1wgc>img{width:calc(100% - var(--ds-space-050, 4px))}
 ._j7hq1en8{animation-name:k6xje6p}