@atlaskit/profilecard 18.2.0 → 18.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 18.2.1
+
+### Patch Changes
+
+- [`20f162117fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/20f162117fb) - Remove usaged of themed for light and dark theme
+
 ## 18.2.0
 
 ### Minor Changes

package/dist/cjs/styled/Card.js

@@ -17,6 +17,8 @@ var _react2 = require("@emotion/react");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _colors = require("@atlaskit/theme/colors");
+
 var _constants = require("@atlaskit/theme/constants");
 
 var _constants2 = require("./constants");
@@ -106,12 +108,14 @@ var SpinnerContainer = _styled.default.div(_templateObject18 || (_templateObject
 
 exports.SpinnerContainer = SpinnerContainer;
 
-var CardContainer = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  ", "\n  overflow: hidden;\n"])), function (props) {
+var CardContainer = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  box-shadow: ", ";\n  border-radius: ", ";\n\n  overflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, (0, _constants.gridSize)() * 12, (0, _constants.gridSize)() * 3, function (props) {
-  return props.withoutElevation ? '' : "\n      box-shadow: ".concat(_constants2.boxShadow, ";\n      border-radius: ").concat(_constants.borderRadius, "px;\n    ");
+  return props.withoutElevation ? '' : "".concat("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"));
+}, function (props) {
+  return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
 });
 
 exports.CardContainer = CardContainer;

package/dist/cjs/styled/constants.js

@@ -1,87 +1,35 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.teamHeaderBgColor = exports.labelTextColor = exports.labelIconColor = exports.headerTextColorInactive = exports.headerTextColor = exports.headerBgColorDisabledUser = exports.headerBgColor = exports.errorTitleColor = exports.errorTextColor = exports.errorIconColor = exports.boxShadow = exports.bgColor = exports.appLabelTextColor = exports.appLabelBgColor = void 0;
-
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
-var _components = require("@atlaskit/theme/components");
+exports.teamHeaderBgColor = exports.labelTextColor = exports.labelIconColor = exports.headerTextColorInactive = exports.headerTextColor = exports.headerBgColorDisabledUser = exports.headerBgColor = exports.errorTitleColor = exports.errorTextColor = exports.errorIconColor = exports.bgColor = exports.appLabelTextColor = exports.appLabelBgColor = void 0;
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _colors = require("@atlaskit/theme/colors");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var bgColor = (0, _components.themed)({
-  light: "var(--ds-surface-overlay, ".concat(colors.N0, ")"),
-  dark: "var(--ds-surface-overlay, ".concat(colors.DN50, ")")
-});
+var bgColor = "var(--ds-surface-overlay, ".concat(_colors.N0, ")");
 exports.bgColor = bgColor;
-var headerBgColor = (0, _components.themed)({
-  light: "var(--ds-background-brand-bold, ".concat(colors.B500, ")"),
-  dark: "var(--ds-background-brand-bold, ".concat(colors.B100, ")")
-});
+var headerBgColor = "var(--ds-background-brand-bold, ".concat(_colors.B500, ")");
 exports.headerBgColor = headerBgColor;
-var teamHeaderBgColor = (0, _components.themed)({
-  light: "var(--ds-background-neutral, ".concat(colors.N50, ")"),
-  dark: "var(--ds-background-neutral, ".concat(colors.N50, ")")
-});
+var teamHeaderBgColor = "var(--ds-background-neutral, ".concat(_colors.N50, ")");
 exports.teamHeaderBgColor = teamHeaderBgColor;
-var headerBgColorDisabledUser = (0, _components.themed)({
-  light: "var(--ds-background-disabled, ".concat(colors.N30, ")"),
-  dark: "var(--ds-background-disabled, ".concat(colors.B100, ")")
-});
+var headerBgColorDisabledUser = "var(--ds-background-disabled, ".concat(_colors.N30, ")");
 exports.headerBgColorDisabledUser = headerBgColorDisabledUser;
-var headerTextColor = (0, _components.themed)({
-  light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
-  dark: "var(--ds-text-inverse, ".concat(colors.N0, ")")
-});
+var headerTextColor = "var(--ds-text-inverse, ".concat(_colors.N0, ")");
 exports.headerTextColor = headerTextColor;
-var headerTextColorInactive = (0, _components.themed)({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.N0, ")")
-});
+var headerTextColorInactive = "var(--ds-text, ".concat(_colors.N800, ")");
 exports.headerTextColorInactive = headerTextColorInactive;
-var appLabelBgColor = (0, _components.themed)({
-  light: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
-  dark: "var(--ds-background-neutral, ".concat(colors.N20, ")")
-});
+var appLabelBgColor = "var(--ds-background-neutral, ".concat(_colors.N20, ")");
 exports.appLabelBgColor = appLabelBgColor;
-var appLabelTextColor = (0, _components.themed)({
-  light: "var(--ds-text, ".concat(colors.N500, ")"),
-  dark: "var(--ds-text, ".concat(colors.N500, ")")
-});
+var appLabelTextColor = "var(--ds-text, ".concat(_colors.N500, ")");
 exports.appLabelTextColor = appLabelTextColor;
-var labelTextColor = (0, _components.themed)({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.DN900, ")")
-});
+var labelTextColor = "var(--ds-text, ".concat(_colors.N800, ")");
 exports.labelTextColor = labelTextColor;
-var labelIconColor = (0, _components.themed)({
-  light: "var(--ds-text-subtlest, ".concat(colors.N60, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(colors.DN100, ")")
-});
+var labelIconColor = "var(--ds-text-subtlest, ".concat(_colors.N60, ")");
 exports.labelIconColor = labelIconColor;
-var errorIconColor = (0, _components.themed)({
-  light: "var(--ds-text-disabled, ".concat(colors.N90, ")"),
-  dark: "var(--ds-text-disabled, ".concat(colors.DN90, ")")
-});
+var errorIconColor = "var(--ds-text-disabled, ".concat(_colors.N90, ")");
 exports.errorIconColor = errorIconColor;
-var errorTitleColor = (0, _components.themed)({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.DN800, ")")
-});
+var errorTitleColor = "var(--ds-text, ".concat(_colors.N800, ")");
 exports.errorTitleColor = errorTitleColor;
-var errorTextColor = (0, _components.themed)({
-  light: "var(--ds-text-subtlest, ".concat(colors.N90, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(colors.DN90, ")")
-});
-exports.errorTextColor = errorTextColor;
-var boxShadow = (0, _components.themed)({
-  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(colors.N50A, ", 0 0 1px ").concat(colors.N60A), ")"),
-  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(colors.DN50A, ", 0 0 1px ").concat(colors.DN60A), ")")
-});
-exports.boxShadow = boxShadow;
+var errorTextColor = "var(--ds-text-subtlest, ".concat(_colors.N90, ")");
+exports.errorTextColor = errorTextColor;

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.2.0"
+	"version": "18.2.1"
 }

package/dist/es2019/styled/Card.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
+import { N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
-import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
+import { appLabelBgColor, appLabelTextColor, bgColor, 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`;
 
@@ -173,12 +174,9 @@ export const CardContainer = styled.div`
   background-size: 100% ${gridSize() * 12}px;
   box-sizing: content-box;
   padding: ${gridSize() * 3}px;
-  ${props => {
-  return props.withoutElevation ? '' : `
-      box-shadow: ${boxShadow};
-      border-radius: ${borderRadius}px;
-    `;
-}}
+  box-shadow: ${props => props.withoutElevation ? '' : `${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`}`};
+  border-radius: ${props => props.withoutElevation ? '' : `${borderRadius()}px`};
+
   overflow: hidden;
 `;
 export const DetailsLabel = styled.div`

package/dist/es2019/styled/constants.js

@@ -1,58 +1,14 @@
-import * as colors from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-export const bgColor = themed({
-  light: `var(--ds-surface-overlay, ${colors.N0})`,
-  dark: `var(--ds-surface-overlay, ${colors.DN50})`
-});
-export const headerBgColor = themed({
-  light: `var(--ds-background-brand-bold, ${colors.B500})`,
-  dark: `var(--ds-background-brand-bold, ${colors.B100})`
-});
-export const teamHeaderBgColor = themed({
-  light: `var(--ds-background-neutral, ${colors.N50})`,
-  dark: `var(--ds-background-neutral, ${colors.N50})`
-});
-export const headerBgColorDisabledUser = themed({
-  light: `var(--ds-background-disabled, ${colors.N30})`,
-  dark: `var(--ds-background-disabled, ${colors.B100})`
-});
-export const headerTextColor = themed({
-  light: `var(--ds-text-inverse, ${colors.N0})`,
-  dark: `var(--ds-text-inverse, ${colors.N0})`
-});
-export const headerTextColorInactive = themed({
-  light: `var(--ds-text, ${colors.N800})`,
-  dark: `var(--ds-text, ${colors.N0})`
-});
-export const appLabelBgColor = themed({
-  light: `var(--ds-background-neutral, ${colors.N20})`,
-  dark: `var(--ds-background-neutral, ${colors.N20})`
-});
-export const appLabelTextColor = themed({
-  light: `var(--ds-text, ${colors.N500})`,
-  dark: `var(--ds-text, ${colors.N500})`
-});
-export const labelTextColor = themed({
-  light: `var(--ds-text, ${colors.N800})`,
-  dark: `var(--ds-text, ${colors.DN900})`
-});
-export const labelIconColor = themed({
-  light: `var(--ds-text-subtlest, ${colors.N60})`,
-  dark: `var(--ds-text-subtlest, ${colors.DN100})`
-});
-export const errorIconColor = themed({
-  light: `var(--ds-text-disabled, ${colors.N90})`,
-  dark: `var(--ds-text-disabled, ${colors.DN90})`
-});
-export const errorTitleColor = themed({
-  light: `var(--ds-text, ${colors.N800})`,
-  dark: `var(--ds-text, ${colors.DN800})`
-});
-export const errorTextColor = themed({
-  light: `var(--ds-text-subtlest, ${colors.N90})`,
-  dark: `var(--ds-text-subtlest, ${colors.DN90})`
-});
-export const boxShadow = themed({
-  light: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${colors.N50A}, 0 0 1px ${colors.N60A}`})`,
-  dark: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${colors.DN50A}, 0 0 1px ${colors.DN60A}`})`
-});
+import { B500, N0, N20, N30, N50, N500, N60, N800, N90 } from '@atlaskit/theme/colors';
+export const bgColor = `var(--ds-surface-overlay, ${N0})`;
+export const headerBgColor = `var(--ds-background-brand-bold, ${B500})`;
+export const teamHeaderBgColor = `var(--ds-background-neutral, ${N50})`;
+export const headerBgColorDisabledUser = `var(--ds-background-disabled, ${N30})`;
+export const headerTextColor = `var(--ds-text-inverse, ${N0})`;
+export const headerTextColorInactive = `var(--ds-text, ${N800})`;
+export const appLabelBgColor = `var(--ds-background-neutral, ${N20})`;
+export const appLabelTextColor = `var(--ds-text, ${N500})`;
+export const labelTextColor = `var(--ds-text, ${N800})`;
+export const labelIconColor = `var(--ds-text-subtlest, ${N60})`;
+export const errorIconColor = `var(--ds-text-disabled, ${N90})`;
+export const errorTitleColor = `var(--ds-text, ${N800})`;
+export const errorTextColor = `var(--ds-text-subtlest, ${N90})`;

package/dist/es2019/util/analytics.js

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

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.2.0"
+	"version": "18.2.1"
 }

package/dist/esm/styled/Card.js

@@ -6,8 +6,9 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import React from 'react';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
+import { N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
-import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
+import { appLabelBgColor, appLabelTextColor, bgColor, 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");
@@ -40,12 +41,14 @@ export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 ||
 export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 14px;\n  color: ", ";\n  margin: 0 0 ", "px 0;\n  line-height: ", "em;\n"])), headerTextColor, gridSize() * 1.5, 24 / 14);
 export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  padding: 0 6px;\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: 4px 0 ", "px 0;\n  line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), gridSize() * 1.5, 24 / 14);
 export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), gridSize() * 12);
-export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  ", "\n  overflow: hidden;\n"])), function (props) {
+export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  box-shadow: ", ";\n  border-radius: ", ";\n\n  overflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
 }, gridSize() * 12, gridSize() * 3, function (props) {
-  return props.withoutElevation ? '' : "\n      box-shadow: ".concat(boxShadow, ";\n      border-radius: ").concat(borderRadius, "px;\n    ");
+  return props.withoutElevation ? '' : "".concat("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"));
+}, function (props) {
+  return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
 });
 export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  line-height: ", "px;\n  font-size: ", "px;\n  margin: ", "px 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 1.5, gridSize() * 2, gridSize() / 4);
 export var DetailsLabelIcon = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", "px;\n  height: ", "px;\n  padding: ", "px;\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), labelIconColor, gridSize() * 2, gridSize() * 2, gridSize() / 2);

package/dist/esm/styled/constants.js

@@ -1,58 +1,14 @@
-import * as colors from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-export var bgColor = themed({
-  light: "var(--ds-surface-overlay, ".concat(colors.N0, ")"),
-  dark: "var(--ds-surface-overlay, ".concat(colors.DN50, ")")
-});
-export var headerBgColor = themed({
-  light: "var(--ds-background-brand-bold, ".concat(colors.B500, ")"),
-  dark: "var(--ds-background-brand-bold, ".concat(colors.B100, ")")
-});
-export var teamHeaderBgColor = themed({
-  light: "var(--ds-background-neutral, ".concat(colors.N50, ")"),
-  dark: "var(--ds-background-neutral, ".concat(colors.N50, ")")
-});
-export var headerBgColorDisabledUser = themed({
-  light: "var(--ds-background-disabled, ".concat(colors.N30, ")"),
-  dark: "var(--ds-background-disabled, ".concat(colors.B100, ")")
-});
-export var headerTextColor = themed({
-  light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
-  dark: "var(--ds-text-inverse, ".concat(colors.N0, ")")
-});
-export var headerTextColorInactive = themed({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.N0, ")")
-});
-export var appLabelBgColor = themed({
-  light: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
-  dark: "var(--ds-background-neutral, ".concat(colors.N20, ")")
-});
-export var appLabelTextColor = themed({
-  light: "var(--ds-text, ".concat(colors.N500, ")"),
-  dark: "var(--ds-text, ".concat(colors.N500, ")")
-});
-export var labelTextColor = themed({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.DN900, ")")
-});
-export var labelIconColor = themed({
-  light: "var(--ds-text-subtlest, ".concat(colors.N60, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(colors.DN100, ")")
-});
-export var errorIconColor = themed({
-  light: "var(--ds-text-disabled, ".concat(colors.N90, ")"),
-  dark: "var(--ds-text-disabled, ".concat(colors.DN90, ")")
-});
-export var errorTitleColor = themed({
-  light: "var(--ds-text, ".concat(colors.N800, ")"),
-  dark: "var(--ds-text, ".concat(colors.DN800, ")")
-});
-export var errorTextColor = themed({
-  light: "var(--ds-text-subtlest, ".concat(colors.N90, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(colors.DN90, ")")
-});
-export var boxShadow = themed({
-  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(colors.N50A, ", 0 0 1px ").concat(colors.N60A), ")"),
-  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(colors.DN50A, ", 0 0 1px ").concat(colors.DN60A), ")")
-});
+import { B500, N0, N20, N30, N50, N500, N60, N800, N90 } from '@atlaskit/theme/colors';
+export var bgColor = "var(--ds-surface-overlay, ".concat(N0, ")");
+export var headerBgColor = "var(--ds-background-brand-bold, ".concat(B500, ")");
+export var teamHeaderBgColor = "var(--ds-background-neutral, ".concat(N50, ")");
+export var headerBgColorDisabledUser = "var(--ds-background-disabled, ".concat(N30, ")");
+export var headerTextColor = "var(--ds-text-inverse, ".concat(N0, ")");
+export var headerTextColorInactive = "var(--ds-text, ".concat(N800, ")");
+export var appLabelBgColor = "var(--ds-background-neutral, ".concat(N20, ")");
+export var appLabelTextColor = "var(--ds-text, ".concat(N500, ")");
+export var labelTextColor = "var(--ds-text, ".concat(N800, ")");
+export var labelIconColor = "var(--ds-text-subtlest, ".concat(N60, ")");
+export var errorIconColor = "var(--ds-text-disabled, ".concat(N90, ")");
+export var errorTitleColor = "var(--ds-text, ".concat(N800, ")");
+export var errorTextColor = "var(--ds-text-subtlest, ".concat(N90, ")");

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

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.2.0"
+	"version": "18.2.1"
 }

package/dist/types/styled/constants.d.ts

@@ -1,14 +1,13 @@
-export declare const bgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-surface-overlay)">;
-export declare const headerBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-brand-bold)">;
-export declare const teamHeaderBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
-export declare const headerBgColorDisabledUser: import("@atlaskit/theme").ThemedValue<"var(--ds-background-disabled)">;
-export declare const headerTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-inverse)">;
-export declare const headerTextColorInactive: import("@atlaskit/theme").ThemedValue<"var(--ds-text)">;
-export declare const appLabelBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
-export declare const appLabelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text)">;
-export declare const labelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text)">;
-export declare const labelIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-subtlest)">;
-export declare const errorIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-disabled)">;
-export declare const errorTitleColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text)">;
-export declare const errorTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-subtlest)">;
-export declare const boxShadow: import("@atlaskit/theme").ThemedValue<"var(--ds-shadow-overlay)">;
+export declare const bgColor: "var(--ds-surface-overlay)";
+export declare const headerBgColor: "var(--ds-background-brand-bold)";
+export declare const teamHeaderBgColor: "var(--ds-background-neutral)";
+export declare const headerBgColorDisabledUser: "var(--ds-background-disabled)";
+export declare const headerTextColor: "var(--ds-text-inverse)";
+export declare const headerTextColorInactive: "var(--ds-text)";
+export declare const appLabelBgColor: "var(--ds-background-neutral)";
+export declare const appLabelTextColor: "var(--ds-text)";
+export declare const labelTextColor: "var(--ds-text)";
+export declare const labelIconColor: "var(--ds-text-subtlest)";
+export declare const errorIconColor: "var(--ds-text-disabled)";
+export declare const errorTitleColor: "var(--ds-text)";
+export declare const errorTextColor: "var(--ds-text-subtlest)";

package/package.json

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