@atlaskit/profilecard 18.1.2 → 18.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 18.1.3
+
+### Patch Changes
+
+- [`5e697be0410`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5e697be0410) - [ux] Fix team header image bug
+
 ## 18.1.2
 
 ### Patch Changes

package/dist/cjs/styled/TeamCard.js

@@ -29,8 +29,10 @@ var CardWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0
 
 exports.CardWrapper = CardWrapper;
 
-var CardHeader = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
-  return props.isLoading ? "var(--ds-background-neutral, ".concat(_colors.N20, ")") : props.image ? "url('".concat(props.image, "')") : _constants2.teamHeaderBgColor;
+var CardHeader = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
+  return props.isLoading ? "var(--ds-background-neutral, ".concat(_colors.N20, ")") : props.image ? '' : _constants2.teamHeaderBgColor;
+}, function (props) {
+  return props.image ? "url(".concat(props.image, ")") : '';
 }, (0, _constants.gridSize)() * 16);
 
 exports.CardHeader = CardHeader;

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: "18.1.2"
+      packageVersion: "18.1.3"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.1.2"
+	"version": "18.1.3"
 }

package/dist/es2019/styled/TeamCard.js

@@ -15,7 +15,8 @@ export const CardWrapper = styled.div`
   -moz-osx-font-smoothing: grayscale;
 `;
 export const CardHeader = styled.div`
-  background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? `url('${props.image}')` : teamHeaderBgColor};
+  background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
+  background-image: ${props => props.image ? `url(${props.image})` : ''};
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;

package/dist/es2019/util/analytics.js

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

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.1.2"
+	"version": "18.1.3"
 }

package/dist/esm/styled/TeamCard.js

@@ -9,8 +9,10 @@ import { h600 } from '@atlaskit/theme/typography';
 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);
-export var CardHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
-  return props.isLoading ? "var(--ds-background-neutral, ".concat(N20, ")") : props.image ? "url('".concat(props.image, "')") : teamHeaderBgColor;
+export var CardHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
+  return props.isLoading ? "var(--ds-background-neutral, ".concat(N20, ")") : props.image ? '' : teamHeaderBgColor;
+}, function (props) {
+  return props.image ? "url(".concat(props.image, ")") : '';
 }, gridSize() * 16);
 export var CardContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", "px;\n  min-height: ", "px;\n"])), gridSize() * 3, gridSize() * 13);
 export var TeamName = styled.h6(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", ";\n  text-transform: none;\n  overflow: hidden;\n  max-height: 48px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])), h600);

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: "18.1.2"
+      packageVersion: "18.1.3"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.1.2"
+	"version": "18.1.3"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "18.1.2",
+  "version": "18.1.3",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"