@atlaskit/logo 19.9.1 → 19.9.2

package/dist/esm/exports/statuspage-icon.js

@@ -1,12 +1,10 @@
-// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
-// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
  * __Statuspage icon__
  *
- * A statuspage icon {description}.
+ * The Statuspage icon without an accompanying wordmark.
  *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
  */
 export { StatuspageIcon } from '../index';

package/dist/esm/exports/trello-icon.js

@@ -1,12 +1,10 @@
-// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
-// Remove links that the component does not have (such as usage). If there are no links remove them all.
 /**
  * __Trello icon__
  *
- * A trello icon {description}.
+ * The Trello icon without an accompanying wordmark.
  *
- * - [Examples](https://atlassian.design/components/{packageName}/examples)
- * - [Code](https://atlassian.design/components/{packageName}/code)
- * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
  */
 export { TrelloIcon } from '../index';

package/dist/esm/index.js

@@ -1,44 +1,44 @@
-import { AdminIcon as NewAdminIcon, AdminLogoCS as NewAdminLogo } from '@atlaskit/temp-nav-app-icons/admin';
-import { AlignIcon as NewAlignIcon, AlignLogoCS as NewAlignLogo } from '@atlaskit/temp-nav-app-icons/align';
-import { AnalyticsIcon as NewAnalyticsIcon, AnalyticsLogoCS as NewAnalyticsLogo } from '@atlaskit/temp-nav-app-icons/analytics';
-import { AssetsIcon as NewAssetsIcon, AssetsLogoCS as NewAssetsLogo } from '@atlaskit/temp-nav-app-icons/assets';
-import { BambooIcon as NewBambooIcon, BambooLogoCS as NewBambooLogo } from '@atlaskit/temp-nav-app-icons/bamboo';
-import { BitbucketIcon as NewBitbucketIcon, BitbucketLogoCS as NewBitbucketLogo } from '@atlaskit/temp-nav-app-icons/bitbucket';
-import { BitbucketDataCenterIcon as NewBitbucketDataCenterIcon, BitbucketDataCenterLogoCS as NewBitbucketDataCenterLogo } from '@atlaskit/temp-nav-app-icons/bitbucket-data-center';
-import { ChatIcon as OldChatIcon, ChatLogoCS as OldChatLogo } from '@atlaskit/temp-nav-app-icons/chat';
-import { ChatNewIcon, ChatNewLogoCS } from '@atlaskit/temp-nav-app-icons/chat-new';
-import { CompassIcon as NewCompassIcon, CompassLogoCS as NewCompassLogo } from '@atlaskit/temp-nav-app-icons/compass';
-import { ConfluenceIcon as NewConfluenceIcon, ConfluenceLogoCS as NewConfluenceLogo } from '@atlaskit/temp-nav-app-icons/confluence';
-import { ConfluenceDataCenterIcon as NewConfluenceDataCenterIcon, ConfluenceDataCenterLogoCS as NewConfluenceDataCenterLogo } from '@atlaskit/temp-nav-app-icons/confluence-data-center';
-import { CrowdIcon as NewCrowdIcon, CrowdLogoCS as NewCrowdLogo } from '@atlaskit/temp-nav-app-icons/crowd';
-import { CustomerServiceManagementIcon as NewCustomerServiceManagementIcon, CustomerServiceManagementLogoCS as NewCustomerServiceManagementLogo } from '@atlaskit/temp-nav-app-icons/customer-service-management';
-import { FocusIcon as NewFocusIcon, FocusLogoCS as NewFocusLogo } from '@atlaskit/temp-nav-app-icons/focus';
-import { GoalsIcon as NewGoalsIcon, GoalsLogoCS as NewGoalsLogo } from '@atlaskit/temp-nav-app-icons/goals';
-import { GuardIcon as NewGuardIcon, GuardLogoCS as NewGuardLogo } from '@atlaskit/temp-nav-app-icons/guard';
-import { HomeIcon as NewHomeIcon, HomeLogoCS as NewHomeLogo } from '@atlaskit/temp-nav-app-icons/home';
-import { HubIcon as NewHubIcon, HubLogoCS as NewHubLogo } from '@atlaskit/temp-nav-app-icons/hub';
-import { JiraIcon as NewJiraIcon, JiraLogoCS as NewJiraLogo } from '@atlaskit/temp-nav-app-icons/jira';
-import { JiraDataCenterIcon as NewJiraDataCenterIcon, JiraDataCenterLogoCS as NewJiraDataCenterLogo } from '@atlaskit/temp-nav-app-icons/jira-data-center';
-import { JiraProductDiscoveryIcon as NewJPDIcon, JiraProductDiscoveryLogoCS as NewJPDLogo } from '@atlaskit/temp-nav-app-icons/jira-product-discovery';
-import { JiraServiceManagementIcon as NewJSMIcon, JiraServiceManagementLogoCS as NewJSMLogo } from '@atlaskit/temp-nav-app-icons/jira-service-management';
-import { JiraServiceManagementDataCenterIcon as NewJiraServiceManagementDataCenterIcon, JiraServiceManagementDataCenterLogoCS as NewJiraServiceManagementDataCenterLogo } from '@atlaskit/temp-nav-app-icons/jira-service-management-data-center';
-import { LoomIcon as NewLoomIcon, LoomLogoCS as NewLoomLogo } from '@atlaskit/temp-nav-app-icons/loom';
-import { LoomAttributionLogoCS as NewLoomAttributionLogo } from '@atlaskit/temp-nav-app-icons/loom-attribution';
-import { LoomInternalIcon as NewLoomInternalIcon, LoomInternalLogoCS as NewLoomInternalLogo } from '@atlaskit/temp-nav-app-icons/loom-internal';
-import { OpsgenieIcon as NewOpsgenieIcon, OpsgenieLogoCS as NewOpsgenieLogo } from '@atlaskit/temp-nav-app-icons/opsgenie';
-import { ProjectsIcon as NewProjectsIcon, ProjectsLogoCS as NewProjectsLogo } from '@atlaskit/temp-nav-app-icons/projects';
-import { RovoIcon as NewRovoIcon, RovoLogoCS as NewRovoLogo } from '@atlaskit/temp-nav-app-icons/rovo';
-import { RovoDevIcon as NewRovoDevIcon, RovoDevLogoCS as NewRovoDevLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev';
-import { RovoDevAgentIcon as NewRovoDevAgentIcon, RovoDevAgentLogoCS as NewRovoDevAgentLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev-agent';
-import { RovoHexIcon as NewRovoHexIcon, RovoHexLogoCS as NewRovoHexLogo } from '@atlaskit/temp-nav-app-icons/rovo-hex';
-import { SearchIcon as OldSearchIcon, SearchLogoCS as OldSearchLogo } from '@atlaskit/temp-nav-app-icons/search';
-import { SearchNewIcon, SearchNewLogoCS } from '@atlaskit/temp-nav-app-icons/search-new';
-import { StatuspageIcon as NewStatuspageIcon, StatuspageLogoCS as NewStatuspageLogo } from '@atlaskit/temp-nav-app-icons/statuspage';
-import { StudioIcon as OldStudioIcon, StudioLogoCS as OldStudioLogo } from '@atlaskit/temp-nav-app-icons/studio';
-import { StudioNewIcon, StudioNewLogoCS } from '@atlaskit/temp-nav-app-icons/studio-new';
-import { TalentIcon as NewTalentIcon, TalentLogoCS as NewTalentLogo } from '@atlaskit/temp-nav-app-icons/talent';
-import { TeamsIcon as NewTeamsIcon, TeamsLogoCS as NewTeamsLogo } from '@atlaskit/temp-nav-app-icons/teams';
-import { TrelloIcon as NewTrelloIcon, TrelloLogoCS as NewTrelloLogo } from '@atlaskit/temp-nav-app-icons/trello';
+import { AdminIcon as NewAdminIcon, AdminLogoCS as NewAdminLogo } from './artifacts/logo-components/admin';
+import { AlignIcon as NewAlignIcon, AlignLogoCS as NewAlignLogo } from './artifacts/logo-components/align';
+import { AnalyticsIcon as NewAnalyticsIcon, AnalyticsLogoCS as NewAnalyticsLogo } from './artifacts/logo-components/analytics';
+import { AssetsIcon as NewAssetsIcon, AssetsLogoCS as NewAssetsLogo } from './artifacts/logo-components/assets';
+import { BambooIcon as NewBambooIcon, BambooLogoCS as NewBambooLogo } from './artifacts/logo-components/bamboo';
+import { BitbucketIcon as NewBitbucketIcon, BitbucketLogoCS as NewBitbucketLogo } from './artifacts/logo-components/bitbucket';
+import { BitbucketDataCenterIcon as NewBitbucketDataCenterIcon, BitbucketDataCenterLogoCS as NewBitbucketDataCenterLogo } from './artifacts/logo-components/bitbucket-data-center';
+import { ChatIcon as OldChatIcon, ChatLogoCS as OldChatLogo } from './artifacts/logo-components/chat';
+import { ChatNewIcon, ChatNewLogoCS } from './artifacts/logo-components/chat-new';
+import { CompassIcon as NewCompassIcon, CompassLogoCS as NewCompassLogo } from './artifacts/logo-components/compass';
+import { ConfluenceIcon as NewConfluenceIcon, ConfluenceLogoCS as NewConfluenceLogo } from './artifacts/logo-components/confluence';
+import { ConfluenceDataCenterIcon as NewConfluenceDataCenterIcon, ConfluenceDataCenterLogoCS as NewConfluenceDataCenterLogo } from './artifacts/logo-components/confluence-data-center';
+import { CrowdIcon as NewCrowdIcon, CrowdLogoCS as NewCrowdLogo } from './artifacts/logo-components/crowd';
+import { CustomerServiceManagementIcon as NewCustomerServiceManagementIcon, CustomerServiceManagementLogoCS as NewCustomerServiceManagementLogo } from './artifacts/logo-components/customer-service-management';
+import { FocusIcon as NewFocusIcon, FocusLogoCS as NewFocusLogo } from './artifacts/logo-components/focus';
+import { GoalsIcon as NewGoalsIcon, GoalsLogoCS as NewGoalsLogo } from './artifacts/logo-components/goals';
+import { GuardIcon as NewGuardIcon, GuardLogoCS as NewGuardLogo } from './artifacts/logo-components/guard';
+import { HomeIcon as NewHomeIcon, HomeLogoCS as NewHomeLogo } from './artifacts/logo-components/home';
+import { HubIcon as NewHubIcon, HubLogoCS as NewHubLogo } from './artifacts/logo-components/hub';
+import { JiraIcon as NewJiraIcon, JiraLogoCS as NewJiraLogo } from './artifacts/logo-components/jira';
+import { JiraDataCenterIcon as NewJiraDataCenterIcon, JiraDataCenterLogoCS as NewJiraDataCenterLogo } from './artifacts/logo-components/jira-data-center';
+import { JiraProductDiscoveryIcon as NewJPDIcon, JiraProductDiscoveryLogoCS as NewJPDLogo } from './artifacts/logo-components/jira-product-discovery';
+import { JiraServiceManagementIcon as NewJSMIcon, JiraServiceManagementLogoCS as NewJSMLogo } from './artifacts/logo-components/jira-service-management';
+import { JiraServiceManagementDataCenterIcon as NewJiraServiceManagementDataCenterIcon, JiraServiceManagementDataCenterLogoCS as NewJiraServiceManagementDataCenterLogo } from './artifacts/logo-components/jira-service-management-data-center';
+import { LoomIcon as NewLoomIcon, LoomLogoCS as NewLoomLogo } from './artifacts/logo-components/loom';
+import { LoomAttributionLogoCS as NewLoomAttributionLogo } from './artifacts/logo-components/loom-attribution';
+import { LoomInternalIcon as NewLoomInternalIcon, LoomInternalLogoCS as NewLoomInternalLogo } from './artifacts/logo-components/loom-internal';
+import { OpsgenieIcon as NewOpsgenieIcon, OpsgenieLogoCS as NewOpsgenieLogo } from './artifacts/logo-components/opsgenie';
+import { ProjectsIcon as NewProjectsIcon, ProjectsLogoCS as NewProjectsLogo } from './artifacts/logo-components/projects';
+import { RovoIcon as NewRovoIcon, RovoLogoCS as NewRovoLogo } from './artifacts/logo-components/rovo';
+import { RovoDevIcon as NewRovoDevIcon, RovoDevLogoCS as NewRovoDevLogo } from './artifacts/logo-components/rovo-dev';
+import { RovoDevAgentIcon as NewRovoDevAgentIcon, RovoDevAgentLogoCS as NewRovoDevAgentLogo } from './artifacts/logo-components/rovo-dev-agent';
+import { RovoHexIcon as NewRovoHexIcon, RovoHexLogoCS as NewRovoHexLogo } from './artifacts/logo-components/rovo-hex';
+import { SearchIcon as OldSearchIcon, SearchLogoCS as OldSearchLogo } from './artifacts/logo-components/search';
+import { SearchNewIcon, SearchNewLogoCS } from './artifacts/logo-components/search-new';
+import { StatuspageIcon as NewStatuspageIcon, StatuspageLogoCS as NewStatuspageLogo } from './artifacts/logo-components/statuspage';
+import { StudioIcon as OldStudioIcon, StudioLogoCS as OldStudioLogo } from './artifacts/logo-components/studio';
+import { StudioNewIcon, StudioNewLogoCS } from './artifacts/logo-components/studio-new';
+import { TalentIcon as NewTalentIcon, TalentLogoCS as NewTalentLogo } from './artifacts/logo-components/talent';
+import { TeamsIcon as NewTeamsIcon, TeamsLogoCS as NewTeamsLogo } from './artifacts/logo-components/teams';
+import { TrelloIcon as NewTrelloIcon, TrelloLogoCS as NewTrelloLogo } from './artifacts/logo-components/trello';
 import { AtlassianAdminIcon as LegacyAtlassianAdminIcon, AtlassianAdminLogo as LegacyAtlassianAdminLogo } from './legacy-logos/atlassian-admin';
 import { AtlassianAdministrationIcon as LegacyAtlassianAdministrationIcon, AtlassianAdministrationLogo as LegacyAtlassianAdministrationLogo } from './legacy-logos/atlassian-administration';
 import { AtlassianAnalyticsIcon as LegacyAtlassianAnalyticsIcon, AtlassianAnalyticsLogo as LegacyAtlassianAnalyticsLogo } from './legacy-logos/atlassian-analytics';

package/dist/esm/utils/icon-wrapper.compiled.css

@@ -0,0 +1,52 @@
+._170318uv{--rovo-blue-color:initial}
+._17031e01{--rovo-blue-color:#505258}
+._17031gvk{--rovo-blue-color:#a9abaf}
+._1703doyu{--rovo-blue-color:#1868db}
+._1703qlpt{--rovo-blue-color:#101214}
+._1703u67f{--rovo-blue-color:#fff}
+._1b3i1501{--icon-color:#1f1f21}
+._1b3i18uv{--icon-color:initial}
+._1b3i1e01{--icon-color:#505258}
+._1b3i1gvk{--icon-color:#a9abaf}
+._1b3i5a6q{--icon-color:#1e1f21}
+._1b3idoyu{--icon-color:#1868db}
+._1b3iu67f{--icon-color:#fff}
+._1e0c1o8l{display:inline-block}
+._1evo18uv{--rovo-yellow-color:initial}
+._1evo1e01{--rovo-yellow-color:#505258}
+._1evo1gvk{--rovo-yellow-color:#a9abaf}
+._1evodoyu{--rovo-yellow-color:#1868db}
+._1evoqlpt{--rovo-yellow-color:#101214}
+._1evou67f{--rovo-yellow-color:#fff}
+._1osd18uv{--rovo-green-color:initial}
+._1osd1e01{--rovo-green-color:#505258}
+._1osd1gvk{--rovo-green-color:#a9abaf}
+._1osddoyu{--rovo-green-color:#1868db}
+._1osdqlpt{--rovo-green-color:#101214}
+._1osdu67f{--rovo-green-color:#fff}
+._3wu01501{--border-color:#1f1f21}
+._3wu01e01{--border-color:#505258}
+._3wu01fkg{--border-color:#dddee1}
+._3wu01gvk{--border-color:#a9abaf}
+._3wu08hz0{--border-color:#4b4d51}
+._3wu0u67f{--border-color:#fff}
+._4t3i1crf{height:9pt}
+._4t3i1tcg{height:24px}
+._4t3i1ylp{height:40px}
+._4t3i7vkz{height:1pc}
+._4t3ickbl{height:3pc}
+._4t3igktf{height:20px}
+._4t3izwfg{height:2pc}
+._9aea18uv{--tile-color:initial}
+._9aea1fkg{--tile-color:#dddee1}
+._9aea5a6q{--tile-color:#1e1f21}
+._9aea8hz0{--tile-color:#4b4d51}
+._9aeadoyu{--tile-color:#1868db}
+._9aeaqlpt{--tile-color:#101214}
+._9aeau67f{--tile-color:#fff}
+._epb518uv{--rovo-purple-color:initial}
+._epb51e01{--rovo-purple-color:#505258}
+._epb51gvk{--rovo-purple-color:#a9abaf}
+._epb5doyu{--rovo-purple-color:#1868db}
+._epb5qlpt{--rovo-purple-color:#101214}
+._epb5u67f{--rovo-purple-color:#fff}

package/dist/esm/utils/icon-wrapper.js

@@ -0,0 +1,113 @@
+/* icon-wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./icon-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useThemeObserver } from '@atlaskit/tokens';
+var styles = {
+  root: "_1e0c1o8l",
+  TEMP_assets: "_9aea1fkg"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var cloudLightAppearanceMap = {
+  brand: "_1b3i18uv _9aea18uv",
+  neutral: "_1b3i1e01 _9aea1fkg",
+  inverse: "_1b3i5a6q _9aeau67f",
+  legacy: "_1b3iu67f _9aeadoyu"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var cloudDarkAppearanceMap = {
+  brand: "_1b3i18uv _9aea18uv",
+  neutral: "_1b3i1gvk _9aea8hz0",
+  inverse: "_1b3iu67f _9aea5a6q",
+  legacy: "_1b3iu67f _9aeadoyu"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var dataCenterLightAppearanceMap = {
+  brand: "_1b3idoyu _9aeau67f _3wu01fkg",
+  neutral: "_1b3i1e01 _9aea1fkg _3wu01e01",
+  inverse: "_1b3iu67f _9aeaqlpt _3wu0u67f",
+  legacy: "_1b3idoyu _9aeau67f _3wu01fkg"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var dataCenterDarkAppearanceMap = {
+  brand: "_1b3idoyu _9aeaqlpt _3wu08hz0",
+  neutral: "_1b3i1gvk _9aea8hz0 _3wu01gvk",
+  inverse: "_1b3i1501 _9aeau67f _3wu01501",
+  legacy: "_1b3idoyu _9aeaqlpt _3wu08hz0"
+};
+var rovoDarkAppearanceMap = {
+  brand: "_170318uv _1evo18uv _epb518uv _1osd18uv",
+  neutral: "_17031gvk _1evo1gvk _epb51gvk _1osd1gvk",
+  inverse: "_1703qlpt _1evoqlpt _epb5qlpt _1osdqlpt",
+  legacy: "_1703doyu _1evodoyu _epb5doyu _1osddoyu"
+};
+var rovoLightAppearanceMap = {
+  brand: "_170318uv _1evo18uv _epb518uv _1osd18uv",
+  neutral: "_17031e01 _1evo1e01 _epb51e01 _1osd1e01",
+  inverse: "_1703u67f _1evou67f _epb5u67f _1osdu67f",
+  legacy: "_1703doyu _1evodoyu _epb5doyu _1osddoyu"
+};
+
+/* eslint-enable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-enable @atlaskit/ui-styling-standard/no-unsafe-values */
+var sizeMap = {
+  xxsmall: "_4t3i7vkz",
+  xsmall: "_4t3igktf",
+  small: "_4t3i1tcg",
+  medium: "_4t3izwfg",
+  large: "_4t3i1ylp",
+  xlarge: "_4t3ickbl",
+  '12': "_4t3i1crf",
+  '16': "_4t3i7vkz",
+  '20': "_4t3igktf",
+  '24': "_4t3i1tcg",
+  '32': "_4t3izwfg"
+};
+export function IconWrapper(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '20' : _ref$size,
+    label = _ref.label,
+    svg = _ref.svg,
+    customThemeSvg = _ref.customThemeSvg,
+    userDefinedTestId = _ref.testId,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'brand' : _ref$appearance,
+    customIconColor = _ref.iconColor,
+    _ref$isAssets = _ref.isAssets,
+    isAssets = _ref$isAssets === void 0 ? false : _ref$isAssets,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'tile' : _ref$type;
+  var testId = userDefinedTestId && "".concat(userDefinedTestId, "--wrapper");
+  var isCustomThemed = customThemeSvg && customIconColor;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-testid": testId,
+    style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      '--themed-icon-color': customIconColor || 'initial'
+    }
+    // If the label is provided an empty string, we want to remove the element from the accessibility tree.
+    ,
+    "aria-label": label ? label : undefined,
+    role: label ? 'img' : undefined,
+    "aria-hidden": label === '' ? true : undefined
+    // We are using dangerouslySetInnerHTML here to tell React not to track changes to the SVG elements.
+    // This is because the SVG elements are static and will not change, so we get a little performance benefit by
+    // bypassing React.
+    ,
+    dangerouslySetInnerHTML: {
+      __html: isCustomThemed ? customThemeSvg : svg
+    },
+    className: ax([styles.root, sizeMap[size], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
+  });
+}

package/dist/esm/utils/logo-wrapper.compiled.css

@@ -0,0 +1,63 @@
+._170318uv{--rovo-blue-color:initial}
+._17031e01{--rovo-blue-color:#505258}
+._17031gvk{--rovo-blue-color:#a9abaf}
+._1703doyu{--rovo-blue-color:#1868db}
+._1703lrxy{--rovo-blue-color:#357de8}
+._1703qlpt{--rovo-blue-color:#101214}
+._1703u67f{--rovo-blue-color:#fff}
+._1b3i1501{--icon-color:#1f1f21}
+._1b3i18uv{--icon-color:initial}
+._1b3i1e01{--icon-color:#505258}
+._1b3i1gvk{--icon-color:#a9abaf}
+._1b3i5a6q{--icon-color:#1e1f21}
+._1b3idoyu{--icon-color:#1868db}
+._1b3iu67f{--icon-color:#fff}
+._1e0c1o8l{display:inline-block}
+._1evo18uv{--rovo-yellow-color:initial}
+._1evo1e01{--rovo-yellow-color:#505258}
+._1evo1gvk{--rovo-yellow-color:#a9abaf}
+._1evodoyu{--rovo-yellow-color:#1868db}
+._1evoh727{--rovo-yellow-color:#fca700}
+._1evoqlpt{--rovo-yellow-color:#101214}
+._1evou67f{--rovo-yellow-color:#fff}
+._1osd18uv{--rovo-green-color:initial}
+._1osd1e01{--rovo-green-color:#505258}
+._1osd1gvk{--rovo-green-color:#a9abaf}
+._1osddoyu{--rovo-green-color:#1868db}
+._1osdqlpt{--rovo-green-color:#101214}
+._1osdu67f{--rovo-green-color:#fff}
+._1osdxeun{--rovo-green-color:#82b536}
+._1wyc1e01{--text-color:#505258}
+._1wyc1fxt{--text-color:var(--ds-text,#172b4d)}
+._1wyc1gvk{--text-color:#a9abaf}
+._1wyc5a6q{--text-color:#1e1f21}
+._1wycu67f{--text-color:#fff}
+._3wu01501{--border-color:#1f1f21}
+._3wu01e01{--border-color:#505258}
+._3wu01fkg{--border-color:#dddee1}
+._3wu01gvk{--border-color:#a9abaf}
+._3wu08hz0{--border-color:#4b4d51}
+._3wu0u67f{--border-color:#fff}
+._4t3i1tcg{height:24px}
+._4t3i1ylp{height:40px}
+._4t3i7vkz{height:1pc}
+._4t3ickbl{height:3pc}
+._4t3igktf{height:20px}
+._4t3izwfg{height:2pc}
+._9aea18uv{--tile-color:initial}
+._9aea1fkg{--tile-color:#dddee1}
+._9aea5a6q{--tile-color:#1e1f21}
+._9aea8hz0{--tile-color:#4b4d51}
+._9aeadoyu{--tile-color:#1868db}
+._9aeaqlpt{--tile-color:#101214}
+._9aeau67f{--tile-color:#fff}
+._epb518uv{--rovo-purple-color:initial}
+._epb51e01{--rovo-purple-color:#505258}
+._epb51gvk{--rovo-purple-color:#a9abaf}
+._epb51yy8{--rovo-purple-color:#bf63f3}
+._epb5doyu{--rovo-purple-color:#1868db}
+._epb5qlpt{--rovo-purple-color:#101214}
+._epb5u67f{--rovo-purple-color:#fff}
+._syazqlpt{color:#101214}
+._syazz6c6{color:#e2e3e4}
+._vwz4idpf{line-height:0}

package/dist/esm/utils/logo-wrapper.js

@@ -0,0 +1,139 @@
+/* logo-wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+import "./logo-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useThemeObserver } from '@atlaskit/tokens';
+var styles = {
+  root: "_1e0c1o8l _vwz4idpf",
+  TEMP_assets: "_9aea1fkg"
+};
+
+// These styles set the `color` property so that the child SVG can inherit the correct text color using "currentColor"
+var logoTextColorMap = {
+  light: "_syazqlpt",
+  dark: "_syazz6c6"
+};
+var sizeMap = {
+  xxsmall: "_4t3i7vkz",
+  xsmall: "_4t3igktf",
+  small: "_4t3i1tcg",
+  medium: "_4t3izwfg",
+  large: "_4t3i1ylp",
+  xlarge: "_4t3ickbl"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var textLightAppearanceMap = {
+  brand: "_1wyc1fxt",
+  neutral: "_1wyc1e01",
+  inverse: "_1wycu67f",
+  legacy: "_1wycu67f"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var textDarkAppearanceMap = {
+  brand: "_1wyc1fxt",
+  neutral: "_1wyc1gvk",
+  inverse: "_1wyc5a6q",
+  legacy: "_1wycu67f"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var cloudLightAppearanceMap = {
+  brand: "_1b3i18uv _9aea18uv",
+  neutral: "_1b3i1e01 _9aea1fkg",
+  inverse: "_1b3i5a6q _9aeau67f",
+  legacy: "_1b3iu67f _9aeadoyu"
+};
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var cloudDarkAppearanceMap = {
+  brand: "_1b3i18uv _9aea18uv",
+  neutral: "_1b3i1gvk _9aea8hz0",
+  inverse: "_1b3iu67f _9aea5a6q",
+  legacy: "_1b3iu67f _9aeadoyu"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var dataCenterLightAppearanceMap = {
+  brand: "_1b3idoyu _9aeau67f _3wu01fkg",
+  neutral: "_1b3i1e01 _9aea1fkg _3wu01e01",
+  inverse: "_1b3iu67f _9aeaqlpt _3wu0u67f",
+  legacy: "_1b3idoyu _9aeau67f _3wu01fkg"
+};
+
+/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+var dataCenterDarkAppearanceMap = {
+  brand: "_1b3idoyu _9aeaqlpt _3wu08hz0",
+  neutral: "_1b3i1gvk _9aea8hz0 _3wu01gvk",
+  inverse: "_1b3i1501 _9aeau67f _3wu01501",
+  legacy: "_1b3idoyu _9aeaqlpt _3wu08hz0"
+};
+var rovoDarkAppearanceMap = {
+  brand: "_1703lrxy _1evoh727 _epb51yy8 _1osdxeun",
+  neutral: "_17031gvk _1evo1gvk _epb51gvk _1osd1gvk",
+  inverse: "_1703qlpt _1evoqlpt _epb5qlpt _1osdqlpt",
+  legacy: "_1703doyu _1evodoyu _epb5doyu _1osddoyu"
+};
+var rovoLightAppearanceMap = {
+  brand: "_170318uv _1evo18uv _epb518uv _1osd18uv",
+  neutral: "_17031e01 _1evo1e01 _epb51e01 _1osd1e01",
+  inverse: "_1703u67f _1evou67f _epb5u67f _1osdu67f",
+  legacy: "_1703doyu _1evodoyu _epb5doyu _1osddoyu"
+};
+
+/* eslint-enable @atlaskit/ui-styling-standard/no-imported-style-values */
+/* eslint-enable @atlaskit/ui-styling-standard/no-unsafe-values */
+
+export function LogoWrapper(_ref) {
+  var _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'brand' : _ref$appearance,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    svg = _ref.svg,
+    customThemeSvg = _ref.customThemeSvg,
+    label = _ref.label,
+    userDefinedTestId = _ref.testId,
+    customIconColor = _ref.iconColor,
+    customTextColor = _ref.textColor,
+    _ref$isAssets = _ref.isAssets,
+    isAssets = _ref$isAssets === void 0 ? false : _ref$isAssets,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'tile' : _ref$type;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  var testId = userDefinedTestId && "".concat(userDefinedTestId, "--wrapper");
+  var isCustomThemed = customThemeSvg && (customIconColor || customTextColor);
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      // Nav v3 passes in "inherit" incorrectly for iconColor, so we fall back to textColor when this happens.
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      '--themed-icon-color': customIconColor === 'inherit' ? customTextColor : customIconColor,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      '--themed-text-color': customTextColor || 'inherit'
+    },
+    "data-testid": testId
+    // If the label is provided an empty string, we want to remove the element from the accessibility tree.
+    ,
+    "aria-label": label ? label : undefined,
+    role: label ? 'img' : undefined,
+    "aria-hidden": label === '' ? true : undefined
+    // We are using dangerouslySetInnerHTML here to tell React not to track changes to the SVG elements.
+    // This is because the SVG elements are static and will not change, so we get a little performance benefit by
+    // bypassing React.
+    ,
+    dangerouslySetInnerHTML: {
+      __html: isCustomThemed ? customThemeSvg : svg
+    },
+    className: ax([styles.root,
+    // Setting the color so that the SVG can inherit the correct text color using "currentColor"
+    logoTextColorMap[colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], sizeMap[size], colorMode === 'dark' ? textDarkAppearanceMap[appearance] : textLightAppearanceMap[appearance], colorMode === 'dark' ? dataCenterDarkAppearanceMap[appearance] : dataCenterLightAppearanceMap[appearance], type === 'rovo' ? colorMode === 'dark' ? rovoDarkAppearanceMap[appearance] : rovoLightAppearanceMap[appearance] : colorMode === 'dark' ? cloudDarkAppearanceMap[appearance] : cloudLightAppearanceMap[appearance], isAssets && appearance === 'brand' && fg('assets-platform-branding') && styles.TEMP_assets])
+  });
+}

package/dist/types/artifacts/logo-components/admin/icon.d.ts

@@ -0,0 +1,17 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::978af025984c14496c17f030fc144641>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppIconProps } from '../../../utils/types';
+/**
+ * __AdminIcon__
+ *
+ * A temporary component to represent the icon for Admin.
+ * @deprecated This component has been replaced by the component `AdminIcon` in `@atlaskit/logo`.
+ * Please migrate any usages of this temporary component, using the prop `shouldUseNewLogoDesign` where necessary
+ * to enable the new design by default.
+ *
+ */
+export declare function AdminIcon({ size, appearance, label, testId }: AppIconProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/admin/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b8ef81714331e2b6a17e51f13bbda379>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+export { AdminLogo } from './logo';
+export { AdminLogoCS } from './logo-cs';
+export { AdminIcon } from './icon';

package/dist/types/artifacts/logo-components/admin/logo-cs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f6b875f42d16c31c8841f1ef82618390>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppLogoProps } from '../../../utils/types';
+/**
+ * __AdminLogoCS__
+ *
+ * A temporary component to represent the logo for Admin.
+ *
+ */
+export declare function AdminLogoCS({ size, appearance, label, testId }: AppLogoProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/admin/logo.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::2828a23fb0bd3ea60b2195a18ef5090d>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppLogoProps } from '../../../utils/types';
+/**
+ * __AdminLogo__
+ *
+ * A temporary component to represent the logo for Admin.
+ *
+ */
+export declare function AdminLogo({ size, appearance, label, testId }: AppLogoProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/align/icon.d.ts

@@ -0,0 +1,17 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::722075a08a8f598253aef877e81d3776>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppIconProps } from '../../../utils/types';
+/**
+ * __AlignIcon__
+ *
+ * A temporary component to represent the icon for Align.
+ * @deprecated This component has been replaced by the component `AlignIcon` in `@atlaskit/logo`.
+ * Please migrate any usages of this temporary component, using the prop `shouldUseNewLogoDesign` where necessary
+ * to enable the new design by default.
+ *
+ */
+export declare function AlignIcon({ size, appearance, label, testId }: AppIconProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/align/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::bdf9a3c3b08ca612d9f52262cea74fac>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+export { AlignLogo } from './logo';
+export { AlignLogoCS } from './logo-cs';
+export { AlignIcon } from './icon';

package/dist/types/artifacts/logo-components/align/logo-cs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3765620b2b4a8b62ff9327c31a8491d2>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppLogoProps } from '../../../utils/types';
+/**
+ * __AlignLogoCS__
+ *
+ * A temporary component to represent the logo for Align.
+ *
+ */
+export declare function AlignLogoCS({ size, appearance, label, testId }: AppLogoProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/align/logo.d.ts

@@ -0,0 +1,14 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::594e5a862d6bc87ae00c57315dfddef4>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppLogoProps } from '../../../utils/types';
+/**
+ * __AlignLogo__
+ *
+ * A temporary component to represent the logo for Align.
+ *
+ */
+export declare function AlignLogo({ size, appearance, label, testId }: AppLogoProps): React.JSX.Element;

package/dist/types/artifacts/logo-components/analytics/icon.d.ts

@@ -0,0 +1,17 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::cb69048bab05ca24708a4807daf973fa>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import type { AppIconProps } from '../../../utils/types';
+/**
+ * __AnalyticsIcon__
+ *
+ * A temporary component to represent the icon for Analytics.
+ * @deprecated This component has been replaced by the component `AnalyticsIcon` in `@atlaskit/logo`.
+ * Please migrate any usages of this temporary component, using the prop `shouldUseNewLogoDesign` where necessary
+ * to enable the new design by default.
+ *
+ */
+export declare function AnalyticsIcon({ size, appearance, label, testId, }: AppIconProps): React.JSX.Element;