@atlaskit/help 9.1.13 → 9.1.14

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/help
 
+## 9.1.14
+
+### Patch Changes
+
+- [`20a5aa8c4e7a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20a5aa8c4e7a0) -
+  Removed gridSize import. No visual changes.
+- Updated dependencies
+
 ## 9.1.13
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -13,5 +13,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };

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

@@ -17,7 +17,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -35,7 +35,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {

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

@@ -64,7 +64,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -56,7 +56,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

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

@@ -16,7 +16,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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 = "9.1.12";
+var packageVersion = "9.1.13";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -1,2 +1,2 @@
-._1bsb1aw7{width:var(--_1sdd41g)}
-._4t3i1aw7{height:var(--_1sdd41g)}
+._1bsb1tcg{width:24px}
+._4t3i1tcg{height:24px}

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

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _constants = require("@atlaskit/theme/constants");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/migration/search"));
 var _crossEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross--editor-close"));
@@ -21,14 +20,14 @@ var _reactIntlNext = require("react-intl-next");
 var _Requests = require("../../../model/Requests");
 var _searchContext = require("../../contexts/searchContext");
 var _messages = require("../../../messages");
-var _constants2 = require("../../constants");
+var _constants = require("../../constants");
 var _styled = require("./styled");
 var _navigationContext = require("../../contexts/navigationContext");
 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 ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
@@ -83,7 +82,7 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  if (view === _constants2.VIEW.ARTICLE || view === _constants2.VIEW.WHATS_NEW_ARTICLE || view === _constants2.VIEW.WHATS_NEW) {
+  if (view === _constants.VIEW.ARTICLE || view === _constants.VIEW.WHATS_NEW_ARTICLE || view === _constants.VIEW.WHATS_NEW) {
     return null;
   }
   var WrapperComponent = isAiEnabled ? _styled.SearchInputContainerAi : _styled.SearchInputContainer;
@@ -105,10 +104,7 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
       onClick: handleOnClearButtonClick,
       spacing: "none",
       "aria-label": "Clear",
-      className: (0, _runtime.ax)(["_1bsb1aw7 _4t3i1aw7"]),
-      style: {
-        "--_1sdd41g": (0, _runtime.ix)("".concat((0, _constants.gridSize)() * 3, "px"))
-      }
+      className: (0, _runtime.ax)(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/_react.default.createElement(_crossEditorClose.default, {
       color: "currentColor",
       spacing: "spacious",

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

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.WhatsNewResultsLoading = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _constants = require("@atlaskit/theme/constants");
 var _messages = require("../../../../messages");
 var _styled = require("../../../../util/styled");
 var _styled2 = require("./styled");
@@ -15,7 +14,7 @@ var _styled3 = require("../styled");
 var WhatsNewResultsLoading = exports.WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
-    contentHeight: "".concat((0, _constants.gridSize)() * 5, "px"),
+    contentHeight: "40px",
     contentWidth: "152px",
     marginTop: "0"
   }), /*#__PURE__*/_react.default.createElement(_styled2.LoadingWhatsNewResultsList, {

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

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

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

@@ -9,16 +9,11 @@ exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer
 require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _constants = require("@atlaskit/theme/constants");
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var selectContainerStyles = null;
 var SelectContainer = exports.SelectContainer = function SelectContainer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb1ina"]),
-    style: {
-      "--_18eyph8": (0, _runtime.ix)("".concat(19 * (0, _constants.gridSize)(), "px"))
-    }
+    className: (0, _runtime.ax)(["_1bsb1llu"])
   }, children);
 };
 var whatsNewResultsListContainerStyles = null;

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

@@ -1,5 +1,5 @@
 
-._2rkoyh40{border-radius:2px}._100g1cra>img{height:var(--_1qkluan)}
+._2rkoyh40{border-radius:2px}._100gwk75>img{height:var(--_ys364u)}
 ._12vemgnk{background-repeat:no-repeat}
 ._15jg1osq>img>svg{height:100%}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -19,7 +19,7 @@
 ._bfhk17xe{background-color:var(--_kmlon4)}
 ._bfhkptpz{background-color:var(--_19g1tth)}
 ._ca0qidpf{padding-top:0}
-._iu1x1cra>img{width:var(--_1qkluan)}
+._iu1xwk75>img{width:var(--_ys364u)}
 ._j7hq1en8{animation-name:k6xje6p}
 ._kqswh2mm{position:relative}
 ._n3tdidpf{padding-bottom:0}

package/dist/cjs/util/styled.js

@@ -12,12 +12,11 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("@atlaskit/theme/constants");
 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; } // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+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 dividerLineStyles = null;
 var DividerLine = exports.DividerLine = function DividerLine(_ref) {
   var style = _ref.style;
@@ -44,8 +43,7 @@ var LoadingRectangle = exports.LoadingRectangle = function LoadingRectangle(_ref
     className: (0, _runtime.ax)(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhkptpz _1itk1tr1 _12vemgnk"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: contentHeight !== null && contentHeight !== void 0 ? contentHeight : '1rem',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : (0, _constants.gridSize)() + 'px',
+      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(
@@ -88,10 +86,10 @@ var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = function WhatsNewTypeIcon(_ref
     }
   }, [type]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1x1cra _100g1cra _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
+    className: (0, _runtime.ax)(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1xwk75 _100gwk75 _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
     style: {
       backgroundColor: backgroundColor,
-      "--_1qkluan": (0, _runtime.ix)("calc(100% - ".concat((0, _constants.gridSize)() / 2, "px)"))
+      "--_ys364u": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-050, 4px)", ")"))
     }
   }, children);
 };

package/dist/es2019/analytics.js

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

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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({

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

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     };
     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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 const highlightText = text => {
   if (!text) {

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

@@ -50,7 +50,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     }
   }, /*#__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: "9.1.12"
+  packageVersion: "9.1.13"
 };
 const HelpContentButton = ({
   id = '',

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 = "9.1.12";
+const packageVersion = "9.1.13";
 const buttonStyles = null;
 export const RelatedArticles = ({
   style = 'primary',

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

@@ -5,7 +5,6 @@ import React, { useRef, useCallback } from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Textfield from '@atlaskit/textfield';
 import Button from '@atlaskit/button/custom-theme-button';
-import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/core/migration/search';
 import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
@@ -19,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 const buttonStyles = null;
 export const SearchInput = ({

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export const WhatsNewResultListItem = ({
   intl: {

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
 import { LoadingWhatsNewResultsList, LoadingWhatsNewResultsListItem } from './styled';
@@ -11,7 +10,7 @@ export const WhatsNewResultsLoading = ({
   }
 }) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
-    contentHeight: `${gridSize() * 5}px`,
+    contentHeight: "40px",
     contentWidth: "152px",
     marginTop: "0"
   }), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsList, {

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

@@ -2,8 +2,6 @@
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 const selectContainerStyles = null;
 export const SelectContainer = ({
   children

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

@@ -1,5 +1,5 @@
 
-._2rkoyh40{border-radius:2px}._100gmslj>img{height:calc(100% - 4px)}
+._2rkoyh40{border-radius:2px}._100g1wgc>img{height:calc(100% - var(--ds-space-050, 4px))}
 ._12vemgnk{background-repeat:no-repeat}
 ._15jg1osq>img>svg{height:100%}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -19,7 +19,7 @@
 ._bfhk1yrq{background-color:var(--ds-background-neutral,#ebecf0)}
 ._bfhkpt7r{background-color:var(--ds-border,rgba(9,30,66,.08))}
 ._ca0qidpf{padding-top:0}
-._iu1xmslj>img{width:calc(100% - 4px)}
+._iu1x1wgc>img{width:calc(100% - var(--ds-space-050, 4px))}
 ._j7hq1en8{animation-name:k6xje6p}
 ._kqswh2mm{position:relative}
 ._n3tdidpf{padding-bottom:0}

package/dist/es2019/util/styled.js

@@ -2,8 +2,6 @@
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useState } from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
 import { B500, G300, N30, N30A, N40, N400, N700, P500, Y200 } from '@atlaskit/theme/colors';
 const dividerLineStyles = null;
@@ -30,8 +28,7 @@ export const LoadingRectangle = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ...style,
     height: contentHeight !== null && contentHeight !== void 0 ? contentHeight : '1rem',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : gridSize() + 'px',
+    marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : "var(--ds-space-100, 8px)",
     width: contentWidth !== null && contentWidth !== void 0 ? contentWidth : '100%'
   },
   className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhk1yrq _1itk67kk _12vemgnk"])
@@ -67,6 +64,6 @@ export const WhatsNewTypeIcon = ({
     style: {
       backgroundColor
     },
-    className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1xmslj _100gmslj _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"])
+    className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1x1wgc _100g1wgc _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"])
   }, children);
 };

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -27,7 +27,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var buttonStyles = null;
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {

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

@@ -56,7 +56,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -49,7 +49,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.12"
+      packageVersion: "9.1.13"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -20,7 +20,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 var packageName = "@atlaskit/help";
-var packageVersion = "9.1.12";
+var packageVersion = "9.1.13";
 var buttonStyles = null;
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

package/dist/esm/components/Search/SearchInput/index.compiled.css

@@ -1,2 +1,2 @@
-._1bsb1aw7{width:var(--_1sdd41g)}
-._4t3i1aw7{height:var(--_1sdd41g)}
+._1bsb1tcg{width:24px}
+._4t3i1tcg{height:24px}

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

@@ -5,7 +5,6 @@ import React, { useRef, useCallback } from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Textfield from '@atlaskit/textfield';
 import Button from '@atlaskit/button/custom-theme-button';
-import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/core/migration/search';
 import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
@@ -19,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {
@@ -96,10 +95,7 @@ export var SearchInput = function SearchInput(_ref) {
       onClick: handleOnClearButtonClick,
       spacing: "none",
       "aria-label": "Clear",
-      className: ax(["_1bsb1aw7 _4t3i1aw7"]),
-      style: {
-        "--_1sdd41g": ix("".concat(gridSize() * 3, "px"))
-      }
+      className: ax(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
       color: "currentColor",
       spacing: "spacious",

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.12"
+  packageVersion: "9.1.13"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

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

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
 import { LoadingWhatsNewResultsList, LoadingWhatsNewResultsListItem } from './styled';
@@ -8,7 +7,7 @@ import { WhatsNewResultsListTitleContainer } from '../styled';
 export var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
-    contentHeight: "".concat(gridSize() * 5, "px"),
+    contentHeight: "40px",
     contentWidth: "152px",
     marginTop: "0"
   }), /*#__PURE__*/React.createElement(LoadingWhatsNewResultsList, {

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

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

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

@@ -2,16 +2,11 @@
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 var selectContainerStyles = null;
 export var SelectContainer = function SelectContainer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb1ina"]),
-    style: {
-      "--_18eyph8": ix("".concat(19 * gridSize(), "px"))
-    }
+    className: ax(["_1bsb1llu"])
   }, children);
 };
 var whatsNewResultsListContainerStyles = null;

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

@@ -1,5 +1,5 @@
 
-._2rkoyh40{border-radius:2px}._100g1cra>img{height:var(--_1qkluan)}
+._2rkoyh40{border-radius:2px}._100gwk75>img{height:var(--_ys364u)}
 ._12vemgnk{background-repeat:no-repeat}
 ._15jg1osq>img>svg{height:100%}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -19,7 +19,7 @@
 ._bfhk17xe{background-color:var(--_kmlon4)}
 ._bfhkptpz{background-color:var(--_19g1tth)}
 ._ca0qidpf{padding-top:0}
-._iu1x1cra>img{width:var(--_1qkluan)}
+._iu1xwk75>img{width:var(--_ys364u)}
 ._j7hq1en8{animation-name:k6xje6p}
 ._kqswh2mm{position:relative}
 ._n3tdidpf{padding-bottom:0}

package/dist/esm/util/styled.js

@@ -6,8 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useState } from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
 import { B500, G300, N30, N30A, N40, N400, N700, P500, Y200 } from '@atlaskit/theme/colors';
 var dividerLineStyles = null;
@@ -36,8 +34,7 @@ export var LoadingRectangle = function LoadingRectangle(_ref2) {
     className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhkptpz _1itk1tr1 _12vemgnk"]),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: contentHeight !== null && contentHeight !== void 0 ? contentHeight : '1rem',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : gridSize() + 'px',
+      marginTop: marginTop !== null && marginTop !== void 0 ? marginTop : "var(--ds-space-100, 8px)",
       width: contentWidth !== null && contentWidth !== void 0 ? contentWidth : '100%',
       "--_19g1tth": ix("var(--ds-background-neutral, ".concat(N30, ")")),
       "--_otzjef": ix("linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
@@ -80,10 +77,10 @@ export var WhatsNewTypeIcon = function WhatsNewTypeIcon(_ref3) {
     }
   }, [type]);
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1x1cra _100g1cra _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
+    className: ax(["_2rkoyh40 _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1xwk75 _100gwk75 _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
     style: {
       backgroundColor: backgroundColor,
-      "--_1qkluan": ix("calc(100% - ".concat(gridSize() / 2, "px)"))
+      "--_ys364u": ix("calc(100% - ".concat("var(--ds-space-050, 4px)", ")"))
     }
   }, children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "9.1.13",
+	"version": "9.1.14",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/notification-log-client": "^6.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.12.0",
-		"@atlaskit/radio": "^8.2.0",
+		"@atlaskit/radio": "^8.3.0",
 		"@atlaskit/section-message": "^8.6.0",
 		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/spinner": "^19.0.0",