@atlaskit/reactions 22.5.13 → 22.6.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/reactions
 
+## 22.6.1
+
+### Patch Changes
+
+- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
+
+## 22.6.0
+
+### Minor Changes
+
+- [#91586](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91586) [`b3135ab49e16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3135ab49e16) - Updated `@atlaskit/tabs` dependency which removed baked-in horizontal padding. There may be some very slight difference in padding after this change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.5.13
 
 ### Patch Changes

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.5.13";
+var packageVersion = "22.6.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _constants = require("../../shared/constants");
 var _i18n = require("../../shared/i18n");
@@ -149,7 +149,7 @@ var ReactionsDialog = exports.ReactionsDialog = function ReactionsDialog(_ref) {
     reactions: sortedReactions,
     emojiProvider: emojiProvider,
     onReactionChanged: handleSelectReaction
-  }))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+  }))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_new.default, {
     appearance: "primary",
     onClick: handleCloseReactionsDialog,
     autoFocus: true

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

@@ -172,7 +172,9 @@ var customTabListStyles = exports.customTabListStyles = (0, _react.css)({
   display: 'flex',
   paddingBottom: "var(--ds-space-050, 4px)",
   'div[role=tablist]': {
-    flexGrow: 1
+    flexGrow: 1,
+    // paddingInline exists to maintain styling prior to @atlaskit/tabs update that removed baked in horizontal padding
+    paddingInline: "var(--ds-space-100, 8px)"
   }
 });
 var centerSpinner = exports.centerSpinner = (0, _react.css)({

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.5.13";
+const packageVersion = "22.6.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -2,7 +2,7 @@
 import { useEffect, useState, useRef, useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../../shared/constants';
 import { messages } from '../../shared/i18n';

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

@@ -157,7 +157,9 @@ export const customTabListStyles = css({
   display: 'flex',
   paddingBottom: "var(--ds-space-050, 4px)",
   'div[role=tablist]': {
-    flexGrow: 1
+    flexGrow: 1,
+    // paddingInline exists to maintain styling prior to @atlaskit/tabs update that removed baked in horizontal padding
+    paddingInline: "var(--ds-space-100, 8px)"
   }
 });
 export const centerSpinner = css({

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.5.13";
+var packageVersion = "22.6.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState, useRef, useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../../shared/constants';
 import { messages } from '../../shared/i18n';

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

@@ -165,7 +165,9 @@ export var customTabListStyles = css({
   display: 'flex',
   paddingBottom: "var(--ds-space-050, 4px)",
   'div[role=tablist]': {
-    flexGrow: 1
+    flexGrow: 1,
+    // paddingInline exists to maintain styling prior to @atlaskit/tabs update that removed baked in horizontal padding
+    paddingInline: "var(--ds-space-100, 8px)"
   }
 });
 export var centerSpinner = css({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.5.13",
+  "version": "22.6.1",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,16 +35,16 @@
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
-    "@atlaskit/analytics-next": "^9.2.0",
+    "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/avatar": "^21.5.0",
-    "@atlaskit/button": "^17.12.0",
+    "@atlaskit/button": "^17.14.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/modal-dialog": "^12.11.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/tabs": "^14.1.0",
+    "@atlaskit/tabs": "^15.0.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/tooltip": "^18.2.0",