@atlaskit/help 8.0.9 → 9.0.0

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

@@ -0,0 +1,28 @@
+._1275nkob>button, ._1skznkob>span{vertical-align:middle}
+._16jlidpf{flex-grow:0}
+._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)}
+._1bsb10tm{width:var(--_f02zv0)}
+._1bsb1ejb{width:var(--ds-space-300,24px)}
+._1bsb1osq{width:100%}
+._1f021ejb>span{height:var(--ds-space-300,24px)}
+._1f49idpf{order:0}
+._1msb1o8l>button, ._1w7e1o8l>span{display:inline-block}
+._1o9zkb7n{flex-shrink:1}
+._1rckusvi>span{box-sizing:border-box}
+._1wpz1wug{align-self:auto}
+._1wybidpf{font-size:0}
+._1yg61b66>span{padding-left:var(--ds-space-050,4px)}
+._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
+._4t3i1ejb{height:var(--ds-space-300,24px)}
+._4t3ixy5q{height:var(--ds-space-400,2pc)}
+._hjaq1b66>span{padding-right:var(--ds-space-050,4px)}
+._i0dl1wug{flex-basis:auto}
+._kqswh2mm{position:relative}
+._nbgx1ejb>span{width:var(--ds-space-300,24px)}
+._o5721q9c{white-space:nowrap}
+._otyrou31{margin-bottom:var(--ds-space-200,14px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vchhusvi{box-sizing:border-box}

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

@@ -1,61 +1,35 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchInputContainer = styled.div({
-  order: 0,
-  flex: '0 1 auto',
-  alignSelf: 'auto',
-  width: '100%',
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchInputContainerAi = styled.div({
-  width: "calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"),
-  height: "var(--ds-space-400, 32px)",
-  marginLeft: "var(--ds-space-300, 24px)",
-  marginRight: "var(--ds-space-300, 24px)",
-  marginTop: "var(--ds-space-200, 14px)",
-  marginBottom: "var(--ds-space-200, 14px)",
-  order: 0,
-  flex: '0 1 auto',
-  alignSelf: 'auto',
-  boxSizing: 'border-box'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchIconContainer = styled.div({
-  width: "var(--ds-space-300, 24px)",
-  height: "var(--ds-space-300, 24px)",
-  paddingLeft: "var(--ds-space-050, 4px)",
-  marginLeft: "var(--ds-space-negative-025, -2px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > span': {
-    paddingLeft: "var(--ds-space-050, 4px)",
-    height: "var(--ds-space-300, 24px)",
-    width: "var(--ds-space-300, 24px)",
-    boxSizing: 'border-box'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var CloseButtonAndSpinnerContainer = styled.div({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  fontSize: 0,
-  paddingRight: "var(--ds-space-100, 8px)",
-  position: 'relative',
-  whiteSpace: 'nowrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > span': {
-    paddingRight: "var(--ds-space-050, 4px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > button, & > span': {
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  }
-});
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+var searchInputContainerStyles = null;
+export var SearchInputContainer = function SearchInputContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1f49idpf _1wpz1wug _1bsb1osq _vchhusvi"])
+  }, children);
+};
+var searchInputContainerAiStyles = null;
+export var SearchInputContainerAi = function SearchInputContainerAi(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb10tm _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"]),
+    style: {
+      "--_f02zv0": ix("calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"))
+    }
+  }, children);
+};
+var searchIconContainerStyles = null;
+export var SearchIconContainer = function SearchIconContainer(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1ejb _4t3i1ejb _19bv1b66 _18u01i6y _1yg61b66 _1f021ejb _nbgx1ejb _1rckusvi"])
+  }, children);
+};
+var closeButtonAndSpinnerContainerStyles = null;
+export var CloseButtonAndSpinnerContainer = function CloseButtonAndSpinnerContainer(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1wybidpf _u5f3u2gc _kqswh2mm _o5721q9c _hjaq1b66 _1msb1o8l _1w7e1o8l _1275nkob _1skznkob"])
+  }, children);
+};

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

@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';
 import { SearchResultSearchExternalSiteContainer } from './styled';
 export var SearchExternalSite = function SearchExternalSite(_ref) {

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

@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundImage from '../../../assets/NotFoundImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText, SearchResultEmptyMessageHeaderText } from './styled';

package/dist/esm/components/Search/SearchResults/SearchResultsError.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { injectIntl } from 'react-intl-next';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import ErrorImage from '../../../assets/ErrorImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

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

@@ -1,11 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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, { useCallback, useRef, useState, useEffect } from 'react';
 import { Transition } from 'react-transition-group';
 import { REQUEST_STATE } from '../../../model/Requests';
-import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, VIEW } from '../../constants';
+import { VIEW } from '../../constants';
 import { useSearchContext } from '../../contexts/searchContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
 import { ARTICLE_TYPE } from '../../../model/Help';
@@ -13,30 +10,7 @@ import SearchResultsList from './SearchResults';
 import SearchExternalSite from './SearchExternalSite';
 import SearchResultsEmpty from './SearchResultsEmpty';
 import SearchResultsError from './SearchResultsError';
-import { SearchResultsContainer, SearchResultsContainerAi } from './styled';
-var defaultStyle = {
-  transition: "opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"),
-  opacity: 0,
-  visibility: 'hidden'
-};
-var transitionStyles = {
-  entering: {
-    opacity: 1,
-    visibility: 'visible'
-  },
-  entered: {
-    opacity: 1,
-    visibility: 'visible'
-  },
-  exiting: {
-    opacity: 0,
-    visibility: 'visible'
-  },
-  exited: {
-    opacity: 0,
-    visibility: 'hidden'
-  }
-};
+import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, SearchResultsContainer, SearchResultsContainerAi } from './styled';
 export var SearchResults = function SearchResults(_ref) {
   var _ref$isAiEnabled = _ref.isAiEnabled,
     isAiEnabled = _ref$isAiEnabled === void 0 ? false : _ref$isAiEnabled;
@@ -81,7 +55,7 @@ export var SearchResults = function SearchResults(_ref) {
     timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
   }, function (state) {
     return /*#__PURE__*/React.createElement(SearchResultsContainerAi, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+      transitionState: state
     }, /*#__PURE__*/React.createElement("div", {
       ref: liveRegionRef,
       "aria-live": "polite",
@@ -122,7 +96,7 @@ export var SearchResults = function SearchResults(_ref) {
     timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
   }, function (state) {
     return /*#__PURE__*/React.createElement(SearchResultsContainer, {
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+      transitionState: state
     }, /*#__PURE__*/React.createElement("div", {
       ref: liveRegionRef,
       "aria-live": "polite",

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

@@ -0,0 +1,31 @@
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px 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)}
+._154iidpf{top:0}
+._16jlkb7n{flex-grow:1}
+._18m91wug{overflow-y:auto}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bsb1osq{width:100%}
+._1o9zkb7n{flex-shrink:1}
+._1pbyzo7u{z-index:10}
+._1reo15vq{overflow-x:hidden}
+._2lx21bp4{flex-direction:column}
+._3um015vq{visibility:hidden}
+._4t3i1osq{height:100%}
+._4t3is6me{height:var(--_fwkl53)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qidpf{padding-top:0}
+._i0dlf1ug{flex-basis:0%}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._kqswstnw{position:absolute}
+._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._syaz1hoq{color:var(--_h5fhc4)}
+._tzy4idpf{opacity:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._vchhusvi{box-sizing:border-box}
+._y3gn1h6o{text-align:center}

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

@@ -1,80 +1,87 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultsContainer = styled.div({
-  position: 'absolute',
-  height: '100%',
-  width: '100%',
-  top: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 10,
-  padding: "0 ".concat("var(--ds-space-200, 16px)")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultsContainerAi = styled.div({
-  position: 'absolute',
-  height: "calc(100% - ".concat("var(--ds-space-800, 60px)", ")"),
-  width: '100%',
-  top: "var(--ds-space-800, 60px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 10,
-  padding: "0 ".concat("var(--ds-space-200, 16px)")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultsList = styled.div({
-  paddingTop: "var(--ds-space-300, 24px)",
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultEmptyMessageImage = styled.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultEmptyMessageText = styled.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./styled.compiled.css";
+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 from 'react';
+import { N200, N500 } from '@atlaskit/theme/colors';
+export var FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
+var searchResultsContainerStyles = null;
+var transitionStyles = {
+  entering: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  entered: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  exiting: {
+    opacity: 0,
+    visibility: 'visible'
+  },
+  exited: {
+    opacity: 0,
+    visibility: 'hidden'
   }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultEmptyMessageHeaderText = styled.h2({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N500, ")"),
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SearchResultSearchExternalSiteContainer = styled.div({
-  padding: "var(--ds-space-300, 24px)",
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
-  }
-});
+};
+export var SearchResultsContainer = function SearchResultsContainer(_ref) {
+  var children = _ref.children,
+    transitionState = _ref.transitionState;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
+      "--_1peo1h6": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+    })
+  }, children);
+};
+var searchResultsContainerAiStyles = null;
+export var SearchResultsContainerAi = function SearchResultsContainerAi(_ref2) {
+  var children = _ref2.children,
+    transitionState = _ref2.transitionState;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3is6me _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
+      "--_fwkl53": ix("calc(100% - ".concat("var(--ds-space-800, 60px)", ")")),
+      "--_1peo1h6": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
+    })
+  }, children);
+};
+var searchResultEmptyMessageImageStyles = null;
+export var SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var searchResultEmptyMessageTextStyles = null;
+export var SearchResultEmptyMessageText = function SearchResultEmptyMessageText(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
+    }
+  }, children);
+};
+var searchResultEmptyMessageHeaderTextStyles = null;
+export var SearchResultEmptyMessageHeaderText = function SearchResultEmptyMessageHeaderText(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/React.createElement("h2", {
+    className: ax(["_11c82smr _syaz1hoq _k48pmoej"]),
+    style: {
+      "--_h5fhc4": ix("var(--ds-text, ".concat(N500, ")"))
+    }
+  }, children);
+};
+var searchResultSearchExternalSiteContainerStyles = null;
+export var SearchResultSearchExternalSiteContainer = function SearchResultSearchExternalSiteContainer(_ref6) {
+  var children = _ref6.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
+    }
+  }, children);
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TabContainer, TabLabels, TabLabel } from './styled';
-import { Inline, Text } from '@atlaskit/primitives';
+import { Inline, Text } from '@atlaskit/primitives/compiled';
 var Tab = function Tab(_ref) {
   var label = _ref.label,
     index = _ref.index,

package/dist/esm/components/Tabs/styled.compiled.css

@@ -0,0 +1,13 @@
+._16jlkb7n{flex-grow:1}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bah1yb4{justify-content:space-between}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1o9zkb7n{flex-shrink:1}
+._80omtlke{cursor:pointer}
+._ae4v1h6o{align-content:center}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._i0dlf1ug{flex-basis:0%}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._y3gn1h6o{text-align:center}

package/dist/esm/components/Tabs/styled.js

@@ -1,32 +1,32 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TabContainer = styled.div({
-  width: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TabLabels = styled.div({
-  display: 'flex',
-  justifyContent: 'space-between'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
-export var TabLabel = styled.div(function (_ref) {
-  var isActive = _ref.isActive;
-  return {
-    flex: 1,
-    padding: "var(--ds-space-150, 12px)",
-    textAlign: 'center',
-    cursor: 'pointer',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    color: isActive ? "var(--ds-text-selected, #0C66E4)" : "var(--ds-text, #172B4D)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    borderBottom: isActive ? "1px solid ".concat("var(--ds-text-selected, #0C66E4)") : "1px solid ".concat("var(--ds-text-disabled, #091E424F)")
-  };
-});
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+var tabContainerStyles = null;
+export var TabContainer = function TabContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1osq"])
+  }, children);
+};
+var tabLabelsStyles = null;
+export var TabLabels = function TabLabels(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _1bah1yb4"])
+  }, children);
+};
+var tabLabelStyles = null;
+export var TabLabel = function TabLabel(_ref3) {
+  var isActive = _ref3.isActive,
+    onClick = _ref3.onClick,
+    children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: isActive ? "var(--ds-text-selected, #0C66E4)" : "var(--ds-text, #172B4D)",
+      borderBottom: isActive ? "1px solid ".concat("var(--ds-text-selected, #0C66E4)") : "1px solid ".concat("var(--ds-text-disabled, #091E424F)")
+    },
+    onClick: onClick,
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _y3gn1h6o _ae4v1h6o _80omtlke"])
+  }, children);
+};

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: "8.0.9"
+  packageVersion: "9.0.0"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { injectIntl } from 'react-intl-next';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundImage from '../../../../assets/NotFoundImage';
 import { messages } from '../../../../messages';
 import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';

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

@@ -0,0 +1,6 @@
+._125xpsu8 p{color:var(--_vrm7dk)}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._y3gn1h6o{text-align:center}

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

@@ -1,23 +1,22 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-import * as colors from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultsEmptyMessageImage = styled.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var WhatsNewResultsEmptyMessageText = styled.div({
-  padding: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-300, 24px)", " 0 ", "var(--ds-space-300, 24px)"),
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  p: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    color: "var(--ds-text-subtlest, ".concat(colors.N200, ")")
-  }
-});
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./styled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { N200 } from '@atlaskit/theme/colors';
+var whatsNewResultsEmptyMessageImageStyles = null;
+export var WhatsNewResultsEmptyMessageImage = function WhatsNewResultsEmptyMessageImage(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o"])
+  }, children);
+};
+var whatsNewResultsEmptyMessageTextStyles = null;
+export var WhatsNewResultsEmptyMessageText = function WhatsNewResultsEmptyMessageText(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_ca0q1ejb _u5f31ejb _n3tdidpf _19bv1ejb _y3gn1h6o _125xpsu8"]),
+    style: {
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
+    }
+  }, children);
+};

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

@@ -3,7 +3,7 @@ import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';
 export var WhatsNewResultsError = function WhatsNewResultsError(_ref) {
   var onSearch = _ref.onSearch,

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

@@ -0,0 +1,6 @@
+._125xpsu8 p{color:var(--_vrm7dk)}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._n3tdidpf{padding-bottom:0}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._y3gn1h6o{text-align:center}