@atlaskit/profilecard 15.7.1 → 16.0.0

package/dist/esm/styled/constants.js

@@ -1,54 +1,59 @@
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
+import { token } from '@atlaskit/tokens';
 export var bgColor = themed({
-  light: colors.N0,
-  dark: colors.DN50
+  light: token('color.background.overlay', colors.N0),
+  dark: token('color.background.overlay', colors.DN50)
 });
 export var headerBgColor = themed({
-  light: colors.B500,
-  dark: colors.B100
+  light: token('color.background.boldBrand.resting', colors.B500),
+  dark: token('color.background.boldBrand.resting', colors.B100)
 });
 export var teamHeaderBgColor = themed({
-  light: colors.N50,
-  dark: colors.N50
+  light: token('color.background.subtleNeutral.resting', colors.N50),
+  dark: token('color.background.subtleNeutral.resting', colors.N50)
 });
 export var headerBgColorDisabledUser = themed({
-  light: colors.N30,
-  dark: colors.B100
+  light: token('color.background.disabled', colors.N30),
+  dark: token('color.background.disabled', colors.B100)
 });
 export var headerTextColor = themed({
-  light: colors.N0,
-  dark: colors.N0
+  light: token('color.text.onBold', colors.N0),
+  dark: token('color.text.onBold', colors.N0)
 });
 export var headerTextColorInactive = themed({
-  light: colors.N800,
-  dark: colors.N0
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.N0)
 });
 export var appLabelBgColor = themed({
-  light: colors.N20,
-  dark: colors.N20
+  light: token('color.background.subtleNeutral.resting', colors.N20),
+  dark: token('color.background.subtleNeutral.resting', colors.N20)
 });
 export var appLabelTextColor = themed({
-  light: colors.N500,
-  dark: colors.N500
+  light: token('color.text.highEmphasis', colors.N500),
+  dark: token('color.text.highEmphasis', colors.N500)
 });
 export var labelTextColor = themed({
-  light: colors.N800,
-  dark: colors.DN900
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN900)
 });
 export var labelIconColor = themed({
-  light: colors.N60,
-  dark: colors.DN100
+  light: token('color.text.lowEmphasis', colors.N60),
+  dark: token('color.text.lowEmphasis', colors.DN100)
 });
 export var errorIconColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.disabled', colors.N90),
+  dark: token('color.text.disabled', colors.DN90)
 });
 export var errorTitleColor = themed({
-  light: colors.N800,
-  dark: colors.DN800
+  light: token('color.text.highEmphasis', colors.N800),
+  dark: token('color.text.highEmphasis', colors.DN800)
 });
 export var errorTextColor = themed({
-  light: colors.N90,
-  dark: colors.DN90
+  light: token('color.text.lowEmphasis', colors.N90),
+  dark: token('color.text.lowEmphasis', colors.DN90)
+});
+export var boxShadow = themed({
+  light: token('shadow.overlay', "0 4px 8px -2px ".concat(colors.N50A, ", 0 0 1px ").concat(colors.N60A)),
+  dark: token('shadow.overlay', "0 4px 8px -2px ".concat(colors.DN50A, ", 0 0 1px ").concat(colors.DN60A))
 });

package/dist/esm/util/analytics.js

@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "15.7.1"
+      packageVersion: "16.0.0"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "15.7.1"
+	"version": "16.0.0"
 }

package/dist/types/components/Error/ErrorIllustration.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ErrorIllustration: () => JSX.Element;

package/dist/types/components/Team/TeamLoadingState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AnalyticsFunction } from '../../types';
 declare const _default: (props: {
     analytics: AnalyticsFunction;

package/dist/types/components/Team/TeamProfileCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TeamProfilecardProps } from '../../types';
 declare const TeamProfileCard: (props: TeamProfilecardProps) => JSX.Element | null;
 export default TeamProfileCard;

package/dist/types/components/User/UserLoadingState.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const UserLoadingState: () => JSX.Element;
 export default UserLoadingState;

package/dist/types/i18n/index.d.ts

@@ -4,33 +4,33 @@
  * This file is automatically generated by i18n-tools.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-export { default as en_ZZ } from './en_ZZ';
+export { default as zh } from './zh';
+export { default as zh_TW } from './zh_TW';
 export { default as cs } from './cs';
 export { default as da } from './da';
-export { default as de } from './de';
-export { default as en } from './en';
-export { default as en_GB } from './en_GB';
-export { default as es } from './es';
+export { default as nl } from './nl';
 export { default as et } from './et';
 export { default as fi } from './fi';
 export { default as fr } from './fr';
+export { default as de } from './de';
 export { default as hu } from './hu';
-export { default as is } from './is';
 export { default as it } from './it';
 export { default as ja } from './ja';
 export { default as ko } from './ko';
 export { default as nb } from './nb';
-export { default as nl } from './nl';
 export { default as pl } from './pl';
 export { default as pt_BR } from './pt_BR';
 export { default as pt_PT } from './pt_PT';
-export { default as ro } from './ro';
 export { default as ru } from './ru';
 export { default as sk } from './sk';
+export { default as es } from './es';
 export { default as sv } from './sv';
 export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
-export { default as zh } from './zh';
-export { default as zh_TW } from './zh_TW';
+export { default as en_ZZ } from './en_ZZ';
+export { default as en } from './en';
+export { default as en_GB } from './en_GB';
+export { default as is } from './is';
+export { default as ro } from './ro';

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

@@ -1,13 +1,14 @@
-export declare const bgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const teamHeaderBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerBgColorDisabledUser: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const headerTextColorInactive: import("@atlaskit/theme").ThemedValue<string>;
-export declare const appLabelBgColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const appLabelTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const labelTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const labelIconColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorIconColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorTitleColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const errorTextColor: import("@atlaskit/theme").ThemedValue<string>;
+export declare const bgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-overlay)">;
+export declare const headerBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-boldBrand-resting)">;
+export declare const teamHeaderBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-subtleNeutral-resting)">;
+export declare const headerBgColorDisabledUser: import("@atlaskit/theme").ThemedValue<"var(--ds-background-disabled)">;
+export declare const headerTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-onBold)">;
+export declare const headerTextColorInactive: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const appLabelBgColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-subtleNeutral-resting)">;
+export declare const appLabelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const labelTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const labelIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-lowEmphasis)">;
+export declare const errorIconColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-disabled)">;
+export declare const errorTitleColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-highEmphasis)">;
+export declare const errorTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-lowEmphasis)">;
+export declare const boxShadow: import("@atlaskit/theme").ThemedValue<"var(--ds-overlay)">;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IntlShape } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 import TeamProfileCardClient from './client/TeamProfileCardClient';
 import UserProfileCardClient from './client/UserProfileCardClient';
 export interface ApiClientResponse {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "15.7.1",
+  "version": "16.0.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,27 +44,28 @@
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/lozenge": "^11.0.0",
-    "@atlaskit/menu": "^1.0.0",
+    "@atlaskit/menu": "^1.2.0",
     "@atlaskit/popup": "^1.1.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "date-fns": "^2.17.0",
     "lodash": "^4.17.15",
-    "lru-fast": "^0.2.2"
+    "lru-fast": "^0.2.2",
+    "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "peerDependencies": {
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.2.0",
+    "@atlaskit/dynamic-table": "^14.4.0",
     "@atlaskit/inline-edit": "^12.0.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/util-data-test": "^17.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^8.0.1",
     "enzyme": "^3.10.0",
@@ -83,6 +84,9 @@
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "theming": "tokens"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"