@atlaskit/profilecard 17.2.3 → 17.2.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 17.2.4
+
+### Patch Changes
+
+- [`250ad85dd78`](https://bitbucket.org/atlassian/atlassian-frontend/commits/250ad85dd78) - [ux] Removed ButtonGroup from team profile card to fix the layout of action buttons
+
 ## 17.2.3
 
 ### Patch Changes

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -23,8 +23,6 @@ var _reactIntlNext = require("react-intl-next");
 
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 
-var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
-
 var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
@@ -245,7 +243,7 @@ var ButtonSection = function ButtonSection(_ref4) {
 
   var extraActions = actions.slice(2);
   var initialActions = actions.slice(0, 2);
-  return /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_TeamCard.ActionButtons, null, initialActions.map(function (action, index) {
+  return /*#__PURE__*/_react.default.createElement(_TeamCard.ActionButtons, null, initialActions.map(function (action, index) {
     return /*#__PURE__*/_react.default.createElement(ActionButton, {
       action: action,
       analytics: analytics,
@@ -255,7 +253,7 @@ var ButtonSection = function ButtonSection(_ref4) {
   }), extraActions && /*#__PURE__*/_react.default.createElement(ExtraActions, {
     actions: extraActions,
     analytics: analytics
-  })));
+  }));
 };
 
 var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {

package/dist/cjs/styled/Card.js

@@ -17,7 +17,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _constants2 = require("../styled/constants");
+var _constants2 = require("./constants");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 

package/dist/cjs/styled/Error.js

@@ -19,7 +19,7 @@ var _typography = require("@atlaskit/theme/typography");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _constants2 = require("../styled/constants");
+var _constants2 = require("./constants");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 

package/dist/cjs/styled/ReportingLines.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _constants2 = require("../styled/constants");
+var _constants2 = require("./constants");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 

package/dist/cjs/styled/TeamCard.js

@@ -21,7 +21,7 @@ var _typography = require("@atlaskit/theme/typography");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _constants2 = require("../styled/constants");
+var _constants2 = require("./constants");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 

package/dist/cjs/util/analytics.js

@@ -59,7 +59,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "17.2.3"
+      packageVersion: "17.2.4"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.2.3"
+	"version": "17.2.4"
 }

package/dist/es2019/components/Team/TeamProfileCard.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import AvatarGroup from '@atlaskit/avatar-group';
-import ButtonGroup from '@atlaskit/button/button-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
 import MoreIcon from '@atlaskit/icon/glyph/more';
@@ -177,7 +176,7 @@ const ButtonSection = ({
 
   const extraActions = actions.slice(2);
   const initialActions = actions.slice(0, 2);
-  return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(ActionButtons, null, initialActions.map((action, index) => /*#__PURE__*/React.createElement(ActionButton, {
+  return /*#__PURE__*/React.createElement(ActionButtons, null, initialActions.map((action, index) => /*#__PURE__*/React.createElement(ActionButton, {
     action: action,
     analytics: analytics,
     index: index,
@@ -185,7 +184,7 @@ const ButtonSection = ({
   })), extraActions && /*#__PURE__*/React.createElement(ExtraActions, {
     actions: extraActions,
     analytics: analytics
-  })));
+  }));
 };
 
 const TeamProfilecardContent = ({

package/dist/es2019/styled/Card.js

@@ -1,7 +1,7 @@
 import styled, { css, keyframes } from 'styled-components';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
-import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
+import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
 
 const getFullNameMargin = props => props.noMeta ? `${gridSize() * 4.5}px 0 ${gridSize() * 1.5}px 0` : `${gridSize() * 1.5}px 0 0 0`;
 

package/dist/es2019/styled/Error.js

@@ -3,7 +3,7 @@ import { N200 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
 import { token } from '@atlaskit/tokens';
-import { errorIconColor, errorTextColor, errorTitleColor } from '../styled/constants';
+import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
 export const ErrorWrapper = styled.div`
   text-align: center;
   padding: ${gridSize() * 3}px;

package/dist/es2019/styled/ReportingLines.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
-import { appLabelTextColor } from '../styled/constants';
+import { appLabelTextColor } from './constants';
 export const ReportingLinesSection = styled.div`
   // Minor left margin to align better with existing icon fields
   margin-left: ${gridSize() / 2}px;

package/dist/es2019/styled/TeamCard.js

@@ -3,7 +3,7 @@ import { N20, N200 } from '@atlaskit/theme/colors';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
 import { token } from '@atlaskit/tokens';
-import { bgColor, teamHeaderBgColor } from '../styled/constants';
+import { bgColor, teamHeaderBgColor } from './constants';
 export const CardTriggerWrapper = styled.div`
   display: inherit;
 `;

package/dist/es2019/util/analytics.js

@@ -38,7 +38,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "17.2.3",
+    packageVersion: "17.2.4",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.2.3"
+	"version": "17.2.4"
 }

package/dist/esm/components/Team/TeamProfileCard.js

@@ -10,7 +10,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import AvatarGroup from '@atlaskit/avatar-group';
-import ButtonGroup from '@atlaskit/button/button-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
 import MoreIcon from '@atlaskit/icon/glyph/more';
@@ -208,7 +207,7 @@ var ButtonSection = function ButtonSection(_ref4) {
 
   var extraActions = actions.slice(2);
   var initialActions = actions.slice(0, 2);
-  return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(ActionButtons, null, initialActions.map(function (action, index) {
+  return /*#__PURE__*/React.createElement(ActionButtons, null, initialActions.map(function (action, index) {
     return /*#__PURE__*/React.createElement(ActionButton, {
       action: action,
       analytics: analytics,
@@ -218,7 +217,7 @@ var ButtonSection = function ButtonSection(_ref4) {
   }), extraActions && /*#__PURE__*/React.createElement(ExtraActions, {
     actions: extraActions,
     analytics: analytics
-  })));
+  }));
 };
 
 var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {

package/dist/esm/styled/Card.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import styled, { css, keyframes } from 'styled-components';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
-import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
+import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
 
 var getFullNameMargin = function getFullNameMargin(props) {
   return props.noMeta ? "".concat(gridSize() * 4.5, "px 0 ").concat(gridSize() * 1.5, "px 0") : "".concat(gridSize() * 1.5, "px 0 0 0");

package/dist/esm/styled/Error.js

@@ -7,7 +7,7 @@ import { N200 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
 import { token } from '@atlaskit/tokens';
-import { errorIconColor, errorTextColor, errorTitleColor } from '../styled/constants';
+import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
 export var ErrorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  padding: ", "px;\n  color: ", ";\n"])), gridSize() * 3, errorIconColor);
 export var ErrorTitle = styled.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", "px 0;\n"])), errorTitleColor, gridSize() * 3, gridSize);
 export var ErrorText = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), errorTextColor);

package/dist/esm/styled/ReportingLines.js

@@ -4,7 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
-import { appLabelTextColor } from '../styled/constants';
+import { appLabelTextColor } from './constants';
 export var ReportingLinesSection = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Minor left margin to align better with existing icon fields\n  margin-left: ", "px;\n  margin-top: ", "px;\n"])), gridSize() / 2, gridSize());
 export var ReportingLinesHeading = styled.h5(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  margin-bottom: ", "px;\n"])), appLabelTextColor, gridSize() * 1.5, gridSize());
 export var ManagerSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: ", "px ", "px;\n"])), gridSize() / 2, gridSize() / 2);

package/dist/esm/styled/TeamCard.js

@@ -7,7 +7,7 @@ import { N20, N200 } from '@atlaskit/theme/colors';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
 import { token } from '@atlaskit/tokens';
-import { bgColor, teamHeaderBgColor } from '../styled/constants';
+import { bgColor, teamHeaderBgColor } from './constants';
 export var CardTriggerWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inherit;\n"])));
 export var CardWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"])), bgColor, borderRadius, gridSize() * 40);
 var loadingImage = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.neutral', N20));

package/dist/esm/util/analytics.js

@@ -48,7 +48,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "17.2.3"
+      packageVersion: "17.2.4"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.2.3"
+	"version": "17.2.4"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "17.2.3",
+  "version": "17.2.4",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/profilecard"