@atlaskit/logo 19.9.1 → 19.9.2

package/dist/es2019/artifacts/logo-components/loom-attribution/logo-cs.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::a46bf694d751f816eb650ef61277af79>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 100 32">
+    <path fill="var(--icon-color, #101214)" d="M66.71 5.11c0 1.08.49 1.93 2.47 2.31 1.16.26 1.41.44 1.41.82 0 .39-.26.62-1.08.62-.95 0-2.08-.33-2.83-.77v1.75c.59.28 1.36.62 2.83.62 2.06 0 2.85-.92 2.85-2.26m0 .03c0-1.28-.67-1.88-2.59-2.29-1.05-.23-1.31-.46-1.31-.8 0-.41.39-.59 1.08-.59.85 0 1.67.26 2.47.62V3.5c-.56-.28-1.41-.49-2.41-.49-1.9 0-2.88.82-2.88 2.16m26.29-2.11v7.32h1.57V4.81l.64 1.46 2.21 4.11h1.95V3.06h-1.54v4.73l-.59-1.39-1.77-3.34zm-9.91 0h-1.7v7.32h1.7zM79.45 8.2c0-1.28-.67-1.88-2.59-2.29-1.05-.23-1.31-.46-1.31-.8 0-.41.39-.59 1.08-.59.85 0 1.67.26 2.47.62V3.47c-.56-.28-1.41-.49-2.41-.49-1.9 0-2.88.82-2.88 2.16 0 1.08.49 1.93 2.47 2.31 1.16.26 1.41.44 1.41.82s-.26.62-1.08.62c-.95 0-2.08-.33-2.83-.77v1.75c.59.28 1.36.62 2.83.62 2.03 0 2.85-.92 2.85-2.29M53.5 3.06v7.32h3.49l.54-1.59h-2.34V3.06zm-6.91 0v1.57h1.88v5.75h1.72V4.63h2.03V3.06zm-2.49 0h-2.24l-2.54 7.32h1.95l.36-1.23c.44.13.9.21 1.36.21s.93-.08 1.36-.21l.36 1.23h1.95c-.03 0-2.57-7.32-2.57-7.32m-1.13 4.75c-.33 0-.64-.05-.93-.13l.93-3.19.93 3.19c-.28.08-.59.13-.92.13m20.06-4.75H60.8l-2.57 7.32h1.95l.36-1.23c.44.13.9.21 1.36.21s.93-.08 1.36-.21l.36 1.23h1.95zM61.9 7.81c-.33 0-.64-.05-.92-.13l.93-3.19.93 3.19c-.28.08-.59.13-.92.13m27.32-4.75h-2.23l-2.54 7.32h1.95l.36-1.23c.44.13.9.21 1.36.21s.93-.08 1.36-.21l.36 1.23h1.95zm-1.11 4.75c-.33 0-.64-.05-.92-.13l.93-3.19.93 3.19a3.7 3.7 0 0 1-.92.13"/>
+    <path fill="var(--tile-color,#1868db)" d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"/>
+    <path fill="var(--icon-color, white)" d="M25.375 15.31H19.99l4.664-2.693-1.024-1.775-4.664 2.693 2.692-4.664-1.775-1.025-2.692 4.664V7.125h-2.048v5.385l-2.694-4.664-1.774 1.025 2.693 4.663-4.664-2.692-1.024 1.774 4.664 2.693H6.958v2.048h5.385L7.68 20.05l1.024 1.775 4.663-2.693-2.692 4.664 1.774 1.024 2.693-4.664v5.386h2.049v-5.385l2.692 4.663 1.774-1.024-2.692-4.664 4.663 2.693 1.025-1.775-4.664-2.692h5.385zm-9.208 3.81a2.797 2.797 0 1 1 0-5.594 2.797 2.797 0 0 1 0 5.593"/>
+    <path fill="var(--text-color, #1e1f21)" d="M39.32 27.74v-13.7h2.52v13.7zm24.13-9.31h2.4v1.14c.51-.91 1.7-1.4 2.72-1.4 1.27 0 2.29.55 2.76 1.55.74-1.14 1.72-1.55 2.95-1.55 1.72 0 3.37 1.04 3.37 3.54v6.04h-2.44v-5.53c0-1-.49-1.76-1.65-1.76-1.08 0-1.72.83-1.72 1.84v5.45h-2.49v-5.53c0-1-.51-1.76-1.65-1.76-1.1 0-1.74.81-1.74 1.84v5.45h-2.52zm-15.93 9.58c-2.83 0-4.89-2.1-4.89-4.93 0-2.78 2.05-4.93 4.89-4.93 2.85 0 4.89 2.17 4.89 4.93 0 2.8-2.05 4.93-4.89 4.93m0-7.58a2.65 2.65 0 0 0-2.65 2.65 2.65 2.65 0 0 0 2.65 2.65c1.46 0 2.65-1.19 2.65-2.65a2.65 2.65 0 0 0-2.65-2.65m10.26 7.58c-2.83 0-4.89-2.1-4.89-4.93 0-2.78 2.05-4.93 4.89-4.93 2.85 0 4.89 2.17 4.89 4.93 0 2.8-2.06 4.93-4.89 4.93m0-7.61a2.69 2.69 0 0 0-2.68 2.68 2.69 2.69 0 0 0 2.68 2.68 2.69 2.69 0 0 0 2.68-2.68 2.69 2.69 0 0 0-2.68-2.68"/>
+</svg>
+`;
+
+/**
+ * __LoomAttributionLogoCS__
+ *
+ * A temporary component to represent the logo for Loom Attribution.
+ *
+ */
+export function LoomAttributionLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Loom Attribution',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/loom-internal/icon.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e02144c4c9c59030582cda1b1253ad33>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#625df5)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, white)" d="M19.083 11.212h-4.142l3.588-2.071-.788-1.365-3.588 2.071 2.07-3.587-1.364-.788-2.071 3.587V4.917h-1.576v4.142L9.141 5.472l-1.365.787 2.071 3.588L6.26 7.776 5.472 9.14l3.587 2.07H4.917v1.577h4.142l-3.587 2.071.788 1.365 3.587-2.07-2.071 3.587 1.365.787 2.07-3.587v4.142h1.577V14.94l2.07 3.587 1.365-.787-2.07-3.588 3.587 2.071.788-1.365-3.587-2.07h4.142zM12 14.143a2.151 2.151 0 1 1 0-4.302 2.151 2.151 0 0 1 0 4.302"/>
+</svg>
+`;
+
+/**
+ * __LoomInternalIcon__
+ *
+ * A temporary component to represent the icon for Loom.
+ * @deprecated This component has been replaced by the component `LoomInternalIcon` 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 function LoomInternalIcon({
+  size,
+  appearance = 'brand',
+  label = 'Loom',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/loom-internal/index.js

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

package/dist/es2019/artifacts/logo-components/loom-internal/logo-cs.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5be5723422b7854419d856a94f32ac63>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 103 32">
+    <path fill="var(--tile-color,#625df5)" d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"/>
+    <path fill="var(--icon-color, white)" d="M25.375 15.31H19.99l4.664-2.693-1.024-1.775-4.664 2.693 2.692-4.663-1.775-1.025-2.692 4.663V7.125h-2.048v5.386l-2.694-4.664-1.774 1.024 2.693 4.664-4.664-2.693-1.024 1.774 4.664 2.693H6.959v2.049h5.384L7.68 20.05l1.024 1.774 4.663-2.692-2.692 4.664 1.774 1.024 2.693-4.664v5.385h2.049v-5.385l2.692 4.664 1.774-1.024-2.692-4.665 4.663 2.693 1.025-1.774-4.664-2.693h5.385zm-9.208 3.81a2.797 2.797 0 1 1 0-5.593 2.797 2.797 0 0 1 0 5.593"/>
+    <path fill="var(--text-color, #1e1f21)" d="M42.67 25.34V3.93h3.93v21.41zm37.7-14.55h3.75v1.78c.8-1.42 2.66-2.19 4.26-2.19 1.98 0 3.58.86 4.32 2.43 1.15-1.77 2.69-2.42 4.61-2.42 2.69 0 5.26 1.63 5.26 5.53v9.43h-3.81v-8.63c0-1.57-.77-2.75-2.57-2.75-1.68 0-2.69 1.3-2.69 2.87v8.52h-3.9v-8.63c0-1.57-.8-2.75-2.57-2.75-1.71 0-2.72 1.27-2.72 2.87v8.52h-3.93zM55.48 25.77c-4.43 0-7.63-3.28-7.63-7.7 0-4.34 3.2-7.7 7.64-7.7 4.46 0 7.63 3.39 7.63 7.7 0 4.38-3.21 7.7-7.63 7.7m0-11.84a4.15 4.15 0 0 0-4.14 4.14 4.15 4.15 0 0 0 4.14 4.14 4.15 4.15 0 0 0 4.14-4.14 4.15 4.15 0 0 0-4.14-4.14m16.02 11.84c-4.43 0-7.63-3.28-7.63-7.7 0-4.34 3.2-7.7 7.63-7.7 4.46 0 7.64 3.39 7.64 7.7 0 4.38-3.21 7.7-7.63 7.7m0-11.89c-2.31 0-4.19 1.88-4.19 4.19s1.88 4.19 4.19 4.19 4.19-1.88 4.19-4.19-1.88-4.19-4.19-4.19"/>
+</svg>
+`;
+
+/**
+ * __LoomInternalLogoCS__
+ *
+ * A temporary component to represent the logo for Loom.
+ *
+ */
+export function LoomInternalLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Loom',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/loom-internal/logo.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::54331da99009c8459c3013337ece13c0>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 68 24">
+    <path fill="var(--tile-color,#625df5)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, white)" d="M19.083 11.212h-4.142l3.588-2.071-.788-1.365-3.588 2.071 2.07-3.587-1.364-.788-2.071 3.587V4.917h-1.576v4.142L9.141 5.472l-1.365.787 2.071 3.588L6.26 7.776 5.472 9.14l3.587 2.07H4.917v1.577h4.142l-3.587 2.071.788 1.365 3.587-2.07-2.071 3.587 1.365.787 2.07-3.587v4.142h1.577V14.94l2.07 3.587 1.365-.787-2.07-3.588 3.587 2.071.788-1.365-3.587-2.07h4.142zM12 14.143a2.151 2.151 0 1 1 0-4.302 2.151 2.151 0 0 1 0 4.302"/>
+    <path fill="var(--text-color, #292a2e)" d="M55.94 17V9.36h1.8l.08 1.87h-.14q.17-.7.51-1.13.35-.44.81-.64.47-.21.97-.21.83 0 1.33.52.51.52.73 1.57h-.22q.16-.71.55-1.18.39-.46.91-.69.53-.23 1.12-.23.69 0 1.24.3t.87.88.32 1.42V17H64.9v-4.82q0-.67-.37-1a1.32 1.32 0 0 0-.89-.32q-.4 0-.7.18a1.2 1.2 0 0 0-.46.49q-.16.32-.16.73V17h-1.87v-4.89q0-.57-.35-.91-.34-.34-.89-.34-.38 0-.68.17a1.2 1.2 0 0 0-.48.51q-.18.33-.18.81V17zm-5.19.15q-1.13 0-1.97-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.97-.49q1.13 0 1.96.49T54 11.15q.45.89.45 2.07T54 15.29t-1.28 1.38-1.96.49m0-1.53q.58 0 .97-.31.39-.32.58-.87a3.7 3.7 0 0 0 .19-1.23 3.7 3.7 0 0 0-.19-1.23 1.87 1.87 0 0 0-.58-.86q-.39-.32-.97-.32t-.97.32q-.38.32-.58.86-.19.54-.19 1.23 0 .68.19 1.23.2.55.58.87.39.31.97.31m-8.56 1.52q-1.13 0-1.97-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.97-.49 1.96.49q.83.49 1.29 1.39.45.89.45 2.07t-.45 2.07-1.28 1.38-1.96.49m0-1.53q.58 0 .97-.31.39-.32.58-.87a3.7 3.7 0 0 0 .19-1.23 3.7 3.7 0 0 0-.19-1.23 1.87 1.87 0 0 0-.58-.86q-.39-.32-.97-.32t-.97.32q-.38.32-.58.86-.19.54-.19 1.23 0 .68.19 1.23.2.55.58.87.39.31.97.31M30.97 17V6.81h1.96v8.55h4.44V17z"/>
+</svg>
+`;
+
+/**
+ * __LoomInternalLogo__
+ *
+ * A temporary component to represent the logo for Loom.
+ *
+ */
+export function LoomInternalLogo({
+  size,
+  appearance = 'brand',
+  label = 'Loom',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/more-atlassian-apps/icon.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::2872aa1947c414233b22f1d9339f860e>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#dddee1)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" d="M11.13 5.88H5.88v5.25h5.25zm0 7H5.88v5.25h5.25zm1.75-7h5.25v5.25h-5.25zm5.25 7h-5.25v5.25h5.25z"/>
+</svg>
+`;
+
+/**
+ * __MoreAtlassianAppsIcon__
+ *
+ * A temporary component to represent the icon for More Atlassian Apps.
+ * @deprecated This component has been replaced by the component `MoreAtlassianAppsIcon` 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 function MoreAtlassianAppsIcon({
+  size,
+  appearance = 'brand',
+  label = 'More Atlassian Apps',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/more-atlassian-apps/index.js

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

package/dist/es2019/artifacts/logo-components/opsgenie/icon.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::beefaa24a87f689ce1de7425b081e3a3>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#ffc716)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" d="M12.696 19.45c-.49.361-.749.336-1.24-.026-2.375-1.704-4.57-3.641-6.042-5.655-.155-.207-.078-.49.155-.62l2.685-1.678q.35-.233.62.077c1.033 1.188 2.04 2.35 3.202 3.176 1.162-.826 2.17-1.988 3.202-3.176q.272-.31.62-.078l2.686 1.679c.232.13.31.413.155.62-1.472 2.014-3.667 3.95-6.043 5.68m-.62-7.411c2.118 0 3.874-1.73 3.874-3.848s-1.756-3.9-3.874-3.9c-2.117 0-3.873 1.757-3.873 3.9s1.704 3.848 3.873 3.848"/>
+</svg>
+`;
+
+/**
+ * __OpsgenieIcon__
+ *
+ * A temporary component to represent the icon for Opsgenie.
+ * @deprecated This component has been replaced by the component `OpsgenieIcon` 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 function OpsgenieIcon({
+  size,
+  appearance = 'brand',
+  label = 'Opsgenie',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/opsgenie/index.js

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

package/dist/es2019/artifacts/logo-components/opsgenie/logo-cs.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c628c4e6fb32586c4ae7ee08ce8a67f3>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 164 32">
+    <path fill="var(--text-color, #1e1f21)" d="M156.69 12.09c-2.79 0-4.2 1.81-4.48 4.48h8.56c-.15-2.85-1.44-4.48-4.08-4.48m5.89 12.64c-1.26.67-3.19.92-4.75.92-5.73 0-8.25-3.31-8.25-8 0-4.63 2.58-7.94 7.24-7.94 4.72 0 6.62 3.28 6.62 7.94v1.2h-11.19c.37 2.61 2.06 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zM143.39 5.95c0-1.16.77-1.84 1.84-1.84s1.84.68 1.84 1.84-.77 1.84-1.84 1.84-1.84-.67-1.84-1.84m.49 19.38V10h2.64v15.33zm-3.68-8.98v8.99h-2.64v-9.26c0-2.76-1.1-3.99-3.62-3.99-2.45 0-4.14 1.63-4.14 4.72v8.53h-2.64V10h2.64v2.51c.98-1.81 2.79-2.82 4.85-2.82 3.53 0 5.55 2.42 5.55 6.66m-22.92-4.26c-2.79 0-4.2 1.81-4.48 4.48h8.56c-.15-2.85-1.44-4.48-4.08-4.48m5.89 12.64c-1.26.67-3.19.92-4.75.92-5.73 0-8.25-3.31-8.25-8 0-4.63 2.58-7.94 7.24-7.94 4.72 0 6.62 3.28 6.62 7.94v1.2h-11.19c.37 2.61 2.06 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zm-18.64-.62v-1.53c-.98 2.02-2.82 3.07-5.18 3.07-4.05 0-6.07-3.47-6.07-7.97 0-4.32 2.12-7.97 6.38-7.97 2.24 0 3.96 1.01 4.88 3.01V10h2.58v13.95c0 4.51-2.12 7.54-7.6 7.54-2.58 0-3.99-.34-5.46-.83v-2.58c1.69.55 3.44.92 5.34.92 3.83 0 5.15-2.06 5.15-4.91m-8.68-6.44c0 3.68 1.47 5.52 4.2 5.52 2.36 0 4.48-1.5 4.48-4.91v-1.23c0-3.4-1.93-4.91-4.17-4.91-2.97 0-4.51 1.96-4.51 5.52m-4.72 3.52c0 2.55-1.66 4.48-5.76 4.48-2.3 0-4.17-.52-5.34-1.13v-2.79c1.32.77 3.53 1.5 5.46 1.5 2.02 0 3.07-.83 3.07-2.02 0-1.17-.89-1.84-3.8-2.55-3.4-.83-4.85-2.15-4.85-4.66 0-2.67 2.06-4.29 5.55-4.29 1.99 0 3.8.49 4.94 1.1v2.73c-1.84-.92-3.34-1.41-4.97-1.41-1.93 0-2.97.67-2.97 1.87 0 1.07.74 1.75 3.56 2.42 3.4.83 5.12 2.09 5.12 4.75m-16.29-3.49c0-3.68-1.47-5.52-4.2-5.52-2.36 0-4.48 1.5-4.48 4.91v1.23c0 3.4 1.93 4.91 4.17 4.91 2.98 0 4.51-1.96 4.51-5.52m-3.8 7.97c-2.24 0-3.96-1.01-4.88-3.01v8.68h-2.64V10h2.64v2.76c.98-2.02 2.82-3.07 5.18-3.07 4.08 0 6.13 3.47 6.13 7.97 0 4.32-2.15 7.97-6.44 7.97m-20.11.01c-6.22 0-9.72-4.29-9.72-10.43 0-6.07 3.5-10.33 9.72-10.33 6.2 0 9.69 4.26 9.69 10.34 0 6.13-3.5 10.43-9.69 10.43m0-18.12c-4.97 0-6.96 3.53-6.96 7.7 0 4.26 1.99 7.79 6.96 7.79 4.94 0 6.93-3.53 6.93-7.79 0-4.17-1.99-7.7-6.93-7.7"/>
+    <path fill="var(--tile-color,#ffc716)" d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"/>
+    <path fill="var(--icon-color, #101214)" d="M16.905 25.684c-.638.47-.974.437-1.612-.033-3.088-2.216-5.942-4.734-7.855-7.352-.202-.269-.1-.638.201-.806l3.491-2.182q.454-.302.806.1c1.343 1.545 2.652 3.056 4.163 4.13 1.51-1.074 2.82-2.585 4.163-4.13q.352-.402.805-.1l3.491 2.182c.303.168.403.537.202.806-1.914 2.618-4.767 5.136-7.855 7.385m-.806-9.635c2.753 0 5.035-2.249 5.035-5.001s-2.282-5.07-5.035-5.07-5.036 2.283-5.036 5.07c0 2.786 2.216 5.001 5.036 5.001"/>
+</svg>
+`;
+
+/**
+ * __OpsgenieLogoCS__
+ *
+ * A temporary component to represent the logo for Opsgenie.
+ *
+ */
+export function OpsgenieLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Opsgenie',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/opsgenie/logo.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::25b39e30c0772d4f81b14c3fab73465e>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 96 24">
+    <path fill="var(--tile-color,#ffc716)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" d="M12.696 19.45c-.49.361-.749.336-1.24-.026-2.375-1.704-4.57-3.641-6.042-5.655-.155-.207-.078-.49.155-.62l2.685-1.678q.35-.233.62.077c1.033 1.188 2.04 2.35 3.202 3.176 1.162-.826 2.17-1.988 3.202-3.176q.272-.31.62-.078l2.686 1.679c.232.13.31.413.155.62-1.472 2.014-3.667 3.95-6.043 5.68m-.62-7.411c2.118 0 3.874-1.73 3.874-3.848s-1.756-3.9-3.874-3.9c-2.117 0-3.873 1.757-3.873 3.9s1.704 3.848 3.873 3.848"/>
+    <path fill="var(--text-color, #292a2e)" d="M91.18 17.15q-1.16 0-2-.48a3.25 3.25 0 0 1-1.29-1.37q-.45-.88-.45-2.08 0-1.18.44-2.06a3.4 3.4 0 0 1 1.26-1.39q.82-.5 1.93-.5.73 0 1.36.23.64.23 1.14.71.49.47.77 1.2t.28 1.72v.57h-6.35v-1.25h5.39l-.9.35a2.8 2.8 0 0 0-.19-1.08A1.55 1.55 0 0 0 92 11q-.37-.26-.93-.26-.55 0-.94.26t-.59.7-.2.99v.88q0 .69.23 1.17.24.47.66.71t.98.24q.37 0 .68-.11t.53-.31a1.4 1.4 0 0 0 .34-.52l1.75.34q-.18.62-.63 1.09-.45.46-1.13.73-.68.25-1.54.25M84.02 17V9.36h1.93V17zM84 8.27V6.52h1.98v1.75zm-6.71 4.28V17h-1.93V9.36h1.82l.03 1.9h-.13q.31-.97.92-1.48.62-.51 1.57-.51.79 0 1.37.34.6.34.92.98.33.64.33 1.55V17h-1.92v-4.54q0-.74-.38-1.16t-1.05-.42q-.45 0-.81.2a1.34 1.34 0 0 0-.55.57q-.2.37-.2.9m-6.8 4.6q-1.16 0-2-.48a3.25 3.25 0 0 1-1.29-1.37q-.45-.88-.45-2.08 0-1.18.44-2.06a3.4 3.4 0 0 1 1.26-1.39q.82-.5 1.93-.5.73 0 1.36.23.64.23 1.14.71.49.47.77 1.2t.28 1.72v.57h-6.35v-1.25h5.39l-.9.35a2.8 2.8 0 0 0-.19-1.08 1.55 1.55 0 0 0-.57-.72q-.37-.26-.93-.26t-.94.26q-.39.26-.59.7a2.3 2.3 0 0 0-.2.99v.88q0 .69.23 1.17.24.47.66.71t.98.24q.37 0 .68-.11t.53-.31a1.4 1.4 0 0 0 .34-.52l1.75.34q-.18.62-.64 1.09-.45.46-1.13.73-.68.25-1.54.25m-8.9 2.86q-.94 0-1.63-.24-.69-.23-1.13-.65a2.3 2.3 0 0 1-.61-.94l1.64-.51q.11.21.32.42t.55.35q.35.14.87.14.81 0 1.28-.38.47-.37.47-1.16v-1.41h-.15q-.14.29-.4.58a2 2 0 0 1-.68.48q-.42.19-1.07.19a3.1 3.1 0 0 1-1.58-.41q-.7-.41-1.13-1.24-.42-.83-.42-2.08 0-1.28.42-2.15t1.13-1.31a2.9 2.9 0 0 1 1.58-.44q.66 0 1.09.23.44.22.7.54.27.32.4.61h.09V9.36h1.89v7.62q0 1.02-.47 1.7-.46.68-1.29 1-.82.33-1.88.33m.03-4.62q.55 0 .94-.27.38-.27.58-.77.21-.5.21-1.21 0-.7-.2-1.22-.2-.53-.58-.81-.38-.29-.94-.29-.57 0-.96.3-.38.3-.58.83a3.5 3.5 0 0 0-.19 1.2q0 .68.2 1.19t.58.79q.39.27.95.27m-8.19 1.75q-.9 0-1.6-.25a2.84 2.84 0 0 1-1.14-.75 2.5 2.5 0 0 1-.57-1.2l1.8-.32q.15.55.54.82t1.02.27q.62 0 .98-.24t.36-.61q0-.31-.25-.51t-.76-.31l-1.31-.27q-1.09-.23-1.63-.77t-.54-1.39q0-.72.4-1.24.4-.53 1.1-.81.71-.29 1.65-.29.89 0 1.53.25.65.25 1.05.7.4.44.55 1.06l-1.71.31a1.3 1.3 0 0 0-.46-.66q-.33-.27-.92-.27-.53 0-.9.23-.35.23-.35.6 0 .32.23.52.24.2.8.33l1.34.27q1.09.23 1.63.74t.54 1.33q0 .74-.43 1.3-.43.55-1.19.87-.75.31-1.74.31m-11.78 2.69V9.36h1.89v1.28h.1q.14-.29.4-.61t.69-.54 1.09-.22q.87 0 1.57.44.71.44 1.13 1.32.42.87.42 2.17 0 1.26-.41 2.15-.41.87-1.12 1.33a2.87 2.87 0 0 1-1.6.46q-.63 0-1.07-.21a2.3 2.3 0 0 1-.7-.53 3 3 0 0 1-.4-.61h-.07v4.07zm3.61-4.28q.57 0 .95-.31t.57-.85q.2-.54.2-1.23a3.5 3.5 0 0 0-.2-1.22 1.8 1.8 0 0 0-.57-.83q-.38-.31-.95-.31-.55 0-.94.29-.38.29-.58.83-.2.53-.2 1.24t.2 1.25.59.84.94.3m-9.91 1.56q-1.35 0-2.42-.62t-1.69-1.79q-.61-1.17-.61-2.82t.62-2.82q.62-1.18 1.69-1.79 1.07-.62 2.42-.62 1.34 0 2.41.62t1.68 1.79q.62 1.17.62 2.82t-.62 2.82q-.61 1.17-1.68 1.78t-2.41.62m0-1.75q.81 0 1.42-.4.62-.4.96-1.17.35-.78.35-1.9 0-1.13-.35-1.91t-.96-1.18-1.41-.4q-.81 0-1.43.4-.61.4-.96 1.18-.34.78-.34 1.91 0 1.12.34 1.9.35.77.96 1.18.62.4 1.43.4"/>
+</svg>
+`;
+
+/**
+ * __OpsgenieLogo__
+ *
+ * A temporary component to represent the logo for Opsgenie.
+ *
+ */
+export function OpsgenieLogo({
+  size,
+  appearance = 'brand',
+  label = 'Opsgenie',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/projects/icon.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::dd8a9cb4b351840981b01e2d2f3f81dc>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#dddee1)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" fill-rule="evenodd" d="m5.106 14.44 1.856-1.856-1.856-1.856L6.653 9.18h3.712l2.784-2.784h4.332v4.33l-2.785 2.785v3.712L13.15 18.77l-1.857-1.856-1.856 1.856-1.7-1.7 2.784-2.784-.928-.928-2.784 2.784zm10.209-4.331a1.094 1.094 0 1 1-1.547-1.546 1.094 1.094 0 0 1 1.547 1.546" clip-rule="evenodd"/>
+</svg>
+`;
+
+/**
+ * __ProjectsIcon__
+ *
+ * A temporary component to represent the icon for Projects.
+ * @deprecated This component has been replaced by the component `ProjectsIcon` 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 function ProjectsIcon({
+  size,
+  appearance = 'brand',
+  label = 'Projects',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/projects/index.js

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

package/dist/es2019/artifacts/logo-components/projects/logo-cs.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::3a0db3f343269e63fd1e6e69f81074bb>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 145 32">
+    <path fill="var(--text-color, #1e1f21)" d="M144.54 21.16c0 2.55-1.66 4.48-5.77 4.48-2.3 0-4.17-.52-5.34-1.13v-2.79c1.32.77 3.53 1.5 5.46 1.5 2.02 0 3.07-.83 3.07-2.02 0-1.17-.89-1.84-3.8-2.55-3.4-.83-4.84-2.15-4.84-4.66 0-2.67 2.05-4.29 5.55-4.29 1.99 0 3.8.49 4.94 1.1v2.73c-1.84-.92-3.34-1.41-4.97-1.41-1.93 0-2.97.67-2.97 1.87 0 1.07.74 1.75 3.56 2.42 3.4.83 5.12 2.09 5.12 4.75m-17.75-.58c0 1.35.8 2.27 2.42 2.27.61 0 1.2-.12 1.66-.21v2.55c-.46.12-.98.25-1.78.25-3.28 0-4.88-1.93-4.88-4.78v-8.19h-2.48V10h2.48V6.75h2.58V10h4.08v2.45h-4.08zm-6.66 1.99v2.36c-.92.49-2.33.71-3.74.71-5.46 0-8-3.31-8-8 0-4.63 2.55-7.94 8-7.94 1.38 0 2.45.18 3.65.74v2.45c-.98-.46-2.02-.74-3.47-.74-3.99 0-5.61 2.52-5.61 5.49s1.66 5.49 5.67 5.49c1.56 0 2.55-.21 3.5-.55M99.43 12.09c-2.79 0-4.2 1.81-4.48 4.48h8.56c-.15-2.85-1.44-4.48-4.08-4.48m5.89 12.64c-1.26.67-3.19.92-4.75.92-5.73 0-8.25-3.31-8.25-8 0-4.63 2.58-7.94 7.24-7.94 4.72 0 6.62 3.28 6.62 7.94v1.2h-11.2c.37 2.61 2.05 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zM83.8 31.25v-2.36c.31.03.49.03.77.03 1.13 0 2.05-.49 2.05-1.87V10h2.64v17.36c0 2.82-1.59 4.02-4.11 4.02-.67 0-1.13-.06-1.35-.12m2.3-25.3c0-1.16.77-1.84 1.84-1.84s1.84.68 1.84 1.84-.77 1.84-1.84 1.84-1.84-.67-1.84-1.84M76.07 25.64c-4.6 0-7.3-3.4-7.3-8s2.7-7.94 7.3-7.94c4.57 0 7.24 3.34 7.24 7.94s-2.67 8-7.24 8m0-13.49c-3.28 0-4.72 2.58-4.72 5.49s1.44 5.55 4.72 5.55c3.25 0 4.66-2.64 4.66-5.55s-1.41-5.49-4.66-5.49M62.3 16.29v9.05h-2.58V10h2.58v2.7c.89-1.81 2.42-3.1 5.43-2.91v2.58c-3.37-.34-5.43.67-5.43 3.93m-5-4.4c0 4.39-2.45 6.84-7.48 6.84H45.8v6.59h-2.76V5.19h6.78c5.03 0 7.48 2.58 7.48 6.72m-7.79 4.2c3.56.12 4.94-1.56 4.94-4.14 0-2.45-1.38-4.14-4.94-4.14H45.8v8.28z"/>
+    <path fill="var(--tile-color,#dddee1)" d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"/>
+    <path fill="var(--icon-color, #101214)" fill-rule="evenodd" d="m6.152 19.486 2.651-2.652-2.651-2.651 2.21-2.21h5.303l3.977-3.977h6.187v6.187l-3.977 3.977v5.304l-2.21 2.21-2.652-2.652-2.651 2.651-2.429-2.428 3.978-3.978-1.326-1.325-3.978 3.977zM20.736 13.3a1.562 1.562 0 1 1-2.21-2.21 1.562 1.562 0 0 1 2.21 2.21" clip-rule="evenodd"/>
+</svg>
+`;
+
+/**
+ * __ProjectsLogoCS__
+ *
+ * A temporary component to represent the logo for Projects.
+ *
+ */
+export function ProjectsLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Projects',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/projects/logo.js

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::db4056bc17f1a257fa5365d6761a750a>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 86 24">
+    <path fill="var(--tile-color,#dddee1)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" fill-rule="evenodd" d="m5.106 14.44 1.856-1.856-1.856-1.856L6.653 9.18h3.712l2.784-2.784h4.332v4.33l-2.785 2.785v3.712L13.15 18.77l-1.857-1.856-1.856 1.856-1.7-1.7 2.784-2.784-.928-.928-2.784 2.784zm10.209-4.331a1.094 1.094 0 1 1-1.547-1.546 1.094 1.094 0 0 1 1.547 1.546" clip-rule="evenodd"/>
+    <path fill="var(--text-color, #292a2e)" d="M81.97 17.15q-.9 0-1.6-.25a2.84 2.84 0 0 1-1.14-.75 2.5 2.5 0 0 1-.57-1.2l1.8-.32q.15.55.54.82t1.03.27q.61 0 .98-.24.36-.24.36-.61 0-.31-.25-.51t-.76-.31l-1.31-.27q-1.09-.23-1.63-.77t-.54-1.39q0-.72.4-1.24.4-.53 1.1-.81.71-.29 1.65-.29.89 0 1.53.25.65.25 1.05.7.4.44.55 1.06l-1.71.31a1.3 1.3 0 0 0-.46-.66q-.33-.27-.92-.27-.53 0-.89.23t-.36.6q0 .32.23.52.24.2.8.33l1.34.27q1.1.23 1.63.74.54.51.54 1.33 0 .74-.43 1.3-.43.55-1.19.87-.75.31-1.74.31m-4.26-7.81v1.48H73.3V9.36zm-3.38-1.82h1.92v7.27q0 .38.17.57t.56.19q.12 0 .32-.03.21-.03.32-.06l.29 1.46q-.31.1-.64.13a5 5 0 0 1-.62.04q-1.13 0-1.73-.55-.59-.56-.59-1.59zm-5.13 9.61q-1.13 0-1.96-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.96-.49q.66 0 1.22.17t1 .49.73.78.41 1.03l-1.8.36q-.06-.3-.2-.54a1.5 1.5 0 0 0-.33-.4 1.3 1.3 0 0 0-.44-.26 1.6 1.6 0 0 0-.56-.09q-.58 0-.97.31t-.59.86q-.2.54-.2 1.24t.2 1.24.59.86q.39.31.97.31.32 0 .57-.09.26-.09.46-.27t.34-.42q.14-.25.2-.56l1.79.35q-.11.6-.4 1.06a2.8 2.8 0 0 1-.73.79 3.3 3.3 0 0 1-1 .51q-.56.17-1.23.17m-8.29-.02q-1.16 0-2-.48a3.26 3.26 0 0 1-1.29-1.37q-.45-.88-.45-2.08 0-1.18.45-2.06a3.4 3.4 0 0 1 1.26-1.39q.82-.5 1.93-.5.73 0 1.36.23.64.23 1.14.71.49.47.77 1.2t.28 1.72v.57h-6.34v-1.25h5.39l-.9.35a2.8 2.8 0 0 0-.19-1.08 1.55 1.55 0 0 0-.57-.72q-.37-.26-.93-.26-.55 0-.94.26t-.59.7-.2.99v.88q0 .69.23 1.17.24.47.66.71t.98.24q.37 0 .68-.11t.53-.31a1.4 1.4 0 0 0 .34-.52l1.75.34q-.18.62-.64 1.09-.45.46-1.13.73-.68.25-1.54.25m-7.19-7.8h1.93v8.06q0 .86-.33 1.39-.33.54-.95.79-.61.26-1.48.26h-.39v-1.54h.27q.52 0 .73-.24.22-.23.22-.69zm-.03-1.09V6.51h1.98v1.76zm-5.15 8.88q-1.13 0-1.97-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.97-.49q1.13 0 1.96.49t1.29 1.39q.45.89.45 2.07t-.45 2.07a3.3 3.3 0 0 1-1.28 1.38q-.83.49-1.96.49m0-1.53q.58 0 .97-.31.39-.32.58-.87a3.7 3.7 0 0 0 .19-1.23 3.7 3.7 0 0 0-.19-1.23 1.87 1.87 0 0 0-.58-.86q-.39-.32-.97-.32t-.97.32q-.38.32-.58.86-.19.54-.19 1.23 0 .68.19 1.23.2.55.58.87.39.31.97.31M39.95 17V9.36h1.87v1.31h.08q.21-.68.71-1.05a1.93 1.93 0 0 1 1.16-.36q.15 0 .33.02.19.01.32.04v1.74a2 2 0 0 0-.38-.07 5 5 0 0 0-.48-.03q-.48 0-.86.21a1.5 1.5 0 0 0-.6.57 1.65 1.65 0 0 0-.21.85V17zm-8.98 0V6.81h3.9q1.16 0 1.97.45.81.44 1.22 1.21.42.77.42 1.76t-.42 1.76-1.25 1.2q-.81.43-1.99.43h-2.53v-1.6h2.25q.66 0 1.09-.22.43-.23.64-.64.2-.41.21-.93 0-.53-.2-.93a1.44 1.44 0 0 0-.64-.63q-.43-.23-1.09-.23h-1.6V17z"/>
+</svg>
+`;
+
+/**
+ * __ProjectsLogo__
+ *
+ * A temporary component to represent the logo for Projects.
+ *
+ */
+export function ProjectsLogo({
+  size,
+  appearance = 'brand',
+  label = 'Projects',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/rovo/icon.js

@@ -0,0 +1,38 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::381f7987563be8499a0e54ff3032bfd7>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#1868db)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, white)" d="M11.057 5.257a1.57 1.57 0 0 1 1.539.015l4.621 2.668c.484.279.783.797.783 1.354v5.336a1.56 1.56 0 0 1-.782 1.355l-3.474 2.005a2 2 0 0 0 .12-.691v-5.337c0-.733-.39-1.409-1.026-1.774l-2.59-1.495V6.626q.001-.246.074-.473c.117-.364.366-.68.707-.877z"/>
+    <path fill="var(--icon-color, white)" d="M9.881 5.94 6.408 7.945A1.56 1.56 0 0 0 5.625 9.3v5.337c0 .557.3 1.075.783 1.354l4.621 2.668c.475.274 1.06.279 1.539.015l.027-.019a1.57 1.57 0 0 0 .781-1.35v-2.067l-2.589-1.495a2.05 2.05 0 0 1-1.026-1.775V6.631a2 2 0 0 1 .12-.691"/>
+</svg>
+`;
+
+/**
+ * __RovoIcon__
+ *
+ * A temporary component to represent the icon for Rovo.
+ * @deprecated This component has been replaced by the component `RovoIcon` 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 function RovoIcon({
+  size,
+  appearance = 'brand',
+  label = 'Rovo',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/rovo/index.js

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

package/dist/es2019/artifacts/logo-components/rovo/logo-cs.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f01ddc6d7673bd212094955c82b9af78>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 106 32">
+    <path fill="var(--text-color, #1e1f21)" d="M98.36 25.64c-4.6 0-7.3-3.4-7.3-8s2.7-7.94 7.3-7.94c4.57 0 7.24 3.34 7.24 7.94s-2.67 8-7.24 8m0-13.49c-3.28 0-4.72 2.58-4.72 5.49s1.44 5.55 4.72 5.55c3.25 0 4.66-2.64 4.66-5.55s-1.41-5.49-4.66-5.49M84.34 25.33h-3.53L74.87 10h2.76l4.97 13.1L87.53 10h2.76zm-17.46.31c-4.6 0-7.3-3.4-7.3-8s2.7-7.94 7.3-7.94c4.57 0 7.24 3.34 7.24 7.94s-2.67 8-7.24 8m0-13.49c-3.28 0-4.72 2.58-4.72 5.49s1.44 5.55 4.72 5.55c3.25 0 4.66-2.64 4.66-5.55s-1.41-5.49-4.66-5.49M49.84 7.82h-4.05v7.36h4.05c3.59 0 4.69-1.38 4.69-3.68 0-2.18-1.13-3.68-4.69-3.68m7.45 3.62c0 3.04-1.29 5.09-3.96 5.95l4.94 7.94h-3.25l-4.44-7.51H45.8v7.51h-2.76V5.19h7.12c4.81 0 7.15 2.39 7.15 6.26"/>
+    <path fill="var(--tile-color,#1868db)" d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"/>
+    <path fill="var(--icon-color, white)" d="M15.013 6.281a2.26 2.26 0 0 1 2.222.021l6.674 3.854a2.26 2.26 0 0 1 1.131 1.956v7.707c0 .809-.43 1.553-1.13 1.956l-5.018 2.896q.017-.046.032-.093c.093-.289.142-.594.142-.906v-7.707a2.95 2.95 0 0 0-1.481-2.563l-3.74-2.158V8.258c0-.235.036-.465.105-.682.17-.527.529-.983 1.021-1.267h.002z"/>
+    <path fill="var(--icon-color, white)" d="m13.314 7.267-5.017 2.896a2.25 2.25 0 0 0-1.13 1.956v7.707c0 .806.432 1.553 1.13 1.956l6.675 3.854c.686.396 1.53.403 2.222.02l.04-.026c.493-.284.853-.74 1.023-1.267a2.3 2.3 0 0 0 .105-.683v-2.986l-3.74-2.158a2.96 2.96 0 0 1-1.482-2.563V8.266a3 3 0 0 1 .174-1"/>
+</svg>
+`;
+
+/**
+ * __RovoLogoCS__
+ *
+ * A temporary component to represent the logo for Rovo.
+ *
+ */
+export function RovoLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Rovo',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/rovo/logo.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8c3e94da5625f5d5aea747e0940e0c40>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { LogoWrapper } from '../../../utils/logo-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
+const svg = `<svg height="100%" viewBox="0 0 64 24">
+    <path fill="var(--tile-color,#1868db)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, white)" d="M11.057 5.257a1.57 1.57 0 0 1 1.539.015l4.621 2.668c.484.279.783.797.783 1.354v5.336a1.56 1.56 0 0 1-.782 1.355l-3.474 2.005a2 2 0 0 0 .12-.691v-5.337c0-.733-.39-1.409-1.026-1.774l-2.59-1.495V6.626q.001-.246.074-.473c.117-.364.366-.68.707-.877z"/>
+    <path fill="var(--icon-color, white)" d="M9.881 5.94 6.408 7.945A1.56 1.56 0 0 0 5.625 9.3v5.337c0 .557.3 1.075.783 1.354l4.621 2.668c.475.274 1.06.279 1.539.015l.027-.019a1.57 1.57 0 0 0 .781-1.35v-2.067l-2.589-1.495a2.05 2.05 0 0 1-1.026-1.775V6.631a2 2 0 0 1 .12-.691"/>
+    <path fill="var(--text-color, #292a2e)" d="M59.63 17.15q-1.13 0-1.97-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.97-.49q1.13 0 1.96.49t1.29 1.39q.45.89.45 2.07t-.45 2.07-1.28 1.38-1.96.49m0-1.53q.58 0 .97-.31.39-.32.58-.87a3.7 3.7 0 0 0 .19-1.23 3.7 3.7 0 0 0-.19-1.23 1.87 1.87 0 0 0-.58-.86q-.39-.32-.97-.32t-.97.32q-.38.32-.58.86-.19.54-.19 1.23 0 .68.19 1.23.2.55.58.87.39.31.97.31M50.36 17l-2.83-7.64h2.04l1.34 4.05q.24.74.41 1.49l.37 1.54h-.44q.19-.79.36-1.54t.41-1.49l1.33-4.05h2.02L52.54 17zm-7.08.15q-1.13 0-1.97-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.97-.49 1.96.49q.83.49 1.29 1.39.45.89.45 2.07t-.45 2.07-1.29 1.38q-.83.49-1.96.49m0-1.53q.58 0 .97-.31.39-.32.58-.87t.19-1.23-.19-1.23a1.87 1.87 0 0 0-.58-.86q-.39-.32-.97-.32t-.97.32q-.38.32-.58.86-.19.54-.19 1.23 0 .68.19 1.23.2.55.58.87.39.31.97.31M30.97 17V6.81h3.9q1.16 0 1.97.41t1.22 1.16q.42.74.42 1.72 0 .99-.42 1.72t-1.25 1.12q-.81.38-1.99.38h-2.7v-1.61h2.41q.66 0 1.09-.18t.63-.54q.21-.36.21-.88 0-.53-.21-.89a1.34 1.34 0 0 0-.64-.57q-.42-.2-1.09-.2h-1.6V17zm5.7 0-2.47-4.63h2.14L38.85 17z"/>
+</svg>
+`;
+
+/**
+ * __RovoLogo__
+ *
+ * A temporary component to represent the logo for Rovo.
+ *
+ */
+export function RovoLogo({
+  size,
+  appearance = 'brand',
+  label = 'Rovo',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/rovo-dev/icon.js

@@ -0,0 +1,38 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::fd407d7bb5fab179d28c0061a631e8e8>>
+ * @codegenCommand yarn workspace @atlaskit/logo generate:components
+ */
+import React from 'react';
+import { IconWrapper } from '../../../utils/icon-wrapper';
+// `height` is set to 100% to allow the SVG to scale with the parent element
+const svg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--tile-color,#94c748)" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z"/>
+    <path fill="var(--icon-color, #101214)" d="M11.26 4.71a1.7 1.7 0 0 1 1.666.017l5.006 2.89c.524.302.848.863.848 1.467v5.78a1.69 1.69 0 0 1-.848 1.467l-3.763 2.172.024-.07c.07-.216.107-.445.107-.679v-5.78c0-.794-.423-1.526-1.112-1.922l-2.805-1.62V6.195q.001-.267.08-.512c.126-.395.396-.737.765-.95l.002-.001z"/>
+    <path fill="var(--icon-color, #101214)" d="M9.986 5.45 6.223 7.623a1.69 1.69 0 0 0-.848 1.466v5.78c0 .605.324 1.166.848 1.468l5.006 2.89a1.7 1.7 0 0 0 1.666.016l.03-.02c.37-.214.64-.556.768-.95q.078-.247.079-.513v-2.24l-2.805-1.618a2.22 2.22 0 0 1-1.112-1.922V6.2a2.2 2.2 0 0 1 .13-.75"/>
+</svg>
+`;
+
+/**
+ * __RovoDevIcon__
+ *
+ * A temporary component to represent the icon for Rovo Dev.
+ * @deprecated This component has been replaced by the component `RovoDevIcon` 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 function RovoDevIcon({
+  size,
+  appearance = 'brand',
+  label = 'Rovo Dev',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}