@atlaskit/logo 13.16.1 → 14.0.0

package/dist/es2019/trello-logo/icon.js

@@ -1,59 +1,22 @@
 /* eslint-disable max-len */
 import React from 'react';
-import { uid } from 'react-uid';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../constants';
-import { getColorsFromAppearance, getColorsFromAppearanceOldLogos } from '../utils';
+import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  iconGradientStart,
-  iconGradientStop,
   iconColor
 }, colorMode) => {
   let colors = {
-    iconGradientStart,
-    iconGradientStop,
     iconColor
   };
-  if (getBooleanFF('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    // Currently the user can style the trello icon using only iconGradientStop and iconGradientStart
-    // the following is used to mimic this edge case as these two props aren't used on the new logos
-    if (colors.iconColor === 'inherit') {
-      colors.iconColor = iconGradientStop;
-    }
-    if (appearance) {
-      colors = getColorsFromAppearance(appearance, colorMode);
-    }
-    return `<svg fill="none" height="32" viewBox="0 0 32 32" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance, colorMode);
+  }
+  return `<svg fill="none" height="32" viewBox="0 0 32 32" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
       <path fill=${colors.iconColor} clip-rule="evenodd" d="M24.286 5.337H7.714a2.585 2.585 0 0 0-2.585 2.585v16.572a2.585 2.585 0 0 0 2.585 2.584h16.572a2.585 2.585 0 0 0 2.585-2.584V7.922a2.585 2.585 0 0 0-2.585-2.585m-9.791 15.66a.86.86 0 0 1-.859.858h-3.634a.86.86 0 0 1-.859-.859V10.21a.86.86 0 0 1 .859-.86h3.634a.86.86 0 0 1 .859.86zm8.362-4.953a.86.86 0 0 1-.859.859h-3.634a.86.86 0 0 1-.859-.859V10.21a.86.86 0 0 1 .859-.86h3.634a.86.86 0 0 1 .859.86z" fill-rule="evenodd"/>
     </svg>`;
-  } else {
-    // Will be fixed upon removal of deprecated iconGradientStart and
-    // iconGradientStop props, or with React 18's useId() hook when we update.
-    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-    let id = uid({
-      iconGradientStart: iconGradientStop
-    });
-    if (appearance) {
-      colors = getColorsFromAppearanceOldLogos(appearance);
-    }
-    return `<svg viewBox="0 0 32 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
-      <defs>
-        <linearGradient id="${id}" x1="16.3382" y1="25.6824" x2="16.3382" y2="7.00599" gradientUnits="userSpaceOnUse">
-          <stop stop-color="${colors.iconGradientStart} "${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} />
-          <stop offset="100%" stop-color="${colors.iconGradientStop}"/>
-        </linearGradient>
-      </defs>
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M23.4579 7H9.21854C8.63014 7 8.06585 7.23374 7.64979 7.64979C7.23374 8.06585 7 8.63014 7 9.21854V23.4669C7 24.0553 7.23374 24.6196 7.64979 25.0356C8.06585 25.4517 8.63014 25.6854 9.21854 25.6854H23.4579C24.0463 25.6854 24.6106 25.4517 25.0266 25.0356C25.4427 24.6196 25.6764 24.0553 25.6764 23.4669V9.22452C25.6772 8.93268 25.6204 8.64354 25.5093 8.37369C25.3981 8.10383 25.2348 7.85855 25.0287 7.65191C24.8227 7.44527 24.5778 7.28131 24.3083 7.16945C24.0387 7.05758 23.7497 7 23.4579 7V7ZM15.0448 20.4729C15.0448 20.6685 14.9673 20.8561 14.8293 20.9947C14.6912 21.1333 14.5039 21.2116 14.3083 21.2124H11.1856C10.9897 21.2116 10.802 21.1334 10.6635 20.9949C10.525 20.8564 10.4469 20.6688 10.4461 20.4729V11.1916C10.4469 10.9957 10.525 10.808 10.6635 10.6695C10.802 10.531 10.9897 10.4528 11.1856 10.4521H14.3083C14.5039 10.4528 14.6912 10.5311 14.8293 10.6697C14.9673 10.8083 15.0448 10.996 15.0448 11.1916V20.4729ZM22.2304 16.2185C22.2296 16.4143 22.1514 16.602 22.0129 16.7405C21.8744 16.879 21.6867 16.9572 21.4908 16.958H18.3681C18.1725 16.9572 17.9852 16.8789 17.8471 16.7403C17.7091 16.6017 17.6316 16.4141 17.6316 16.2185V11.1916C17.6316 10.996 17.7091 10.8083 17.8471 10.6697C17.9852 10.5311 18.1725 10.4528 18.3681 10.4521H21.4908C21.6867 10.4528 21.8744 10.531 22.0129 10.6695C22.1514 10.808 22.2296 10.9957 22.2304 11.1916V16.2185Z"
-        fill="url(#${id})"
-      />
-    </svg>`;
-  }
 };
 
 /**
@@ -71,8 +34,6 @@ export const TrelloIcon = ({
   size = defaultLogoParams.size,
   testId,
   iconColor = defaultLogoParams.iconColor,
-  iconGradientStart = defaultLogoParams.iconGradientStart,
-  iconGradientStop = defaultLogoParams.iconGradientStop,
   textColor = defaultLogoParams.textColor
 }) => {
   const {
@@ -83,13 +44,9 @@ export const TrelloIcon = ({
     label: label,
     svg: svg({
       appearance,
-      iconGradientStart,
-      iconGradientStop,
       iconColor
     }, colorMode),
     iconColor: iconColor,
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     size: size,
     testId: testId,
     textColor: textColor

package/dist/es2019/trello-logo/index.js

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

package/dist/es2019/trello-logo/logo.js

@@ -1,82 +1,25 @@
 /* eslint-disable max-len */
 import React from 'react';
-import { uid } from 'react-uid';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../constants';
-import { getColorsFromAppearance, getColorsFromAppearanceOldLogos } from '../utils';
+import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  iconGradientStart,
-  iconGradientStop,
   iconColor,
   textColor
 }, colorMode) => {
   let colors = {
-    iconGradientStart,
-    iconGradientStop,
     iconColor,
     textColor
   };
-  if (getBooleanFF('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    // Currently the user can style the trello icon using only iconGradientStop and iconGradientStart
-    // the following is used to mimic this edge case as these two props aren't used on the new logos
-    if (colors.iconColor === 'inherit') {
-      colors.iconColor = iconGradientStop;
-    }
-    if (appearance) {
-      colors = getColorsFromAppearance(appearance, colorMode);
-    }
-    return `<svg fill="none" height="32" viewBox="0 0 106 32" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance, colorMode);
+  }
+  return `<svg fill="none" height="32" viewBox="0 0 106 32" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
       <path fill="${colors.iconColor}" clip-rule="evenodd" d="M19.157 4.67H2.585A2.585 2.585 0 0 0 0 7.255v16.572a2.585 2.585 0 0 0 2.585 2.585h16.572a2.585 2.585 0 0 0 2.584-2.585V7.255a2.585 2.585 0 0 0-2.584-2.585M9.365 20.33a.86.86 0 0 1-.858.858H4.873a.86.86 0 0 1-.859-.858V9.543c0-.475.385-.859.859-.859h3.634c.474 0 .858.385.858.86zm8.362-4.952a.86.86 0 0 1-.858.858h-3.634a.86.86 0 0 1-.859-.858V9.543c0-.475.385-.859.859-.859h3.634c.474 0 .858.385.858.86z" fill-rule="evenodd"/>
       <path fill="${colors.textColor}" d="M97.64 25.848c-4.6 0-7.298-3.404-7.298-8.004S93.04 9.9 97.64 9.9c4.57 0 7.238 3.342 7.238 7.942s-2.668 8.004-7.238 8.004m0-13.494c-3.281 0-4.722 2.576-4.722 5.49 0 2.913 1.44 5.55 4.722 5.55 3.251 0 4.662-2.637 4.662-5.55 0-2.914-1.411-5.49-4.662-5.49M88.874 25.51c-.215.062-.675.123-1.35.123-2.514 0-4.109-1.196-4.109-4.017V3.798h2.637V21.31c0 1.38.92 1.87 2.055 1.87.276 0 .46 0 .767-.03zm-7.996 0c-.215.062-.675.123-1.35.123-2.514 0-4.109-1.196-4.109-4.017V3.798h2.637V21.31c0 1.38.92 1.87 2.055 1.87.276 0 .46 0 .767-.03zM65.532 12.293c-2.79 0-4.202 1.81-4.478 4.477h8.556c-.153-2.852-1.44-4.477-4.078-4.477m5.888 12.635c-1.258.674-3.19.92-4.754.92-5.734 0-8.249-3.312-8.249-8.004 0-4.631 2.576-7.943 7.237-7.943 4.723 0 6.624 3.281 6.624 7.943v1.196H61.085c.368 2.606 2.055 4.293 5.673 4.293 1.78 0 3.282-.337 4.662-.828zm-19.48-8.434v9.047h-2.576V10.208h2.576v2.698c.89-1.809 2.423-3.097 5.428-2.913v2.576c-3.373-.337-5.428.675-5.428 3.925M32.943 5.393H48.03V8.03h-6.164v17.511h-2.76V8.031h-6.164z"/>
     </svg>`;
-  } else {
-    // Will be fixed upon removal of deprecated iconGradientStart and
-    // iconGradientStop props, or with React 18's useId() hook when we update.
-    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-    let id = uid({
-      iconGradientStart: iconGradientStop
-    });
-    if (appearance) {
-      colors = getColorsFromAppearanceOldLogos(appearance);
-    }
-    return `<svg
-      viewBox="0 0 94 32"
-      height="32"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      focusable="false"
-      aria-hidden="true"
-    >
-      <defs>
-        <linearGradient
-          id="${id}"
-          x1="9.33821"
-          y1="23.6824"
-          x2="9.33821"
-          y2="5.00599"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stop-color="${colors.iconGradientStart}" ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} offset="0%" />
-          <stop stop-color="${colors.iconGradientStop}" offset="100%" />
-        </linearGradient>
-    </defs>
-    <path
-      fill="${colors.textColor}"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M68.749 23.7902C66.249 23.7902 64.6742 22.5776 64.6742 19.7573V5H68.5155V19.2304C68.5155 20.0477 69.0574 20.3381 69.7131 20.3381C69.9021 20.3421 70.0911 20.3331 70.2789 20.3112V23.6315C69.7788 23.7552 69.2639 23.8086 68.749 23.7902ZM38.7121 9.98505V6.37431H26.0297V9.98505H30.3051V23.6825H34.4308V9.98505H38.7121ZM40.1498 23.6825H43.9641V16.6227C43.9641 14.464 45.2276 13.8053 47.9072 14.0149V10.027C45.8443 9.89522 44.6856 10.973 43.9641 12.7904V10.2096H40.1498V23.6825ZM72.6901 19.7573C72.6901 22.5776 74.2619 23.7902 76.7619 23.7902C77.2787 23.809 77.7957 23.7556 78.2978 23.6315V20.3112C78.109 20.333 77.9189 20.342 77.7289 20.3381C77.0732 20.3381 76.5313 20.0477 76.5313 19.2304V5H72.6901V19.7573ZM80.1444 16.9402C80.1444 12.7786 82.5396 9.93129 86.6653 9.93129C90.791 9.93129 93.1353 12.7845 93.1353 16.9402C93.1353 21.0958 90.764 24 86.6653 24C82.5665 24 80.1444 21.0749 80.1444 16.9402ZM83.8809 16.9402C83.8809 18.9701 84.7312 20.5749 86.6653 20.5749C88.5994 20.5749 89.3988 18.9701 89.3988 16.9402C89.3988 14.9103 88.5724 13.3474 86.6653 13.3474C84.7581 13.3474 83.8959 14.9103 83.8959 16.9402H83.8809ZM56.2777 18.3621C55.2023 18.3538 54.1281 18.2909 53.0592 18.1734C53.4124 20.0986 54.8256 20.7692 56.8795 20.7692C58.4004 20.7692 59.8854 20.3501 61.1998 19.9309V23.1734C59.7762 23.7133 58.2642 23.9824 56.7417 23.9668C51.6131 23.9668 49.3436 21.4009 49.3436 17.0806C49.3436 12.934 51.9723 9.94 56.0801 9.94C59.1309 9.94 61.6668 12.0058 61.6668 14.7513C61.6668 17.5776 59.1968 18.3621 56.2777 18.3621ZM57.9513 14.6166C57.9513 13.6136 57.0831 12.8801 56.0022 12.8801L55.9992 12.8711C55.4963 12.8789 55.0046 13.0206 54.5746 13.2816C54.1447 13.5426 53.7921 13.9135 53.5532 14.3561C53.2546 14.9118 53.0751 15.5236 53.0262 16.1525C53.686 16.2551 54.3525 16.3081 55.0202 16.3112C56.5861 16.3112 57.9513 15.91 57.9513 14.6166Z"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16.4579 5H2.21854C1.63014 5 1.06585 5.23374 0.649794 5.64979C0.233738 6.06585 0 6.63014 0 7.21854V21.4669C0 22.0553 0.233738 22.6196 0.649794 23.0356C1.06585 23.4517 1.63014 23.6854 2.21854 23.6854H16.4579C17.0463 23.6854 17.6106 23.4517 18.0266 23.0356C18.4427 22.6196 18.6764 22.0553 18.6764 21.4669V7.22452C18.6772 6.93268 18.6204 6.64354 18.5093 6.37369C18.3981 6.10383 18.2348 5.85855 18.0287 5.65191C17.8227 5.44527 17.5778 5.28131 17.3083 5.16945C17.0387 5.05758 16.7497 5 16.4579 5V5ZM8.04481 18.4729C8.04481 18.6685 7.96731 18.8561 7.82927 18.9947C7.69123 19.1333 7.50391 19.2116 7.30829 19.2124H4.18558C3.98969 19.2116 3.80205 19.1334 3.66353 18.9949C3.52502 18.8564 3.44685 18.6688 3.44607 18.4729V9.19157C3.44685 8.99568 3.52502 8.80804 3.66353 8.66952C3.80205 8.53101 3.98969 8.45284 4.18558 8.45205H7.30829C7.50391 8.45285 7.69123 8.53111 7.82927 8.66971C7.96731 8.80831 8.04481 8.99595 8.04481 9.19157V18.4729ZM15.2304 14.2185C15.2296 14.4143 15.1514 14.602 15.0129 14.7405C14.8744 14.879 14.6867 14.9572 14.4908 14.958H11.3681C11.1725 14.9572 10.9852 14.8789 10.8471 14.7403C10.7091 14.6017 10.6316 14.4141 10.6316 14.2185V9.19157C10.6316 8.99595 10.7091 8.80831 10.8471 8.66971C10.9852 8.53111 11.1725 8.45285 11.3681 8.45205H14.4908C14.6867 8.45284 14.8744 8.53101 15.0129 8.66952C15.1514 8.80804 15.2296 8.99568 15.2304 9.19157V14.2185Z"
-      fill="url(#${id})"
-    />
-  </svg>`;
-  }
 };
 
 /**
@@ -94,8 +37,6 @@ export const TrelloLogo = ({
   size = defaultLogoParams.size,
   testId,
   iconColor = defaultLogoParams.iconColor,
-  iconGradientStart = defaultLogoParams.iconGradientStart,
-  iconGradientStop = defaultLogoParams.iconGradientStop,
   textColor = defaultLogoParams.textColor
 }) => {
   const {
@@ -105,13 +46,9 @@ export const TrelloLogo = ({
     appearance: appearance,
     label: label,
     iconColor: iconColor,
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     size: size,
     svg: svg({
       appearance,
-      iconGradientStart,
-      iconGradientStop,
       textColor
     }, colorMode),
     testId: testId,

package/dist/es2019/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';
+import { B200, B400, N0, N100, N400, N600, N800 } from '@atlaskit/theme/colors';
 // TODO: This is where we need to add tokens for all appearance color values
-export const getColorsFromAppearanceOldLogos = appearance => {
+export const getColorsFromAppearanceOldLogos = (appearance, colorMode) => {
   let iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
   switch (appearance) {
     case 'brand':
@@ -23,13 +23,20 @@ export const getColorsFromAppearanceOldLogos = appearance => {
       atlassianLogoTextColor = N400;
       break;
     case 'inverse':
-      iconGradientStart = N50;
-      iconGradientStop = N0;
-      iconColor = N0;
-      textColor = `var(--ds-text-inverse, ${N0})`;
-      atlassianLogoTextColor = `var(--ds-text-inverse, ${N0})`;
+      iconGradientStart = '#FFFFFF66';
+      iconGradientStop = '#FFFFFF';
+      iconColor = '#FFFFFF';
+      textColor = '#FFFFFF';
+      atlassianLogoTextColor = '#FFFFFF';
       break;
   }
+  if (colorMode === 'dark' && appearance === 'inverse') {
+    iconGradientStart = '#161A1D66';
+    iconGradientStop = '#161A1D';
+    iconColor = '#161A1D';
+    textColor = '#161A1D';
+    atlassianLogoTextColor = '#161A1D';
+  }
   return {
     iconGradientStart,
     iconGradientStop,
@@ -39,7 +46,7 @@ export const getColorsFromAppearanceOldLogos = appearance => {
   };
 };
 export const getColorsFromAppearance = (appearance, colorMode) => {
-  let iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
+  let iconColor, textColor, atlassianLogoTextColor;
   if (colorMode === 'dark') {
     switch (appearance) {
       case 'brand':
@@ -78,10 +85,31 @@ export const getColorsFromAppearance = (appearance, colorMode) => {
     }
   }
   return {
-    iconGradientStart,
-    iconGradientStop,
     iconColor,
     textColor,
     atlassianLogoTextColor
   };
+};
+export const getColorsForLoom = (appearance, colorMode) => {
+  let iconColor = getColorsFromAppearance(appearance, colorMode).iconColor;
+  let textColor = getColorsFromAppearance(appearance, colorMode).textColor;
+  if (colorMode === 'dark') {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#625DF5';
+        textColor = '#EFF0FF';
+        break;
+    }
+  } else {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#625DF5';
+        textColor = '#252434';
+        break;
+    }
+  }
+  return {
+    iconColor,
+    textColor
+  };
 };

package/dist/es2019/wrapper.js

@@ -42,18 +42,19 @@ const Wrapper = ({
   svg,
   size,
   appearance,
-  iconGradientStart,
-  iconGradientStop,
   iconColor,
   textColor,
   testId: userDefinedTestId,
   ...rest
 }) => {
-  const shouldApplyStopColor = iconGradientStart === 'inherit' && iconGradientStop === 'inherit' && appearance === undefined;
+  // Only required for old logos with gradients, which set gradient values to `inherit` when no appearance is provided
+  const shouldApplyStopColor = appearance === undefined;
   const testId = userDefinedTestId && `${userDefinedTestId}--wrapper`;
   return jsx("span", _extends({
     css: [baseWrapperStyles, shouldApplyStopColor && stopColorStyles, size && sizeStyles[size]],
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       [CSS_VAR_COLOR]: iconColor,
       [CSS_VAR_FILL]: textColor

package/dist/esm/atlas-logo/icon.js

@@ -1,50 +1,16 @@
 /* eslint-disable max-len */
 import React from 'react';
-import { uid } from 'react-uid';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance;
-  if (getBooleanFF('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);
-    return "<svg viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g fill=\"".concat(colors.iconColor, "\">\n      <path d=\"M16 28.532c-6.656 0-12.068-5.412-12.068-12.068S9.344 4.396 16 4.396v1.921c-5.597 0-10.146 4.549-10.146 10.146S10.403 26.609 16 26.609zm0 0v-1.921c5.597 0 10.146-4.549 10.146-10.146h1.921c0 6.656-5.412 12.068-12.068 12.068zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V4.397c6.656 0 12.068 5.412 12.068 12.068zm-6.928 3.695c-1.28-.251-2.292-.706-3.973-1.467-.464-.204-.974-.436-1.559-.696a59 59 0 0 0-1.003-.436c-2.534-1.123-3.926-1.736-5.634-1.736-1.198 0-2.098.325-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.706 1.606.724 2.488 1.123 3.555 1.327l-.371 1.885Zm1.877.185c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.149 1.504.149 1.188 0 2.089-.298 2.609-.864s.539-1.253.51-1.615l1.913-.167c.102 1.169-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485M16 28.532v-1.921c2.757 0 4.4-2.813 4.4-7.52s-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.476 5.616 13.618 0 5.821-2.423 9.441-6.322 9.441m-.001 0c-4.15 0-6.526-3.379-6.526-9.273 0-6.879 3.008-10.722 5.82-13.776l1.412 1.299c-3.277 3.565-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352z\"/>\n      <path d=\"M10.857 17.467a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.871a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M15.998 7.96a2.247 2.247 0 1 0 0-4.493 2.247 2.247 0 0 0 0 4.494Z\"/>\n    </g>\n  </svg>");
-  } else {
-    // Will be fixed upon removal of deprecated iconGradientStart and
-    // iconGradientStop props, or with React 18's useId() hook when we update.
-    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-    var id = uid({
-      appearance: appearance
-    });
-
-    // Brand
-    var _colors = {
-      iconGradientStart: '#1D7AFC',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      iconGradientMid: B400,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      iconGradientStop: B400
-    };
-    if (appearance === 'neutral') {
-      _colors = {
-        iconGradientStart: '#758195',
-        iconGradientMid: '#596A85',
-        iconGradientStop: '#2C3E5D'
-      };
-    }
-    var baseIconContents = "\n    <linearGradient\n      id=\"".concat(id, "-a\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"10.6592\"\n      x2=\"9.74055\"\n      y1=\"28.7353\"\n      y2=\"4.626\"\n    >\n      <stop offset=\".5\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-b\">\n      <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientMid, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-c\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"28.2733\"\n      x2=\"17.5886\"\n      xlink:href=\"#").concat(id, "-b\"\n      y1=\"17.5235\"\n      y2=\"28.5702\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-d\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"22.0338\"\n      x2=\"22.0338\"\n      y1=\"4.39582\"\n      y2=\"16.4638\"\n    >\n      <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\".59\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-e\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"4.04047\"\n      x2=\"21.5118\"\n      y1=\"17.0305\"\n      y2=\"17.0305\"\n    >\n      <stop offset=\".26\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-f\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"23.0712\"\n      x2=\"26.8865\"\n      xlink:href=\"#").concat(id, "-b\"\n      y1=\"19.8515\"\n      y2=\"15.7949\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-g\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"18.8126\"\n      x2=\"18.8126\"\n      y1=\"28.5318\"\n      y2=\"5.47314\"\n    >\n      <stop offset=\".36\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-h\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"13.0887\"\n      x2=\"13.0887\"\n      y1=\"28.5318\"\n      y2=\"5.48176\"\n    >\n      <stop offset=\".06\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\".58\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n    </linearGradient>\n    <path\n      d=\"m15.9999 28.532c-6.65602 0-12.06802-5.412-12.06802-12.068s5.412-12.068 12.06802-12.068v1.92133c-5.5973 0-10.14602 4.54867-10.14602 10.14597 0 5.5974 4.54872 10.146 10.14602 10.146v1.9214z\"\n      fill=\"url(#").concat(id, "-a)\"\n    />\n    <path\n      d=\"m15.9999 28.5322v-1.9214c5.5974 0 10.146-4.5486 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n      fill=\"url(#").concat(id, "-c)\"\n    />\n    <path\n      d=\"m28.0678 16.4638h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92134c6.656 0 12.068 5.41201 12.068 12.06802z\"\n      fill=\"url(#").concat(id, "-d)\"\n    />\n    <path\n      d=\"m21.1405 20.1585c-1.2814-.2506-2.2927-.7053-3.9734-1.4666-.464-.204-.9746-.436-1.5593-.696-.3527-.158-.6773-.2974-1.0027-.436-2.534-1.1234-3.9266-1.736-5.63463-1.736-1.19733 0-2.098.3246-2.59933.9373-.34334.4087-.48267.9373-.38067 1.448l-1.88467.362c-.204-1.0767.074-2.1813.78-3.0353.61267-.7427 1.81934-1.634 4.08467-1.634 2.11663 0 3.82463.7613 6.41463 1.9033.3154.1393.6407.288.9934.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1234 3.5553 1.3274z\"\n      fill=\"url(#").concat(id, "-e)\"\n    />\n    <path\n      d=\"m23.0172 20.3442c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n      fill=\"url(#").concat(id, "-f)\"\n    />\n    <path\n      d=\"m16 28.5318v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.652-5.096-12.29996l1.402-1.318c3.778 4.01934 5.616 8.47536 5.616 13.61796 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n      fill=\"url(#").concat(id, "-g)\"\n    />\n    <path\n      d=\"m15.9987 28.5318c-4.1494 0-6.52604-3.3787-6.52604-9.2734 0-6.8786 3.00804-10.72198 5.82064-13.77598l1.4114 1.29934c-3.2767 3.56464-5.31 6.88804-5.31 12.47604 0 6.08 2.5066 7.352 4.6046 7.352v1.9213z\"\n      fill=\"url(#").concat(id, "-h)\"\n    />\n    <g fill=\"").concat(_colors.iconGradientStart, "\">\n      <path\n        d=\"m10.8565 17.4665c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467c-1.24064 0-2.24664 1.006-2.24664 2.2467s1.006 2.2467 2.24664 2.2467z\"\n      />\n      <path\n        d=\"m21.2418 21.3381c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n      />\n      <path\n        d=\"m15.9979 7.96062c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.2467 1.006-2.2467 2.24666c0 1.24067 1.006 2.24667 2.2467 2.24667z\"\n      />\n    </g>");
-
-    /**
-     * inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
-     */
-    var inverseIconContents = "\n      <linearGradient id=\"".concat(id, "-inverse-a\" gradientUnits=\"userSpaceOnUse\" x1=\"13.1575\" x2=\"8.62613\" y1=\"25.3248\"\n      y2=\"5.13609\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-b\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"10.6926\" x2=\"20.4159\" xlink:href=\"#").concat(id, "-inverse-b\"\n      y1=\"15.0061\" y2=\"18.9068\" />\n    <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"22.7236\" x2=\"20.8289\" xlink:href=\"#").concat(id, "-inverse-b\"\n      y1=\"3.59276\" y2=\"23.2521\" />\n    <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"18.8186\" x2=\"18.8186\" y1=\"28.5366\"\n      y2=\"5.46924\">    <stop offset=\".1\" stop-color=\"#fff\" />\n      <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"12.5694\" x2=\"13.9441\" y1=\"5.09736\"\n      y2=\"26.7354\">\n      <stop offset=\".03\" stop-color=\"#fff\" />\n      <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n      <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n      <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n      <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n      <stop offset=\".94\" stop-color=\"#fff\" />\n    </linearGradient>\n    <path\n      d=\"m16.0048 6.31409v-1.922c-6.65867 0-12.07267 5.414-12.07267 12.07201 0 .6873.06533 1.356.16733 2.0153 0 .028 0 .0654.00934.0927 1.00266 5.6553 5.9433 9.9647 11.8867 9.9647v-1.922c-5.0334 0-9.22137-3.6774-10.0107-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.6033-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.02404-8.29271 9.98264-8.29271z\"\n      fill=\"url(#").concat(id, "-inverse-a)\" />\n    <path\n      d=\"m17.9639 16.9475c-.464-.204-.9847-.446-1.5787-.706-.3433-.1487-.678-.2974-.9933-.4367-1.8013-.7987-3.1853-1.4113-4.5687-1.6993v1.9686c1.0494.2787 2.1914.78 3.7887 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6806.752 2.6933 1.2073 3.9746 1.4673l.3714-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n      fill=\"url(#").concat(id, "-inverse-c)\" />\n    <path\n      d=\"m28.0683 16.2508v-.4734c-.3714-6.34264-5.6367-11.38531-12.0634-11.38531v1.922c5.5254 0 10.0294 4.42931 10.1407 9.92731-.0093.3807-.1207.882-.52 1.3187-.52.5667-1.4207.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0586 0 1.8946-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n      fill=\"url(#").concat(id, "-inverse-d)\" />\n    <path\n      d=\"m16.0046 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n      fill=\"url(#").concat(id, "-inverse-e)\" />\n    <path\n      d=\"m16.0047 28.5367c-4.1513 0-6.52863-3.38-6.52863-9.2773 0-6.8814 3.00863-10.72604 5.82263-13.78137l1.4114 1.3c-3.278 3.56597-5.312 6.89067-5.312 12.48137 0 6.0826 2.5073 7.3546 4.606 7.3546v1.922z\"\n      fill=\"url(#").concat(id, "-inverse-f)\" />\n    <g fill=\"#fff\">\n      <path\n        d=\"m10.8601 17.4673c1.2412 0 2.2474-1.0061 2.2474-2.2473s-1.0062-2.2473-2.2474-2.2473c-1.24114 0-2.24731 1.0061-2.24731 2.2473s1.00617 2.2473 2.24731 2.2473z\" />\n      <path\n        d=\"m21.2512 21.3399c1.2412 0 2.2474-1.0062 2.2474-2.2474 0-1.2411-1.0062-2.2473-2.2474-2.2473-1.2411 0-2.2473 1.0062-2.2473 2.2473 0 1.2412 1.0062 2.2474 2.2473 2.2474z\" />\n      <path\n        d=\"m16.0047 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.2474 1.00616-2.2474 2.24733s1.0062 2.24734 2.2474 2.24734z\" />\n    </g>");
-    return "<svg\n    fill=\"none\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n  </svg>");
-  }
+  var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);
+  return "<svg viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g fill=\"".concat(colors.iconColor, "\">\n      <path d=\"M16 28.532c-6.656 0-12.068-5.412-12.068-12.068S9.344 4.396 16 4.396v1.921c-5.597 0-10.146 4.549-10.146 10.146S10.403 26.609 16 26.609zm0 0v-1.921c5.597 0 10.146-4.549 10.146-10.146h1.921c0 6.656-5.412 12.068-12.068 12.068zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V4.397c6.656 0 12.068 5.412 12.068 12.068zm-6.928 3.695c-1.28-.251-2.292-.706-3.973-1.467-.464-.204-.974-.436-1.559-.696a59 59 0 0 0-1.003-.436c-2.534-1.123-3.926-1.736-5.634-1.736-1.198 0-2.098.325-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.706 1.606.724 2.488 1.123 3.555 1.327l-.371 1.885Zm1.877.185c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.149 1.504.149 1.188 0 2.089-.298 2.609-.864s.539-1.253.51-1.615l1.913-.167c.102 1.169-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485M16 28.532v-1.921c2.757 0 4.4-2.813 4.4-7.52s-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.476 5.616 13.618 0 5.821-2.423 9.441-6.322 9.441m-.001 0c-4.15 0-6.526-3.379-6.526-9.273 0-6.879 3.008-10.722 5.82-13.776l1.412 1.299c-3.277 3.565-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352z\"/>\n      <path d=\"M10.857 17.467a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.871a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M15.998 7.96a2.247 2.247 0 1 0 0-4.493 2.247 2.247 0 0 0 0 4.494Z\"/>\n    </g>\n  </svg>");
 };
 
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /**
  * __Atlas logo__
  *
@@ -53,6 +19,8 @@ var svg = function svg(_ref, colorMode) {
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
+ *
+ * @deprecated AtlasIcon is deprecated and will be removed from atlaskit/logo in the next major release.
  */
 export var AtlasIcon = function AtlasIcon(_ref2) {
   var appearance = _ref2.appearance,

package/dist/esm/atlas-logo/logo.js

@@ -1,52 +1,16 @@
 /* eslint-disable max-len */
 import React from 'react';
-import { uid } from 'react-uid';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { B400 } from '@atlaskit/theme/colors';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance;
-  if (getBooleanFF('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);
-    return "<svg viewBox=\"0 0 102 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M12.068 27.865C5.412 27.865 0 22.453 0 15.797S5.412 3.73 12.068 3.73v1.922c-5.597 0-10.146 4.548-10.146 10.146 0 5.597 4.549 10.145 10.146 10.145z M12.068 27.865v-1.92c5.597 0 10.146-4.55 10.146-10.147h1.921c0 6.656-5.412 12.068-12.068 12.068h.001Zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V3.73c6.656 0 12.068 5.412 12.068 12.068zm-6.927 3.695c-1.282-.25-2.293-.705-3.974-1.466-.464-.204-.974-.436-1.559-.696a58 58 0 0 0-1.003-.436C8.14 15.77 6.747 15.158 5.04 15.158c-1.198 0-2.098.324-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.705 1.606.724 2.488 1.124 3.555 1.328l-.371 1.884Z M19.085 19.677c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.15 1.504.15 1.188 0 2.089-.298 2.609-.864s.539-1.254.51-1.616l1.913-.167c.102 1.17-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485 M12.068 27.865v-1.92c2.757 0 4.4-2.814 4.4-7.52 0-4.707-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.475 5.616 13.618 0 5.82-2.423 9.44-6.322 9.44 M12.067 27.866c-4.15 0-6.526-3.379-6.526-9.274 0-6.878 3.008-10.722 5.82-13.776l1.412 1.3c-3.277 3.564-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352v1.921Z\" fill=\"".concat(colors.iconColor, "\"/>\n      <path d=\"M6.925 16.8a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.872a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M12.066 7.294a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494\" fill=\"").concat(colors.iconColor, "\"/>\n      <path d=\"M101.019 21.163c0 2.545-1.656 4.477-5.766 4.477-2.3 0-4.17-.521-5.336-1.135v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.067-.828 3.067-2.024 0-1.165-.89-1.84-3.803-2.545-3.404-.828-4.845-2.147-4.845-4.661 0-2.668 2.054-4.294 5.55-4.294 1.994 0 3.803.491 4.938 1.104v2.73c-1.84-.92-3.343-1.411-4.968-1.411-1.932 0-2.975.675-2.975 1.87 0 1.074.736 1.749 3.557 2.423 3.404.828 5.122 2.086 5.122 4.754m-25.873-3.496c0 3.68 1.472 5.52 4.2 5.52 2.362 0 4.478-1.503 4.478-4.907v-1.227c0-3.404-1.932-4.906-4.17-4.906-2.975 0-4.508 1.962-4.508 5.52m8.678 7.666v-2.76c-.981 2.024-2.821 3.067-5.182 3.067-4.08 0-6.134-3.465-6.134-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V10h2.638v15.333zm-12.784-.03c-.214.061-.674.122-1.349.122-2.514 0-4.11-1.196-4.11-4.017V3.591h2.638V21.1c0 1.38.92 1.871 2.055 1.871.276 0 .46 0 .767-.03v2.36ZM58.12 20.58c0 1.35.798 2.27 2.423 2.27.614 0 1.196-.123 1.656-.215v2.545a6.3 6.3 0 0 1-1.779.245c-3.28 0-4.876-1.932-4.876-4.784v-8.188h-2.483V10h2.483V6.75h2.577V10h4.078v2.453h-4.078v8.127Zm-14.675.736c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.81.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\" fill=\"").concat(colors.textColor, "\"/>\n    </svg>");
-  } else {
-    // Will be fixed upon removal of deprecated iconGradientStart and
-    // iconGradientStop props, or with React 18's useId() hook when we update.
-    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-    var id = uid({
-      appearance: appearance
-    });
-    // Brand
-    var _colors = {
-      iconGradientStart: '#1d7afc',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      iconGradientStop: B400,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      textColor: B400,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      iconGradientMid: B400
-    };
-    if (appearance === 'neutral') {
-      _colors = {
-        iconGradientStart: '#758195',
-        iconGradientStop: '#2c3e5d',
-        textColor: '#758195',
-        iconGradientMid: '#596a85'
-      };
-    }
-    var baseIconContents = "\n    <linearGradient\n      id=\"".concat(id, "-a\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"6.72733\"\n      x2=\"5.808\"\n      y1=\"28.2142\"\n      y2=\"4.10482\"\n    >\n      <stop offset=\".5\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-b\">\n      <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientMid, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-c\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"24.3414\"\n      x2=\"13.6567\"\n      xlink:href=\"#").concat(id, "-b\"\n      y1=\"17.0027\"\n      y2=\"28.0494\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-d\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"18.1021\"\n      x2=\"18.1021\"\n      y1=\"3.87549\"\n      y2=\"15.9428\"\n    >\n      <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\".59\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-e\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\".108585\"\n      x2=\"17.5793\"\n      y1=\"16.5093\"\n      y2=\"16.5093\"\n    >\n      <stop offset=\".26\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-f\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"19.1392\"\n      x2=\"22.9546\"\n      xlink:href=\"#").concat(id, "-b\"\n      y1=\"19.33\"\n      y2=\"15.2734\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-g\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"14.8807\"\n      x2=\"14.8807\"\n      y1=\"28.0108\"\n      y2=\"4.95215\"\n    >\n      <stop offset=\".36\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-h\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"9.15677\"\n      x2=\"9.15677\"\n      y1=\"28.0108\"\n      y2=\"4.96143\"\n    >\n      <stop offset=\".06\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n      <stop offset=\".58\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-i\">\n      <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n      <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n    </linearGradient>\n    <linearGradient\n      id=\"").concat(id, "-j\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"95.6987\"\n      x2=\"29.214\"\n      xlink:href=\"#").concat(id, "-i\"\n      y1=\"-1.89809\"\n      y2=\"20.5853\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-k\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"97.0621\"\n      x2=\"30.5774\"\n      xlink:href=\"#").concat(id, "-i\"\n      y1=\"2.12082\"\n      y2=\"24.6042\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-l\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"97.5167\"\n      x2=\"31.0327\"\n      xlink:href=\"#").concat(id, "-i\"\n      y1=\"3.47941\"\n      y2=\"25.9627\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-m\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"101.28\"\n      x2=\"34.7954\"\n      xlink:href=\"#").concat(id, "-i\"\n      y1=\"14.583\"\n      y2=\"37.075\"\n    />\n    <linearGradient\n      id=\"").concat(id, "-n\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"99.9401\"\n      x2=\"33.4561\"\n      xlink:href=\"#").concat(id, "-i\"\n      y1=\"10.6227\"\n      y2=\"33.106\"\n    />\n    <path\n      d=\"m12.068 28.0108c-6.656 0-12.068-5.412-12.068-12.068 0-6.65598 5.412-12.06731 12.068-12.06731v1.92133c-5.59733 0-10.146 4.54868-10.146 10.14598 0 5.5974 4.54867 10.146 10.146 10.146v1.9214z\"\n      fill=\"url(#").concat(id, "-a)\"\n    />\n    <path\n      d=\"m12.068 28.0107v-1.9213c5.5974 0 10.146-4.5487 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n      fill=\"url(#").concat(id, "-c)\"\n    />\n    <path\n      d=\"m24.1354 15.9428h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92133c6.656 0 12.068 5.412 12.068 12.06801z\"\n      fill=\"url(#").concat(id, "-d)\"\n    />\n    <path\n      d=\"m17.2086 19.638c-1.2813-.2507-2.2927-.7053-3.9733-1.4667-.464-.204-.9747-.436-1.5594-.696-.3526-.158-.6773-.2973-1.0026-.436-2.53405-1.1233-3.92671-1.736-5.63471-1.736-1.19734 0-2.098.3247-2.59934.9374-.34333.4086-.48266.9373-.38066 1.448l-1.884671.362c-.2040002-1.0767.074-2.1814.78-3.0354.612671-.7426 1.819331-1.634 4.084671-1.634 2.11666 0 3.82466.7614 6.41471 1.9034.3153.1393.6406.288.9933.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1233 3.5553 1.3273z\"\n      fill=\"url(#").concat(id, "-e)\"\n    />\n    <path\n      d=\"m19.0846 19.8227c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n      fill=\"url(#").concat(id, "-f)\"\n    />\n    <path\n      d=\"m12.0681 28.0108v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.65195-5.096-12.29995l1.402-1.318c3.778 4.01933 5.616 8.47535 5.616 13.61795 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n      fill=\"url(#").concat(id, "-g)\"\n    />\n    <path\n      d=\"m12.0668 28.0108c-4.14936 0-6.52603-3.3787-6.52603-9.2734 0-6.8786 3.008-10.72197 5.82063-13.77597l1.4114 1.29933c-3.27669 3.56467-5.31003 6.88804-5.31003 12.47604 0 6.08 2.50667 7.352 4.60463 7.352v1.9213z\"\n      fill=\"url(#").concat(id, "-h)\"\n    />\n    <g fill=\"").concat(_colors.iconGradientStart, "\">\n      <path\n        d=\"m6.92391 16.9455c1.24067 0 2.24667-1.006 2.24667-2.2467s-1.006-2.2467-2.24667-2.2467c-1.24066 0-2.24666 1.006-2.24666 2.2467s1.006 2.2467 2.24666 2.2467z\"\n      />\n      <path\n        d=\"m17.3094 20.8166c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n      />\n      <path\n        d=\"m12.066 7.44011c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.24666 1.006-2.24666 2.24666c0 1.24067 1.00596 2.24667 2.24666 2.24667z\"\n      />\n    </g>\n    <path\n      d=\"m34.6727 21.2726-1.68 4.53h-3.0913l7.9273-20.12535h3.4907l7.9366 20.12535h-3.0913l-1.6893-4.5674c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0914-.1853-4.8087-.52zm8.9767-2.33-4.0754-11.02802-4.0753 11.05602c1.504.2413 2.7573.3713 3.9827.3713 1.29 0 2.6086-.158 4.168-.3993z\"\n      fill=\"url(#").concat(id, "-j)\"\n    />\n    <path\n      d=\"m56.3748 23.3242c.6126 0 1.1973-.1207 1.6526-.2134v2.5434c-.464.1206-.984.2413-1.7733.2413-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4506h2.4787v-3.24938h2.5713v3.24938h4.0753v2.4506h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n      fill=\"url(#").concat(id, "-k)\"\n    />\n    <path\n      d=\"m65.044 25.8947c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80462h2.6366v17.49862c0 1.3834.9194 1.866 2.0514 1.866.2786 0 .464 0 .7613-.028v2.358c-.2133.0647-.6773.1207-1.346.1207z\"\n      fill=\"url(#").concat(id, "-l)\"\n    />\n    <path\n      d=\"m90.5908 26.109c-2.302 0-4.168-.52-5.3287-1.1326v-2.7847c1.318.7613 3.5273 1.504 5.4493 1.504s3.0634-.826 3.0634-2.024-.8914-1.838-3.7967-2.5433c-3.3973-.826-4.836-2.1447-4.836-4.66 0-2.664 2.0513-4.2887 5.542-4.2887 1.996 0 3.7967.492 4.9293 1.1047v2.7293c-1.838-.9193-3.342-1.4113-4.9666-1.4113-1.9307 0-2.9707.6773-2.9707 1.866 0 1.0673.7333 1.7453 3.5553 2.4226 3.398.826 5.1154 2.0794 5.1154 4.7527s-1.6527 4.4747-5.7647 4.4747l.0093-.0094z\"\n      fill=\"url(#").concat(id, "-m)\"\n    />\n    <path\n      d=\"m82.7488 23.4447c-.7427 0-1.0767-.3067-1.0767-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6366-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1694-.1207v-2.358c-.3067.028-.334.028-.6127.028v.0094zm-3.7134-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.196-1.838-4.196-5.514s1.532-5.514 4.502-5.514c2.2373 0 4.168 1.504 4.168 4.9014v1.2253z\"\n      fill=\"url(#").concat(id, "-n)\"\n    />");
-
-    /**
-     * inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
-     */
-    var inverseIconContents = "\n    <linearGradient id=\"".concat(id, "-inverse-a\">\n      <stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\"1\" stop-color=\"#fff\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-b\" gradientUnits=\"userSpaceOnUse\" x1=\"95.6972\" x2=\"29.2126\" xlink:href=\"#").concat(id, "-inverse-a\"\n      y1=\"-1.88441\" y2=\"20.5989\" />\n    <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"97.0604\" x2=\"30.5757\" xlink:href=\"#").concat(id, "-inverse-a\"\n      y1=\"2.13449\" y2=\"24.6178\" />\n    <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"97.5154\" x2=\"31.0315\" xlink:href=\"#").concat(id, "-inverse-a\"\n      y1=\"3.49308\" y2=\"25.9764\" />\n    <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"101.279\" x2=\"34.794\" xlink:href=\"#").concat(id, "-inverse-a\"\n      y1=\"14.5962\" y2=\"37.0882\" />\n    <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"99.9384\" x2=\"33.4544\" xlink:href=\"#").concat(id, "-inverse-a\"\n      y1=\"10.6359\" y2=\"33.1192\" />\n    <linearGradient id=\"").concat(id, "-inverse-g\" gradientUnits=\"userSpaceOnUse\" x1=\"9.22533\" x2=\"4.69333\" y1=\"25.3248\"\n      y2=\"5.13609\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-h\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-i\" gradientUnits=\"userSpaceOnUse\" x1=\"6.76069\" x2=\"16.4834\" xlink:href=\"#").concat(id, "-inverse-h\"\n      y1=\"15.0061\" y2=\"18.9068\" />\n    <linearGradient id=\"").concat(id, "-inverse-j\" gradientUnits=\"userSpaceOnUse\" x1=\"18.7907\" x2=\"16.8967\" xlink:href=\"#").concat(id, "-inverse-h\"\n      y1=\"3.59276\" y2=\"23.2521\" />\n    <linearGradient id=\"").concat(id, "-inverse-k\" gradientUnits=\"userSpaceOnUse\" x1=\"14.886\" x2=\"14.886\" y1=\"28.5366\"\n      y2=\"5.46924\">\n      <stop offset=\".1\" stop-color=\"#fff\" />\n      <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-l\" gradientUnits=\"userSpaceOnUse\" x1=\"8.63728\" x2=\"10.0113\" y1=\"5.09736\"\n      y2=\"26.7354\">\n      <stop offset=\".03\" stop-color=\"#fff\" />\n      <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n      <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n      <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n      <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n      <stop offset=\".94\" stop-color=\"#fff\" />\n    </linearGradient>\n    <path\n      d=\"m34.6712 21.2863-1.68 4.5299h-3.0913l7.9273-20.12528h3.4907l7.9367 20.12528h-3.0914l-1.6893-4.5673c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0913-.1853-4.8087-.52zm8.9767-2.33-4.0753-11.02805-4.0754 11.05605c1.504.2413 2.7574.3713 3.9827.3713 1.29 0 2.6087-.158 4.168-.3993z\"\n      fill=\"url(#").concat(id, "-inverse-b)\" />\n    <path\n      d=\"m56.3731 23.3378c.6126 0 1.1973-.1206 1.6526-.2133v2.5433c-.464.1207-.984.2414-1.7733.2414-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4507h2.4787v-3.24931h2.5713v3.24931h4.0753v2.4507h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n      fill=\"url(#").concat(id, "-inverse-c)\" />\n    <path\n      d=\"m65.0428 25.9084c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80465h2.6366v17.49865c0 1.3833.9193 1.866 2.0513 1.866.2787 0 .464 0 .7614-.028v2.358c-.2134.0647-.6774.1207-1.346.1207z\"\n      fill=\"url(#").concat(id, "-inverse-d)\" />\n    <path\n      d=\"m90.5893 26.1222c-2.302 0-4.168-.52-5.3287-1.1327v-2.7846c1.318.7613 3.5274 1.504 5.4494 1.504s3.0633-.826 3.0633-2.024-.8913-1.838-3.7967-2.5434c-3.3973-.826-4.836-2.1446-4.836-4.66 0-2.664 2.0514-4.2886 5.542-4.2886 1.996 0 3.7967.492 4.9294 1.1046v2.7294c-1.838-.9194-3.342-1.4114-4.9667-1.4114-1.9307 0-2.9707.6774-2.9707 1.866 0 1.0674.7334 1.7454 3.5554 2.4227 3.398.826 5.1153 2.0793 5.1153 4.7527 0 2.6733-1.6527 4.4746-5.7647 4.4746l.0094-.0093z\"\n      fill=\"url(#").concat(id, "-inverse-e)\" />\n    <path\n      d=\"m82.747 23.4579c-.7426 0-1.0766-.3067-1.0766-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6367-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1693-.1207v-2.358c-.3066.028-.334.028-.6126.028v.0094zm-3.7133-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.1961-1.838-4.1961-5.514s1.5321-5.514 4.5021-5.514c2.2373 0 4.1679 1.504 4.1679 4.9014v1.2253z\"\n      fill=\"url(#").concat(id, "-inverse-f)\" />\n    <path\n      d=\"m12.0727 6.31409v-1.922c-6.6587 0-12.0727 5.414-12.0727 12.07201 0 .6873.0653333 1.356.167333 2.0153 0 .028 0 .0654.009334.0927 1.002663 5.6553 5.943333 9.9647 11.886633 9.9647v-1.922c-5.0333 0-9.2213-3.6774-10.01063-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.60334-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.024-8.29271 9.98267-8.29271z\"\n      fill=\"url(#").concat(id, "-inverse-g)\" />\n    <path\n      d=\"m14.032 16.9475c-.464-.204-.9846-.446-1.5786-.706-.3434-.1487-.678-.2974-.9934-.4367-1.80131-.7987-3.18531-1.4113-4.56864-1.6993v1.9686c1.04933.2787 2.19133.78 3.78864 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6807.752 2.6933 1.2073 3.9747 1.4673l.3713-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n      fill=\"url(#").concat(id, "-inverse-i)\" />\n    <path\n      d=\"m24.1354 16.2508v-.4734c-.3713-6.34264-5.6367-11.38531-12.0633-11.38531v1.922c5.5253 0 10.0293 4.42931 10.1406 9.92731-.0093.3807-.1206.882-.52 1.3187-.52.5667-1.4206.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0587 0 1.8947-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n      fill=\"url(#").concat(id, "-inverse-j)\" />\n    <path\n      d=\"m12.0727 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n      fill=\"url(#").concat(id, "-inverse-k)\" />\n    <path\n      d=\"m12.0726 28.5367c-4.15132 0-6.52865-3.38-6.52865-9.2773 0-6.8814 3.00866-10.72604 5.82265-13.78137l1.4113 1.3c-3.27795 3.56597-5.31195 6.89067-5.31195 12.48137 0 6.0826 2.50733 7.3546 4.60595 7.3546v1.922z\"\n      fill=\"url(#").concat(id, "-inverse-l)\" />\n    <g fill=\"#fff\">\n      <path\n        d=\"m6.928 17.4673c1.24117 0 2.24733-1.0061 2.24733-2.2473s-1.00616-2.2473-2.24733-2.2473-2.24734 1.0061-2.24734 2.2473 1.00617 2.2473 2.24734 2.2473z\" />\n      <path\n        d=\"m17.3194 21.3399c1.2411 0 2.2473-1.0062 2.2473-2.2474 0-1.2411-1.0062-2.2473-2.2473-2.2473-1.2412 0-2.2474 1.0062-2.2474 2.2473 0 1.2412 1.0062 2.2474 2.2474 2.2474z\" />\n      <path\n        d=\"m12.0728 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.24736 1.00616-2.24736 2.24733s1.00616 2.24734 2.24736 2.24734z\" />\n    </g>\n  ");
-    return "<svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 97 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    >\n      ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n    </svg>");
-  }
+  var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);
+  return "<svg viewBox=\"0 0 102 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12.068 27.865C5.412 27.865 0 22.453 0 15.797S5.412 3.73 12.068 3.73v1.922c-5.597 0-10.146 4.548-10.146 10.146 0 5.597 4.549 10.145 10.146 10.145z M12.068 27.865v-1.92c5.597 0 10.146-4.55 10.146-10.147h1.921c0 6.656-5.412 12.068-12.068 12.068h.001Zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V3.73c6.656 0 12.068 5.412 12.068 12.068zm-6.927 3.695c-1.282-.25-2.293-.705-3.974-1.466-.464-.204-.974-.436-1.559-.696a58 58 0 0 0-1.003-.436C8.14 15.77 6.747 15.158 5.04 15.158c-1.198 0-2.098.324-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.705 1.606.724 2.488 1.124 3.555 1.328l-.371 1.884Z M19.085 19.677c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.15 1.504.15 1.188 0 2.089-.298 2.609-.864s.539-1.254.51-1.616l1.913-.167c.102 1.17-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485 M12.068 27.865v-1.92c2.757 0 4.4-2.814 4.4-7.52 0-4.707-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.475 5.616 13.618 0 5.82-2.423 9.44-6.322 9.44 M12.067 27.866c-4.15 0-6.526-3.379-6.526-9.274 0-6.878 3.008-10.722 5.82-13.776l1.412 1.3c-3.277 3.564-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352v1.921Z\" fill=\"".concat(colors.iconColor, "\"/>\n    <path d=\"M6.925 16.8a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.872a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M12.066 7.294a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494\" fill=\"").concat(colors.iconColor, "\"/>\n    <path d=\"M101.019 21.163c0 2.545-1.656 4.477-5.766 4.477-2.3 0-4.17-.521-5.336-1.135v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.067-.828 3.067-2.024 0-1.165-.89-1.84-3.803-2.545-3.404-.828-4.845-2.147-4.845-4.661 0-2.668 2.054-4.294 5.55-4.294 1.994 0 3.803.491 4.938 1.104v2.73c-1.84-.92-3.343-1.411-4.968-1.411-1.932 0-2.975.675-2.975 1.87 0 1.074.736 1.749 3.557 2.423 3.404.828 5.122 2.086 5.122 4.754m-25.873-3.496c0 3.68 1.472 5.52 4.2 5.52 2.362 0 4.478-1.503 4.478-4.907v-1.227c0-3.404-1.932-4.906-4.17-4.906-2.975 0-4.508 1.962-4.508 5.52m8.678 7.666v-2.76c-.981 2.024-2.821 3.067-5.182 3.067-4.08 0-6.134-3.465-6.134-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V10h2.638v15.333zm-12.784-.03c-.214.061-.674.122-1.349.122-2.514 0-4.11-1.196-4.11-4.017V3.591h2.638V21.1c0 1.38.92 1.871 2.055 1.871.276 0 .46 0 .767-.03v2.36ZM58.12 20.58c0 1.35.798 2.27 2.423 2.27.614 0 1.196-.123 1.656-.215v2.545a6.3 6.3 0 0 1-1.779.245c-3.28 0-4.876-1.932-4.876-4.784v-8.188h-2.483V10h2.483V6.75h2.577V10h4.078v2.453h-4.078v8.127Zm-14.675.736c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.81.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\" fill=\"").concat(colors.textColor, "\"/>\n  </svg>");
 };
 
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /**
  * __Atlas logo__
  *
@@ -55,6 +19,8 @@ var svg = function svg(_ref, colorMode) {
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
+ *
+ * @deprecated AtlasLogo is deprecated and will be removed from atlaskit/logo in the next major release.
  */
 export var AtlasLogo = function AtlasLogo(_ref2) {
   var appearance = _ref2.appearance,

package/dist/esm/atlassian-access-logo/icon.js

@@ -0,0 +1,53 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+var svg = function svg(_ref, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance, colorMode);
+  }
+  return "<svg\n      fill=\"none\"\n      height=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M27.545 24.378 16.96 3.208c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.126-2.167 8.001 0 4 2.042 7.751 5.042 13.794.334.666.584.791 1.167.791h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.377c-.834-1.25-1.084-1.334-1.292-1.334s-.333.084-.708.834L4.875 24.462c-.167.333-.208.458-.208.625 0 .333.291.666.916.666h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.875.334-2.917 0-2.917-1.292-5.751-2.292-7.251\"\n        fill=\"".concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Access icon__
+ *
+ * The Atlassian Access icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export var AtlassianAccessIcon = function AtlassianAccessIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Access' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor
+    }, colorMode),
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/atlassian-access-logo/index.js

@@ -0,0 +1,2 @@
+export { AtlassianAccessIcon } from './icon';
+export { AtlassianAccessLogo } from './logo';