@atlaskit/reactions 22.16.2 → 22.16.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/reactions
 
+## 22.16.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.16.3
+
+### Patch Changes
+
+- [#165681](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165681)
+  [`57716f58fccef`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57716f58fccef) -
+  [ux] typography changes to text and heading
+- Updated dependencies
+
 ## 22.16.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -35,6 +35,9 @@
         {
             "path": "../../emoji/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/heading/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -35,6 +35,9 @@
 		{
 			"path": "../../emoji/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/heading/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 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 packageName = "@atlaskit/reactions";
-var packageVersion = "22.16.2";
+var packageVersion = "22.16.4";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionDialog/ReactionView.js

@@ -16,6 +16,7 @@ var _element = require("@atlaskit/emoji/element");
 var _Avatar = _interopRequireDefault(require("@atlaskit/avatar/Avatar"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _tabs = require("@atlaskit/tabs");
+var _primitives = require("@atlaskit/primitives");
 var _i18n = require("../../shared/i18n");
 var _styles = require("./styles");
 /**
@@ -73,7 +74,9 @@ var ReactionView = exports.ReactionView = function ReactionView(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("div", (0, _extends2.default)({
       css: _styles.reactionViewStyle
-    }, tabPanelAttributes), (0, _react2.jsx)("p", null, (0, _react2.jsx)(_element.ResourcedEmoji, {
+    }, tabPanelAttributes), (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, (0, _react2.jsx)(_element.ResourcedEmoji, {
       emojiProvider: emojiProvider,
       emojiId: {
         id: selectedEmojiId,

package/dist/cjs/components/ReactionPicker/ReactionPicker.js

@@ -293,7 +293,9 @@ var PopperWrapper = function PopperWrapper(props) {
       }
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      css: _styles.popupWrapperStyle,
+      css: _styles.popupWrapperStyle
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      ,
       tabIndex: 0
     }, (0, _react2.jsx)(_RepositionOnUpdate.RepositionOnUpdate, {
       update: update,

package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js

@@ -43,7 +43,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
    * Render list of users in the tooltip box
    */
   var content = !users || users.length === 0 || !isEnabled ? null :
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-noninteractive-tabindex -- Ignored via go/DSP-18766
   (0, _react2.jsx)("div", {
     css: _styles.tooltipStyle,
     tabIndex: 0

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "22.16.2";
+const packageVersion = "22.16.4";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionDialog/ReactionView.js

@@ -11,6 +11,7 @@ import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import Avatar from '@atlaskit/avatar/Avatar';
 import Spinner from '@atlaskit/spinner';
 import { useTabPanel } from '@atlaskit/tabs';
+import { Text } from '@atlaskit/primitives';
 import { messages } from '../../shared/i18n';
 import { reactionViewStyle, userListStyle, userStyle, centerSpinner } from './styles';
 export const ReactionView = ({
@@ -42,7 +43,9 @@ export const ReactionView = ({
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("div", _extends({
       css: reactionViewStyle
-    }, tabPanelAttributes), jsx("p", null, jsx(ResourcedEmoji, {
+    }, tabPanelAttributes), jsx(Text, {
+      as: "p"
+    }, jsx(ResourcedEmoji, {
       emojiProvider: emojiProvider,
       emojiId: {
         id: selectedEmojiId,

package/dist/es2019/components/ReactionPicker/ReactionPicker.js

@@ -269,7 +269,9 @@ const PopperWrapper = props => {
       }
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      css: popupWrapperStyle,
+      css: popupWrapperStyle
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      ,
       tabIndex: 0
     }, jsx(RepositionOnUpdate, {
       update: update,

package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js

@@ -32,7 +32,7 @@ export const ReactionTooltip = ({
    * Render list of users in the tooltip box
    */
   const content = !users || users.length === 0 || !isEnabled ? null :
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-noninteractive-tabindex -- Ignored via go/DSP-18766
   jsx("div", {
     css: tooltipStyle,
     tabIndex: 0

package/dist/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.16.2";
+var packageVersion = "22.16.4";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionDialog/ReactionView.js

@@ -14,6 +14,7 @@ import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import Avatar from '@atlaskit/avatar/Avatar';
 import Spinner from '@atlaskit/spinner';
 import { useTabPanel } from '@atlaskit/tabs';
+import { Text } from '@atlaskit/primitives';
 import { messages } from '../../shared/i18n';
 import { reactionViewStyle, userListStyle, userStyle, centerSpinner } from './styles';
 export var ReactionView = function ReactionView(_ref) {
@@ -64,7 +65,9 @@ export var ReactionView = function ReactionView(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("div", _extends({
       css: reactionViewStyle
-    }, tabPanelAttributes), jsx("p", null, jsx(ResourcedEmoji, {
+    }, tabPanelAttributes), jsx(Text, {
+      as: "p"
+    }, jsx(ResourcedEmoji, {
       emojiProvider: emojiProvider,
       emojiId: {
         id: selectedEmojiId,

package/dist/esm/components/ReactionPicker/ReactionPicker.js

@@ -286,7 +286,9 @@ var PopperWrapper = function PopperWrapper(props) {
       }
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      css: popupWrapperStyle,
+      css: popupWrapperStyle
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      ,
       tabIndex: 0
     }, jsx(RepositionOnUpdate, {
       update: update,

package/dist/esm/components/ReactionTooltip/ReactionTooltip.js

@@ -35,7 +35,7 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
    * Render list of users in the tooltip box
    */
   var content = !users || users.length === 0 || !isEnabled ? null :
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-noninteractive-tabindex -- Ignored via go/DSP-18766
   jsx("div", {
     css: tooltipStyle,
     tabIndex: 0

package/docs/0-intro.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, Example, Props, code, AtlassianInternalWarning } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 import ReactionsExample from '../examples/01-connected-reactions-view';
 
@@ -117,14 +118,14 @@ export default md`
 				appearance="warning"
 				title="There should be only one instance of EmojiResource in your application"
 			>
-				<p>
+				<Text as="p">
 					Make sure EmojiResource is initialised only once to avoid performance issues using
 					useMemo.
-				</p>
+				</Text>
 			</SectionMessage>
 			<br />
 			<SectionMessage appearance="information">
-				<p>EmojiResource object implements the EmojiProvider interface.</p>
+				<Text as="p">EmojiResource object implements the EmojiProvider interface.</Text>
 				<a
 					href="https://atlaskit.atlassian.com/packages/elements/emoji/docs/emoji-provider"
 					target="_blank"

package/docs/1-connected-reaction-picker.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, Example, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 import ConnectedReactionPickerExample from '../examples/00-connected-reaction-picker';
 
@@ -105,10 +106,10 @@ export default md`
 				appearance="warning"
 				title="There should be only one instance of EmojiResource in your application"
 			>
-				<p>
+				<Text as="p">
 					Make sure EmojiResource is initialised only once to avoid performance issues using
 					useMemo.
-				</p>
+				</Text>
 			</SectionMessage>
 		</>
 	)}

package/docs/2-connected-reactions-view.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, Example, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 import ConnectedReactionsViewExample from '../examples/01-connected-reactions-view';
 
@@ -104,10 +105,10 @@ export default md`
 				appearance="warning"
 				title="There should be only one instance of EmojiResource in your application"
 			>
-				<p>
+				<Text as="p">
 					Make sure EmojiResource is initialised only once to avoid performance issues using
 					useMemo.
-				</p>
+				</Text>
 			</SectionMessage>
 		</>
 	)}

package/docs/3-reactions-store.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 export default md`
 
@@ -12,9 +13,9 @@ export default md`
 			<br />
 			<SectionMessage appearance="information" title="">
 				You can instantiate an instance of the ReactionsStore object using the built in{' '}
-				<strong>MemoryReactionsStore</strong> class object that contains all logic required to
-				communicate with the store. It provides all the methods to interact with the store and the
-				API calls to the server, including logging
+				<Text as="strong">MemoryReactionsStore</Text> class object that contains all logic required
+				to communicate with the store. It provides all the methods to interact with the store and
+				the API calls to the server, including logging
 				<a
 					target="_blank"
 					rel="noopener noreferrer"

package/docs/5-graphql-support.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, code, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 export default md`
 
@@ -126,11 +127,11 @@ ${(
 			appearance="information"
 			title="There should be only one instance of EmojiResource in your application"
 		>
-			<p>
+			<Text as="p">
 				Above examples show the best practice to integrate Graphql APIs. By extending from our
 				`ReactionsClient` interface, you are free to use any GrapqhQL client, any queries or
 				mutations, as long as they return the same type as defined in the interface.
-			</p>
+			</Text>
 		</SectionMessage>
 		<br />
 		<SectionMessage appearance="warning">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.16.2",
+	"version": "22.16.4",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,17 +38,18 @@
 		"@atlaskit/avatar": "^21.17.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/emoji": "^67.11.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/heading": "^3.1.0",
+		"@atlaskit/icon": "^22.26.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/motion": "^1.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/popup": "1.29.4",
-		"@atlaskit/primitives": "^13.2.0",
+		"@atlaskit/popup": "1.29.5",
+		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.5.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.3.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/util-service-support": "^6.2.0",