@atlaskit/logo 13.15.0 → 13.15.2

package/dist/esm/trello-logo/wordmark.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 import React from 'react';
 import { defaultLogoParams } from '../constants';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearanceOldLogos } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
@@ -10,7 +10,7 @@ var svg = function svg(_ref) {
     textColor: textColor
   };
   if (appearance) {
-    colors = getColorsFromAppearance(appearance);
+    colors = getColorsFromAppearanceOldLogos(appearance);
   }
   return "\n  <svg viewBox=\"0 0 68 32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <path fill=\"".concat(colors.textColor, "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M42.7193 23.7902C40.2194 23.7902 38.6445 22.5776 38.6445 19.7573V5H42.4858V19.2304C42.4858 20.0477 43.0277 20.3381 43.6834 20.3381C43.8724 20.3421 44.0615 20.3331 44.2493 20.3112V23.6315C43.7491 23.7552 43.2342 23.8086 42.7193 23.7902ZM12.6825 9.98505V6.37431H0V9.98505H4.2754V23.6825H8.40109V9.98505H12.6825ZM14.1201 23.6825H17.9344V16.6227C17.9344 14.464 19.1979 13.8053 21.8775 14.0149V10.027C19.8147 9.89522 18.656 10.973 17.9344 12.7904V10.2096H14.1201V23.6825ZM46.6604 19.7573C46.6604 22.5776 48.2322 23.7902 50.7322 23.7902C51.2491 23.809 51.766 23.7556 52.2681 23.6315V20.3112C52.0793 20.333 51.8893 20.342 51.6993 20.3381C51.0436 20.3381 50.5017 20.0477 50.5017 19.2304V5H46.6604V19.7573ZM54.1147 16.9402C54.1147 12.7786 56.5099 9.93129 60.6356 9.93129C64.7613 9.93129 67.1056 12.7845 67.1056 16.9402C67.1056 21.0958 64.7344 24 60.6356 24C56.5369 24 54.1147 21.0749 54.1147 16.9402ZM57.8512 16.9402C57.8512 18.9701 58.7015 20.5749 60.6356 20.5749C62.5697 20.5749 63.3691 18.9701 63.3691 16.9402C63.3691 14.9103 62.5428 13.3474 60.6356 13.3474C58.7285 13.3474 57.8662 14.9103 57.8662 16.9402H57.8512ZM30.248 18.3621C29.1727 18.3538 28.0984 18.2909 27.0295 18.1734C27.3828 20.0986 28.7959 20.7692 30.8498 20.7692C32.3707 20.7692 33.8558 20.3501 35.1701 19.9309V23.1734C33.7465 23.7133 32.2345 23.9824 30.7121 23.9668C25.5834 23.9668 23.314 21.4009 23.314 17.0806C23.314 12.934 25.9427 9.94 30.0504 9.94C33.1013 9.94 35.6372 12.0058 35.6372 14.7513C35.6372 17.5776 33.1671 18.3621 30.248 18.3621ZM31.9216 14.6166C31.9216 13.6136 31.0534 12.8801 29.9726 12.8801L29.9696 12.8711C29.4667 12.8789 28.9749 13.0206 28.545 13.2816C28.115 13.5426 27.7624 13.9135 27.5235 14.3561C27.2249 14.9118 27.0455 15.5236 26.9966 16.1525C27.6563 16.2551 28.3229 16.3081 28.9905 16.3112C30.5564 16.3112 31.9216 15.91 31.9216 14.6166Z\" />\n  </svg>\n  ");
 };

package/dist/esm/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/utils.js

@@ -1,7 +1,7 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { B200, B400, N0, N100, N400, N50, N600, N800 } from '@atlaskit/theme/colors';
 // TODO: This is where we need to add tokens for all appearance color values
-export var getColorsFromAppearance = function getColorsFromAppearance(appearance) {
+export var getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance) {
   var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
   switch (appearance) {
     case 'brand':
@@ -37,4 +37,51 @@ export var getColorsFromAppearance = function getColorsFromAppearance(appearance
     textColor: textColor,
     atlassianLogoTextColor: atlassianLogoTextColor
   };
+};
+export var getColorsFromAppearance = function getColorsFromAppearance(appearance, colorMode) {
+  var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
+  if (colorMode === 'dark') {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#357DE8';
+        textColor = '#E2E3E4';
+        atlassianLogoTextColor = '#357DE8';
+        break;
+      case 'neutral':
+        iconColor = '#96999E';
+        textColor = '#BFC1C4';
+        atlassianLogoTextColor = '#96999E';
+        break;
+      case 'inverse':
+        iconColor = '#101214';
+        textColor = '#101214';
+        atlassianLogoTextColor = '#101214';
+        break;
+    }
+  } else {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#1868DB';
+        textColor = '#101214';
+        atlassianLogoTextColor = '#1868DB';
+        break;
+      case 'neutral':
+        iconColor = '#6C6F77';
+        textColor = '#3B3D42';
+        atlassianLogoTextColor = '#6C6F77';
+        break;
+      case 'inverse':
+        iconColor = N0;
+        textColor = N0;
+        atlassianLogoTextColor = N0;
+        break;
+    }
+  }
+  return {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor,
+    textColor: textColor,
+    atlassianLogoTextColor: atlassianLogoTextColor
+  };
 };

package/dist/types/trello-logo/index.d.ts

@@ -1,3 +1,3 @@
 export { TrelloIcon } from './icon';
-export { AtlasLogo as TrelloLogo } from './logo';
+export { TrelloLogo } from './logo';
 export { TrelloWordmark } from './wordmark';

package/dist/types/trello-logo/logo.d.ts

@@ -9,4 +9,4 @@ import { LogoProps } from '../types';
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const AtlasLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
+export declare const TrelloLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;

package/dist/types/utils.d.ts

@@ -1,7 +1,14 @@
-export declare const getColorsFromAppearance: (appearance?: string) => {
+export declare const getColorsFromAppearanceOldLogos: (appearance?: string) => {
     iconGradientStart: string | undefined;
     iconGradientStop: string | undefined;
     iconColor: string | undefined;
     textColor: string | undefined;
     atlassianLogoTextColor: string | undefined;
 };
+export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
+    iconGradientStart: undefined;
+    iconGradientStop: undefined;
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/dist/types-ts4.5/trello-logo/index.d.ts

@@ -1,3 +1,3 @@
 export { TrelloIcon } from './icon';
-export { AtlasLogo as TrelloLogo } from './logo';
+export { TrelloLogo } from './logo';
 export { TrelloWordmark } from './wordmark';

package/dist/types-ts4.5/trello-logo/logo.d.ts

@@ -9,4 +9,4 @@ import { LogoProps } from '../types';
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const AtlasLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
+export declare const TrelloLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;

package/dist/types-ts4.5/utils.d.ts

@@ -1,7 +1,14 @@
-export declare const getColorsFromAppearance: (appearance?: string) => {
+export declare const getColorsFromAppearanceOldLogos: (appearance?: string) => {
     iconGradientStart: string | undefined;
     iconGradientStop: string | undefined;
     iconColor: string | undefined;
     textColor: string | undefined;
     atlassianLogoTextColor: string | undefined;
 };
+export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
+    iconGradientStart: undefined;
+    iconGradientStop: undefined;
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/hipchat-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/hipchat-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/hipchat-logo/icon.d.ts"
       ]

package/jira-core-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-core-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-core-logo/icon.d.ts"
       ]

package/jira-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-logo/icon.d.ts"
       ]

package/jira-service-desk-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-desk-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-desk-logo/icon.d.ts"
       ]

package/jira-service-management-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-management-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-management-logo/icon.d.ts"
       ]

package/jira-software-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-software-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-software-logo/icon.d.ts"
       ]

package/jra-service-desk-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-desk-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-desk-logo/icon.d.ts"
       ]

package/ops-genie-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/opsgenie-logo/old-icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/opsgenie-logo/old-icon.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/logo",
-  "version": "13.15.0",
+  "version": "13.15.2",
   "description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,9 +26,10 @@
     }
   },
   "dependencies": {
-    "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/ds-lib": "^2.3.0",
+    "@atlaskit/platform-feature-flags": "0.2.5",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-uid": "^2.2.0"
@@ -44,7 +45,7 @@
     "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -97,5 +98,10 @@
     ".": "./src/index.tsx"
   },
   "homepage": "https://atlassian.design/components/logo/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "platform-feature-flags": {
+    "platform.design-system-team.brand-refresh-update-product-logos_q7coo": {
+      "type": "boolean"
+    }
+  }
+}

package/statuspage-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/statuspage-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/statuspage-logo/icon.d.ts"
       ]

package/stride-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/stride-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/stride-logo/icon.d.ts"
       ]

package/trello-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/trello-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/trello-logo/icon.d.ts"
       ]