@atlaskit/help 7.6.2 → 7.7.0

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button';
 import { messages } from '../../../messages';
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.6.2"
+  packageVersion: "7.7.0"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -46,7 +46,8 @@ export var WhatsNewArticle = function WhatsNewArticle(_ref) {
       href: article.relatedExternalLinks,
       target: "_blank"
     }, formatMessage(messages.help_whats_new_related_link_support)), /*#__PURE__*/React.createElement(ExternalLinkIconContainer, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
-      size: "small",
+      color: "currentColor",
+      LEGACY_size: "small",
       label: ""
     }))), article.communityUrl && /*#__PURE__*/React.createElement(RelatedLinkContainer, null, /*#__PURE__*/React.createElement(Button, {
       appearance: "link",
@@ -54,7 +55,8 @@ export var WhatsNewArticle = function WhatsNewArticle(_ref) {
       href: article.communityUrl,
       target: "_blank"
     }, formatMessage(messages.help_whats_new_related_link_community)), /*#__PURE__*/React.createElement(ExternalLinkIconContainer, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
-      size: "small",
+      color: "currentColor",
+      LEGACY_size: "small",
       label: ""
     }))))));
   }

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
-import LikeIcon from '@atlaskit/icon/glyph/like';
+import LikeIcon from '@atlaskit/icon/core/migration/thumbs-up--like';
 import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.6.2"
+  packageVersion: "7.7.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {
@@ -42,10 +42,10 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
   var handleOnClick = function handleOnClick(event) {
     event.preventDefault();
     if (onClick) {
-      var _analyticsEvent = createAnalyticsEvent({
+      var analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-      onClick(event, _analyticsEvent);
+      onClick(event, analyticsEvent);
     }
   };
 
@@ -63,13 +63,15 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
     href: href,
     onClick: handleOnClick
   }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, highlightText(title)), isLastPublishedVisible && /*#__PURE__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
-    size: "small",
+    LEGACY_size: "small",
     label: "",
-    primaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
-    secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
+    color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
+    LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
   }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible && /*#__PURE__*/React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
+    LEGACY_margin: "0 -0.25px 0 0",
+    color: "currentColor",
     label: "Like",
-    size: "small"
+    LEGACY_size: "small"
   }), trustFactors.helpfulCount)));
 };
 var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {

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

@@ -126,7 +126,12 @@ export var ArticlesListItemViewCount = styled.span({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
 export var ArticlesListItemHelpfulCount = styled.span({
   display: 'inline-flex',
-  paddingRight: "var(--ds-space-100, 8px)"
+  paddingRight: "var(--ds-space-100, 8px)",
+  alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '& > span': {
+    marginRight: "var(--ds-space-025, 2px)"
+  }
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766

package/dist/esm/components/Help.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["children", "footer"];
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.6.2"
+  packageVersion: "7.7.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,
@@ -37,7 +37,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
   })), href != null && /*#__PURE__*/React.createElement(HelpContentButtonExternalLinkIcon, {
     "data-testid": "shortcutIcon"
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
-    size: "small",
+    color: "currentColor",
+    LEGACY_size: "small",
     label: ""
   }))));
   return /*#__PURE__*/React.createElement(AnalyticsContext, {

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

@@ -23,7 +23,7 @@ import { usePrevious } from '../../util/hooks/previous';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.6.2";
+var packageVersion = "7.7.0";
 var buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -9,8 +9,8 @@ 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/glyph/search';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
+import SearchIcon from '@atlaskit/icon/core/migration/search';
+import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.6.2"
+  packageVersion: "7.7.0"
 };
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -83,6 +83,9 @@ export var SearchInput = function SearchInput(_ref) {
     ref: inputRef,
     name: "help-search-input",
     elemBeforeInput: jsx(SearchIconContainer, null, jsx(SearchIcon, {
+      LEGACY_margin: "0 2px",
+      color: "currentColor",
+      spacing: "spacious",
       label: ""
     })),
     elemAfterInput: jsx(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && jsx(Spinner, {
@@ -94,6 +97,8 @@ export var SearchInput = function SearchInput(_ref) {
       spacing: "none",
       "aria-label": "Clear field"
     }, jsx(EditorCloseIcon, {
+      color: "currentColor",
+      spacing: "spacious",
       label: ""
     }))),
     placeholder: formatMessage(messages.help_search_placeholder),

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

@@ -18,6 +18,7 @@ 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)",

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { SearchResultSearchExternalSiteContainer } from './styled';
@@ -27,10 +27,10 @@ export var SearchExternalSite = function SearchExternalSite(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     appearance: "link",
     iconAfter: /*#__PURE__*/React.createElement(ShortcutIcon, {
-      size: "small",
+      LEGACY_size: "small",
       label: "",
-      primaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
-      secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
+      color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
+      LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
     }),
     spacing: "compact",
     href: searchExternalUrl,

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';
 import { messages } from '../../../messages';
@@ -28,10 +28,10 @@ export var SearchResultsEmpty = function SearchResultsEmpty(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     appearance: "link",
     iconAfter: /*#__PURE__*/React.createElement(ShortcutIcon, {
-      size: "small",
+      LEGACY_size: "small",
       label: "",
-      primaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
-      secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
+      color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
+      LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
     }),
     spacing: "compact",
     href: searchExternalUrl,

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

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import LightbulbIcon from '@atlaskit/icon/glyph/lightbulb';
+import LightbulbIcon from '@atlaskit/icon/core/migration/lightbulb';
 import { injectIntl } from 'react-intl-next';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.6.2"
+  packageVersion: "7.7.0"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,
@@ -40,8 +40,9 @@ export var WhatsNewButton = function WhatsNewButton(_ref) {
       productName: productName
     }) : formatMessage(messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/React.createElement(LightbulbIcon, {
-      primaryColor: "var(--ds-icon-subtle, ".concat(colors.N600, ")"),
-      size: "medium",
+      color: "var(--ds-icon-subtle, ".concat(colors.N600, ")"),
+      LEGACY_size: "medium",
+      spacing: "spacious",
       label: ""
     })
   });

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: "7.6.2"
+  packageVersion: "7.7.0"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,
@@ -23,10 +23,10 @@ export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var handleOnClick = function handleOnClick(event) {
     event.preventDefault();
     if (onClick) {
-      var _analyticsEvent = createAnalyticsEvent({
+      var analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-      onClick(event, _analyticsEvent);
+      onClick(event, analyticsEvent);
     }
   };
   return /*#__PURE__*/React.createElement(WhatsNewResultListItemWrapper, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.6.2",
+	"version": "7.7.0",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,19 +41,19 @@
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/checkbox": "^14.0.0",
 		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/help-article": "^4.1.10",
+		"@atlaskit/help-article": "^4.2.0",
 		"@atlaskit/help-layout": "^4.3.0",
-		"@atlaskit/icon": "^22.15.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/notification-indicator": "^9.3.0",
 		"@atlaskit/notification-log-client": "^6.1.0",
 		"@atlaskit/radio": "^6.5.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^17.15.0",
+		"@atlaskit/select": "^17.19.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.61.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",