@atlaskit/logo 19.9.1 → 19.9.3

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

@@ -0,0 +1,38 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::557dd965c02920b468bc15d2f1c373a3>>
+ * @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="M10.7 11.222V19h7.8v-7.778z"/>
+    <path fill="var(--icon-color, #101214)" d="M14.6 7.609 10.05 5 5.5 7.609v5.217l3.64 2.087V9.667h5.46z"/>
+</svg>
+`;
+
+/**
+ * __StudioIcon__
+ *
+ * A temporary component to represent the icon for Studio.
+ * @deprecated This component has been replaced by the component `StudioIcon` 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 StudioIcon({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

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

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

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b99049506cac915656bc5da47e2c0efd>>
+ * @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 124 32">
+    <path fill="var(--text-color, #1e1f21)" d="M116.71 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.49m-13.48-6.2c0-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-15.3-7.66c0 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.52m8.68 7.67v-2.76c-.98 2.02-2.82 3.07-5.18 3.07-4.08 0-6.13-3.46-6.13-7.97 0-4.32 2.15-7.97 6.44-7.97 2.24 0 3.96 1.01 4.88 3.01V3.59h2.64v21.74zm-27.41-6.34V10h2.64v9.26c0 2.76 1.1 3.99 3.62 3.99 2.45 0 4.14-1.62 4.14-4.72V10h2.64v15.33h-2.64v-2.51c-.98 1.81-2.79 2.82-4.84 2.82-3.53 0-5.55-2.42-5.55-6.65m-7.17 1.59c0 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.89-.8c0 3.5-2.08 5.86-7.08 5.86-3.89 0-5.7-.77-7.27-1.56v-2.82c1.87.98 4.75 1.69 7.42 1.69 3.04 0 4.17-1.2 4.17-2.97 0-1.78-1.1-2.73-4.94-3.65-4.54-1.1-6.56-2.67-6.56-5.98 0-3.13 2.39-5.46 7.08-5.46 2.91 0 4.78.71 6.16 1.47v2.76c-2.02-1.16-4.2-1.53-6.29-1.53-2.64 0-4.2.92-4.2 2.76 0 1.66 1.29 2.48 4.84 3.37 4.26 1.07 6.66 2.45 6.66 6.07"/>
+    <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)" d="M14.125 14.125V24.75H24.75V14.125z"/>
+    <path fill="var(--icon-color, #101214)" d="M19.75 9.594 13.5 6 7.25 9.594v7.187l5 2.875V12.25h7.5z"/>
+</svg>
+`;
+
+/**
+ * __StudioLogoCS__
+ *
+ * A temporary component to represent the logo for Studio.
+ *
+ */
+export function StudioLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::e83f6d17c5b6eba5ad68ecde5076be91>>
+ * @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 74 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="M10.7 11.222V19h7.8v-7.778z"/>
+    <path fill="var(--icon-color, #101214)" d="M14.6 7.609 10.05 5 5.5 7.609v5.217l3.64 2.087V9.667h5.46z"/>
+    <path fill="var(--text-color, #292a2e)" d="M69.65 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-.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-.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.31M62.54 17V9.36h1.93V17zm-.02-8.73V6.52h1.98v1.75zm-5.96 8.86a2.9 2.9 0 0 1-1.6-.46q-.71-.46-1.12-1.33-.41-.88-.41-2.15 0-1.29.42-2.17.42-.87 1.13-1.32a2.9 2.9 0 0 1 1.57-.44q.66 0 1.09.23.43.22.69.54.27.32.4.61h.07V6.81h1.92V17h-1.89v-1.22h-.1a2.8 2.8 0 0 1-.4.61q-.27.31-.7.53-.43.21-1.07.21m.56-1.55q.55 0 .94-.3.38-.3.58-.84a3.5 3.5 0 0 0 .21-1.25q0-.72-.2-1.25t-.59-.83q-.38-.29-.94-.29-.57 0-.95.31a1.85 1.85 0 0 0-.58.83 3.6 3.6 0 0 0-.19 1.22q0 .69.19 1.23.2.54.58.85.39.31.95.31m-9.39 1.53q-.79 0-1.39-.34a2.34 2.34 0 0 1-.92-.98q-.33-.65-.33-1.55V9.37h1.93v4.54q0 .75.38 1.16.38.42 1.05.42.46 0 .81-.19.35-.2.55-.57.2-.38.2-.9V9.38h1.93V17h-1.83l-.02-1.9h.12q-.31.98-.93 1.49t-1.56.51m-3.99-7.74v1.48h-4.44V9.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.72 9.61q-1.2 0-2.09-.37t-1.39-1.09q-.5-.73-.53-1.77h1.92q.04.53.32.88t.74.53q.46.17 1.02.17.57 0 1.01-.17.44-.18.68-.49.25-.31.25-.72a.9.9 0 0 0-.22-.62 1.7 1.7 0 0 0-.62-.42 5.3 5.3 0 0 0-.96-.31l-1.13-.29q-1.28-.32-2.01-.99-.72-.67-.72-1.76 0-.91.49-1.59t1.35-1.06 1.94-.38q1.11 0 1.94.38t1.3 1.06q.47.67.49 1.54h-1.9q-.06-.64-.55-.98-.49-.35-1.29-.35a2.5 2.5 0 0 0-.94.17q-.39.16-.6.44a1.06 1.06 0 0 0-.2.64q0 .4.24.66.25.26.63.42.39.16.81.26l.94.23q.61.14 1.15.38.55.24.97.6.42.35.66.84t.24 1.14q0 .91-.46 1.59t-1.33 1.06-2.1.38"/>
+</svg>
+`;
+
+/**
+ * __StudioLogo__
+ *
+ * A temporary component to represent the logo for Studio.
+ *
+ */
+export function StudioLogo({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/studio-new/icon.js

@@ -0,0 +1,38 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::195bd3a19deb671fe29f779e9de58b90>>
+ * @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="M10.594 18.563v-7.97h7.969v7.97zm3.808-6.488-.163.429c-.235.615-.352.922-.572 1.155s-.52.368-1.12.638l-.222.1v.357l.222.099c.6.27.9.405 1.12.638s.337.54.572 1.156l.163.428h.347l.163-.429c.235-.615.352-.922.572-1.155s.52-.368 1.12-.638l.221-.1v-.357l-.22-.1c-.601-.269-.901-.404-1.121-.637s-.337-.54-.572-1.155l-.164-.429z" clip-rule="evenodd"/>
+    <path fill="var(--icon-color, #101214)" d="M14.813 7.195 10.125 4.5 5.438 7.195v5.39l3.75 2.157V9.187h5.625z"/>
+</svg>
+`;
+
+/**
+ * __StudioNewIcon__
+ *
+ * A temporary component to represent the icon for Studio.
+ * @deprecated This component has been replaced by the component `StudioNewIcon` 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 StudioNewIcon({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/studio-new/index.js

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

package/dist/es2019/artifacts/logo-components/studio-new/logo-cs.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ffb29c88c1e14c5de425429a700acab3>>
+ * @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 124 32">
+    <path fill="var(--text-color, #1e1f21)" d="M116.71 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.49m-13.48-6.2c0-1.17.77-1.84 1.84-1.84s1.84.67 1.84 1.84-.77 1.84-1.84 1.84-1.84-.67-1.84-1.84m.49 19.38V10h2.64v15.33zm-15.3-7.66c0 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.52m8.68 7.67v-2.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.97 2.24 0 3.96 1.01 4.88 3.01V3.59h2.64v21.74zm-27.41-6.34V10h2.64v9.26c0 2.76 1.1 3.99 3.62 3.99 2.45 0 4.14-1.63 4.14-4.72V10h2.64v15.33h-2.64v-2.51c-.98 1.81-2.79 2.82-4.85 2.82-3.53 0-5.55-2.42-5.55-6.65m-7.16 1.59c0 1.35.8 2.27 2.42 2.27.61 0 1.2-.12 1.66-.21v2.55a6.3 6.3 0 0 1-1.78.25c-3.28 0-4.88-1.93-4.88-4.78v-8.19h-2.48V10h2.48V6.75h2.58V10h4.08v2.45h-4.08zm-6.89-.8c0 3.5-2.08 5.86-7.08 5.86-3.89 0-5.7-.77-7.27-1.56v-2.82c1.87.98 4.75 1.69 7.42 1.69 3.04 0 4.17-1.2 4.17-2.97s-1.1-2.73-4.94-3.65c-4.54-1.1-6.56-2.67-6.56-5.98 0-3.13 2.39-5.46 7.08-5.46 2.91 0 4.78.71 6.16 1.47v2.76c-2.02-1.16-4.2-1.53-6.29-1.53-2.64 0-4.2.92-4.2 2.76 0 1.66 1.29 2.48 4.85 3.37 4.26 1.07 6.66 2.45 6.66 6.07"/>
+    <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="M14.125 24.75V14.125H24.75V24.75zm5.078-8.65-.218.571c-.312.82-.469 1.23-.762 1.541s-.694.49-1.494.85l-.295.133v.476l.295.133c.8.36 1.2.54 1.494.85.293.311.45.721.762 1.541l.218.572h.462l.218-.572c.313-.82.469-1.23.762-1.54s.694-.491 1.494-.851l.295-.133v-.476l-.295-.132c-.8-.36-1.2-.54-1.494-.85-.293-.312-.45-.722-.762-1.542l-.218-.571z" clip-rule="evenodd"/>
+    <path fill="var(--icon-color, #101214)" d="M19.75 9.594 13.5 6 7.25 9.594v7.187l5 2.875V12.25h7.5z"/>
+</svg>
+`;
+
+/**
+ * __StudioNewLogoCS__
+ *
+ * A temporary component to represent the logo for Studio.
+ *
+ */
+export function StudioNewLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

package/dist/es2019/artifacts/logo-components/studio-new/logo.js

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::a0b5470c82030d9d3a7e702619013b64>>
+ * @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 74 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="M10.594 18.563v-7.97h7.969v7.97zm3.808-6.488-.163.429c-.235.615-.352.922-.572 1.155s-.52.368-1.12.638l-.222.1v.357l.222.099c.6.27.9.405 1.12.638s.337.54.572 1.156l.163.428h.347l.163-.429c.235-.615.352-.922.572-1.155s.52-.368 1.12-.638l.221-.1v-.357l-.22-.1c-.601-.269-.901-.404-1.121-.637s-.337-.54-.572-1.155l-.164-.429z" clip-rule="evenodd"/>
+    <path fill="var(--icon-color, #101214)" d="M14.813 7.195 10.125 4.5 5.438 7.195v5.39l3.75 2.157V9.187h5.625z"/>
+    <path fill="var(--text-color, #292a2e)" d="M69.65 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-.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-.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.31M62.54 17V9.36h1.93V17zm-.02-8.73V6.52h1.98v1.75zm-5.96 8.86a2.9 2.9 0 0 1-1.6-.46q-.71-.46-1.12-1.33-.41-.88-.41-2.15 0-1.29.42-2.17.42-.87 1.13-1.32a2.9 2.9 0 0 1 1.57-.44q.66 0 1.09.23.43.22.69.54.27.32.4.61h.07V6.81h1.92V17h-1.89v-1.22h-.1a2.8 2.8 0 0 1-.4.61q-.27.31-.7.53-.43.21-1.07.21m.56-1.55q.55 0 .94-.3.38-.3.58-.84a3.5 3.5 0 0 0 .21-1.25q0-.72-.2-1.25t-.59-.83q-.38-.29-.94-.29-.57 0-.95.31a1.85 1.85 0 0 0-.58.83 3.6 3.6 0 0 0-.19 1.22q0 .69.19 1.23.2.54.58.85.39.31.95.31m-9.39 1.53q-.79 0-1.39-.34a2.34 2.34 0 0 1-.92-.98q-.33-.65-.33-1.55V9.37h1.93v4.54q0 .75.38 1.16.38.42 1.05.42.46 0 .81-.19.35-.2.55-.57.2-.38.2-.9V9.38h1.93V17h-1.83l-.02-1.9h.12q-.31.98-.93 1.49t-1.56.51m-3.99-7.74v1.48h-4.44V9.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.72 9.61q-1.2 0-2.09-.37t-1.39-1.09q-.5-.73-.53-1.77h1.92q.04.53.32.88t.74.53q.46.17 1.02.17.57 0 1.01-.17.44-.18.68-.49.25-.31.25-.72a.9.9 0 0 0-.22-.62 1.7 1.7 0 0 0-.62-.42 5.3 5.3 0 0 0-.96-.31l-1.13-.29q-1.28-.32-2.01-.99-.72-.67-.72-1.76 0-.91.49-1.59t1.35-1.06 1.94-.38q1.11 0 1.94.38t1.3 1.06q.47.67.49 1.54h-1.9q-.06-.64-.55-.98-.49-.35-1.29-.35a2.5 2.5 0 0 0-.94.17q-.39.16-.6.44a1.06 1.06 0 0 0-.2.64q0 .4.24.66.25.26.63.42.39.16.81.26l.94.23q.61.14 1.15.38.55.24.97.6.42.35.66.84t.24 1.14q0 .91-.46 1.59t-1.33 1.06-2.1.38"/>
+</svg>
+`;
+
+/**
+ * __StudioNewLogo__
+ *
+ * A temporary component to represent the logo for Studio.
+ *
+ */
+export function StudioNewLogo({
+  size,
+  appearance = 'brand',
+  label = 'Studio',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::c1fd3fd4e53954a78af7441133f6a6a1>>
+ * @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,#fb9700)" 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="m9.297 8.753 2.277-5.073h.858l2.277 5.073 5.529.598.265.816-4.121 3.734 1.14 5.442-.695.505-4.824-2.766-4.824 2.766-.695-.505 1.14-5.442-4.121-3.733.265-.817zm.777 6.415v-.678a1.857 1.857 0 0 1 3.715 0v.613a3.6 3.6 0 0 1-1.886.548h-.053a3.6 3.6 0 0 1-1.776-.483m1.858-3.134a1.393 1.393 0 1 0 0-2.786 1.393 1.393 0 0 0 0 2.786" clip-rule="evenodd"/>
+</svg>
+`;
+
+/**
+ * __TalentIcon__
+ *
+ * A temporary component to represent the icon for Talent.
+ * @deprecated This component has been replaced by the component `TalentIcon` 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 TalentIcon({
+  size,
+  appearance = 'brand',
+  label = 'Talent',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d69737e709e7c4233a800f13f41c3e31>>
+ * @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 122 32">
+    <path fill="var(--text-color, #1e1f21)" d="M117.1 20.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-7.33-4.23v8.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.2H82.4c.37 2.61 2.06 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zm-14.47.57c-.21.06-.67.12-1.35.12-2.51 0-4.11-1.19-4.11-4.02V3.59h2.64V21.1c0 1.38.92 1.87 2.06 1.87.28 0 .46 0 .77-.03zm-20.75-7.63c0 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.52m8.68 7.67v-2.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.97 2.24 0 3.96 1.01 4.88 3.01V10h2.64v15.33zM40.28 5.19h15.09v2.64H49.2v17.51h-2.76V7.82h-6.16z"/>
+    <path fill="var(--tile-color,#fb9700)" 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.577 4.907 3.035 6.763 7.372.797.354 1.09-5.495 4.977 1.52 7.257-.927.672-6.431-3.687-6.433 3.687-.926-.672 1.52-7.257-5.495-4.978.353-1.089 7.372-.797 3.035-6.763zm-.668 11.936a2.476 2.476 0 0 0-2.476 2.477v.904a4.8 4.8 0 0 0 2.369.644h.07a4.8 4.8 0 0 0 2.514-.73v-.818a2.477 2.477 0 0 0-2.477-2.477m0-4.511a1.857 1.857 0 1 0 0 3.714 1.857 1.857 0 0 0 0-3.714"/>
+</svg>
+`;
+
+/**
+ * __TalentLogoCS__
+ *
+ * A temporary component to represent the logo for Talent.
+ *
+ */
+export function TalentLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Talent',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::bb35b7054623b07efcbfa43ff9869c5b>>
+ * @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 73 24">
+    <path fill="var(--tile-color,#fb9700)" 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="m9.297 8.753 2.277-5.073h.858l2.277 5.073 5.529.598.265.816-4.121 3.734 1.14 5.442-.695.505-4.824-2.766-4.824 2.766-.695-.505 1.14-5.442-4.121-3.733.265-.817zm.777 6.415v-.678a1.857 1.857 0 0 1 3.715 0v.613a3.6 3.6 0 0 1-1.886.548h-.053a3.6 3.6 0 0 1-1.776-.483m1.858-3.134a1.393 1.393 0 1 0 0-2.786 1.393 1.393 0 0 0 0 2.786" clip-rule="evenodd"/>
+    <path fill="var(--text-color, #292a2e)" d="M72.52 9.36v1.48h-4.44V9.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-7.02 5.01V17h-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.55V17H65.1v-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.81 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.57H52.4v-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-5.25-.11q-1.12 0-1.65-.5t-.53-1.49V6.82h1.93v7.96q0 .39.12.57.13.17.45.17.17 0 .26-.01.1-.01.16-.03l.32 1.42q-.16.06-.44.11a3.5 3.5 0 0 1-.61.05m-8.18.07a2.9 2.9 0 0 1-1.59-.46q-.7-.46-1.12-1.33-.41-.88-.41-2.15 0-1.29.42-2.17.42-.87 1.14-1.32a2.9 2.9 0 0 1 1.58-.44q.66 0 1.09.23.43.22.69.54t.4.61h.08V9.36h1.91V17h-1.9v-1.22h-.08a2.6 2.6 0 0 1-.41.61q-.27.32-.7.53t-1.08.21m.57-1.55q.56 0 .94-.3t.58-.84q.21-.54.21-1.25 0-.72-.2-1.25t-.58-.83-.94-.29q-.57 0-.96.3a1.85 1.85 0 0 0-.58.83 3.6 3.6 0 0 0-.19 1.23q0 .69.2 1.23t.58.85q.39.31.95.31M30.54 8.46V6.82h8.22v1.64h-3.12V17h-1.97V8.46z"/>
+</svg>
+`;
+
+/**
+ * __TalentLogo__
+ *
+ * A temporary component to represent the logo for Talent.
+ *
+ */
+export function TalentLogo({
+  size,
+  appearance = 'brand',
+  label = 'Talent',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,37 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::679db22f20a8bcb2df3bd71c0103c3c9>>
+ * @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="M8.06 11.25a2.63 2.63 0 1 0 0-5.25 2.63 2.63 0 0 0 0 5.25m7.88 0a2.63 2.63 0 1 0 0-5.25 2.63 2.63 0 0 0 0 5.25m.17 1.31a2.89 2.89 0 0 1 2.89 2.9V18h-7.22l1.66-3.67a2.89 2.89 0 0 1 2.67-1.77M5 15.63V18h4.81l1.31-2.81a2.63 2.63 0 0 0-2.62-2.63h-.44A3.06 3.06 0 0 0 5 15.63"/>
+</svg>
+`;
+
+/**
+ * __TeamsIcon__
+ *
+ * A temporary component to represent the icon for Teams.
+ * @deprecated This component has been replaced by the component `TeamsIcon` 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 TeamsIcon({
+  size,
+  appearance = 'brand',
+  label = 'Teams',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7c293c2724f1e375a5c30a276e34a2a8>>
+ * @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 127 32">
+    <path fill="var(--text-color, #1e1f21)" d="M126.58 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.16-.89-1.84-3.8-2.54-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-24.66-4.36v8.53h-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.52c.98-1.81 2.79-2.82 4.85-2.82 2.61 0 4.39 1.32 5.15 3.74.86-2.36 2.91-3.74 5.46-3.74 3.44 0 5.34 2.33 5.34 6.66v8.99h-2.64v-8.52c0-3.16-1.1-4.72-3.62-4.72-2.45 0-4.14 1.63-4.14 4.72m-28.33.84c0 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.52m8.68 7.67v-2.76c-.98 2.02-2.82 3.07-5.18 3.07-4.08 0-6.13-3.46-6.13-7.97 0-4.32 2.15-7.97 6.44-7.97 2.24 0 3.96 1.01 4.88 3.01V10h2.64v15.33zM61.99 12.08c-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.68-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.2H57.55c.37 2.61 2.06 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zM40.28 5.19h15.09v2.64H49.2v17.51h-2.76V7.82h-6.16z"/>
+    <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)" d="M10.75 14.83a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m10.5 0a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.23 1.75a3.86 3.86 0 0 1 3.86 3.86v3.72h-9.62l2.21-5.23a3.86 3.86 0 0 1 3.55-2.35M6.67 20.67v3.5h6.42l1.75-4.08a3.5 3.5 0 0 0-3.5-3.5h-.58a4.08 4.08 0 0 0-4.08 4.08"/>
+</svg>
+`;
+
+/**
+ * __TeamsLogoCS__
+ *
+ * A temporary component to represent the logo for Teams.
+ *
+ */
+export function TeamsLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Teams',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::07385abe0bd967538daf59ac3109f8dd>>
+ * @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 76 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="M8.06 11.25a2.63 2.63 0 1 0 0-5.25 2.63 2.63 0 0 0 0 5.25m7.88 0a2.63 2.63 0 1 0 0-5.25 2.63 2.63 0 0 0 0 5.25m.17 1.31a2.89 2.89 0 0 1 2.89 2.9V18h-7.22l1.66-3.67a2.89 2.89 0 0 1 2.67-1.77M5 15.63V18h4.81l1.31-2.81a2.63 2.63 0 0 0-2.62-2.63h-.44A3.06 3.06 0 0 0 5 15.63"/>
+    <path fill="var(--text-color, #292a2e)" d="M71.88 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.62 0 .98-.24t.36-.61q0-.31-.25-.51t-.76-.31l-1.31-.27q-1.1-.24-1.64-.78t-.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.09.23 1.63.74t.54 1.33q0 .74-.43 1.3-.43.55-1.19.87-.75.31-1.74.31M56.21 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.17-.71.55-1.18.39-.46.91-.69.53-.23 1.12-.23.69 0 1.24.3.56.3.87.88.32.58.32 1.42V17h-1.92v-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-.37 0-.68.17a1.2 1.2 0 0 0-.48.51q-.18.33-.18.81V17zm-5.99.13a2.9 2.9 0 0 1-1.59-.46q-.7-.46-1.12-1.33-.41-.88-.41-2.15 0-1.29.42-2.17.42-.87 1.14-1.32a2.9 2.9 0 0 1 1.58-.44q.66 0 1.09.23.43.22.69.54t.4.61h.08V9.36h1.91V17h-1.9v-1.22h-.08a2.6 2.6 0 0 1-.41.61q-.27.32-.7.53t-1.08.21m.57-1.55q.55 0 .94-.3.38-.3.58-.84.21-.54.21-1.25 0-.72-.2-1.25t-.58-.83q-.38-.29-.94-.29-.57 0-.96.3a1.85 1.85 0 0 0-.58.83 3.6 3.6 0 0 0-.19 1.23q0 .69.2 1.23t.58.85q.39.31.95.31m-8.29 1.58q-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.72 0 1.36.23t1.14.71q.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.99.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-12.03-8.7V6.82h8.22v1.64h-3.12V17h-1.97V8.46z"/>
+</svg>
+`;
+
+/**
+ * __TeamsLogo__
+ *
+ * A temporary component to represent the logo for Teams.
+ *
+ */
+export function TeamsLogo({
+  size,
+  appearance = 'brand',
+  label = 'Teams',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

@@ -0,0 +1,44 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::da40a1303dd7741d385217c7a3d33831>>
+ * @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,#1558bc)" 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="M9.39 18.23a.95.95 0 0 0 .95-.95V5.38a.95.95 0 0 0-.95-.95H5.38a.95.95 0 0 0-.95.95v11.91c0 .52.42.95.95.95zm9.23-5.46a.95.95 0 0 0 .95-.95V5.38a.95.95 0 0 0-.95-.95h-4.01a.95.95 0 0 0-.95.95v6.44c0 .52.42.95.95.95z"/>
+</svg>
+`;
+const customThemeSvg = `<svg height="100%" viewBox="0 0 24 24">
+    <path fill="var(--themed-icon-color, currentcolor)" d="M18 0a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6zM5.379 4.43a.95.95 0 0 0-.948.949v11.907c0 .523.424.948.948.948H9.39a.95.95 0 0 0 .947-.948V5.38a.95.95 0 0 0-.947-.948zm9.23 0a.95.95 0 0 0-.947.949v6.44c0 .523.423.948.947.949h4.012a.95.95 0 0 0 .948-.949V5.38a.95.95 0 0 0-.948-.948z"/>
+</svg>
+`;
+
+/**
+ * __TrelloIcon__
+ *
+ * A temporary component to represent the icon for Trello.
+ * @deprecated This component has been replaced by the component `TrelloIcon` 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 TrelloIcon({
+  iconColor,
+  size,
+  appearance = 'brand',
+  label = 'Trello',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(IconWrapper, {
+    svg: svg,
+    customThemeSvg: customThemeSvg,
+    iconColor: iconColor,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ecc5f242ac350bfbaf81aa84a699e7e9>>
+ * @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 113 32">
+    <path fill="var(--text-color, #1e1f21)" d="M104.97 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.49M96.21 25.3c-.21.06-.67.12-1.35.12-2.51 0-4.11-1.19-4.11-4.02V3.59h2.64V21.1c0 1.38.92 1.87 2.06 1.87.28 0 .46 0 .77-.03zm-8 0c-.21.06-.67.12-1.35.12-2.51 0-4.11-1.19-4.11-4.02V3.59h2.64V21.1c0 1.38.92 1.87 2.06 1.87.28 0 .46 0 .77-.03zM72.86 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.2H68.42c.37 2.61 2.05 4.29 5.67 4.29 1.78 0 3.28-.34 4.66-.83zm-19.48-8.44v9.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.93M40.28 5.19h15.09v2.64H49.2v17.51h-2.76V7.82h-6.16z"/>
+    <path fill="var(--tile-color,#1558bc)" 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="M12.9 24c.62 0 1.13-.49 1.13-1.1V9.1c0-.61-.5-1.1-1.13-1.1H8.13C7.51 8 7 8.49 7 9.1v13.8c0 .61.5 1.1 1.13 1.1zm10.97-6.34c.62 0 1.13-.49 1.13-1.1V9.1c0-.61-.5-1.1-1.13-1.1H19.1c-.62 0-1.13.49-1.13 1.1v7.47c0 .61.5 1.1 1.13 1.1z"/>
+</svg>
+`;
+
+/**
+ * __TrelloLogoCS__
+ *
+ * A temporary component to represent the logo for Trello.
+ *
+ */
+export function TrelloLogoCS({
+  size,
+  appearance = 'brand',
+  label = 'Trello',
+  testId
+}) {
+  return /*#__PURE__*/React.createElement(LogoWrapper, {
+    svg: svg,
+    label: label,
+    appearance: appearance,
+    size: size,
+    testId: testId
+  });
+}