@atlaskit/logo 13.5.5 → 13.7.1

package/dist/es2019/{StatuspageLogo/Logo.js → statuspage-logo/logo.js}

@@ -1,11 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 const svg = (iconGradientStart, iconGradientStop) => {
   const id = uid({
@@ -27,15 +24,23 @@ const svg = (iconGradientStart, iconGradientStop) => {
 </svg>`;
 };
 
-export class StatuspageLogo extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
-  }
-
-}
-
-_defineProperty(StatuspageLogo, "defaultProps", { ...DefaultProps,
-  label: 'Statuspage'
-});
+export const StatuspageLogo = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  label = 'Statuspage',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/{StatuspageLogo/Wordmark.js → statuspage-logo/wordmark.js}

@@ -1,25 +1,30 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 const svg = `<canvas height="32" width="129" aria-hidden="true"></canvas>
 <svg viewBox="0 0 129 32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
   <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="inherit">
     <path d="M12.168,19.294 C12.168,16.226 10.14,15.056 6.526,14.146 C3.51,13.392 2.418,12.69 2.418,11.286 C2.418,9.726 3.744,8.946 5.98,8.946 C7.748,8.946 9.594,9.258 11.31,10.246 L11.31,7.906 C10.14,7.256 8.554,6.658 6.084,6.658 C2.106,6.658 0.078,8.634 0.078,11.286 C0.078,14.094 1.794,15.42 5.642,16.356 C8.892,17.136 9.828,17.942 9.828,19.45 C9.828,20.958 8.866,21.972 6.292,21.972 C4.03,21.972 1.586,21.374 1.55431223e-14,20.542 L1.55431223e-14,22.934 C1.326,23.61 2.86,24.26 6.162,24.26 C10.4,24.26 12.168,22.258 12.168,19.294 Z M18.018,19.892 L18.018,13.08 L21.476,13.08 L21.476,11 L18.018,11 L18.018,8.244 L15.834,8.244 L15.834,11 L13.728,11 L13.728,13.08 L15.834,13.08 L15.834,19.944 C15.834,22.362 17.186,24 19.968,24 C20.644,24 21.086,23.896 21.476,23.792 L21.476,21.634 C21.086,21.712 20.592,21.816 20.072,21.816 C18.694,21.816 18.018,21.036 18.018,19.892 Z M33.15,24 L33.15,21.66 C32.318,23.376 30.758,24.26 28.756,24.26 C25.298,24.26 23.556,21.322 23.556,17.5 C23.556,13.834 25.376,10.74 29.016,10.74 C30.914,10.74 32.37,11.598 33.15,13.288 L33.15,11 L35.386,11 L35.386,24 L33.15,24 Z M25.792,17.5 C25.792,20.62 27.04,22.18 29.354,22.18 C31.356,22.18 33.15,20.906 33.15,18.02 L33.15,16.98 C33.15,14.094 31.512,12.82 29.614,12.82 C27.092,12.82 25.792,14.484 25.792,17.5 Z M41.86,19.892 L41.86,13.08 L45.318,13.08 L45.318,11 L41.86,11 L41.86,8.244 L39.676,8.244 L39.676,11 L37.57,11 L37.57,13.08 L39.676,13.08 L39.676,19.944 C39.676,22.362 41.028,24 43.81,24 C44.486,24 44.928,23.896 45.318,23.792 L45.318,21.634 C44.928,21.712 44.434,21.816 43.914,21.816 C42.536,21.816 41.86,21.036 41.86,19.892 Z M47.918,18.618 C47.918,22.206 49.634,24.26 52.624,24.26 C54.366,24.26 55.9,23.402 56.732,21.868 L56.732,24 L58.968,24 L58.968,11 L56.732,11 L56.732,18.228 C56.732,20.854 55.302,22.232 53.222,22.232 C51.09,22.232 50.154,21.192 50.154,18.852 L50.154,11 L47.918,11 L47.918,18.618 Z M71.318,20.464 C71.318,18.202 69.862,17.136 66.976,16.434 C64.584,15.862 63.96,15.29 63.96,14.38 C63.96,13.366 64.844,12.794 66.482,12.794 C67.86,12.794 69.134,13.21 70.694,13.99 L70.694,11.676 C69.732,11.156 68.198,10.74 66.508,10.74 C63.544,10.74 61.802,12.118 61.802,14.38 C61.802,16.512 63.024,17.63 65.91,18.332 C68.38,18.93 69.134,19.502 69.134,20.49 C69.134,21.504 68.25,22.206 66.534,22.206 C64.896,22.206 63.024,21.582 61.906,20.932 L61.906,23.298 C62.894,23.818 64.48,24.26 66.43,24.26 C69.914,24.26 71.318,22.622 71.318,20.464 Z M80.262,24.26 C78.364,24.26 76.908,23.402 76.128,21.712 L76.128,29.07 L73.892,29.07 L73.892,11 L76.128,11 L76.128,13.34 C76.96,11.624 78.52,10.74 80.522,10.74 C83.98,10.74 85.722,13.678 85.722,17.5 C85.722,21.166 83.902,24.26 80.262,24.26 Z M83.486,17.5 C83.486,14.38 82.238,12.82 79.924,12.82 C77.922,12.82 76.128,14.094 76.128,16.98 L76.128,18.02 C76.128,20.906 77.766,22.18 79.664,22.18 C82.186,22.18 83.486,20.516 83.486,17.5 Z M97.136,24 L97.136,21.66 C96.304,23.376 94.744,24.26 92.742,24.26 C89.284,24.26 87.542,21.322 87.542,17.5 C87.542,13.834 89.362,10.74 93.002,10.74 C94.9,10.74 96.356,11.598 97.136,13.288 L97.136,11 L99.372,11 L99.372,24 L97.136,24 Z M89.778,17.5 C89.778,20.62 91.026,22.18 93.34,22.18 C95.342,22.18 97.136,20.906 97.136,18.02 L97.136,16.98 C97.136,14.094 95.498,12.82 93.6,12.82 C91.078,12.82 89.778,14.484 89.778,17.5 Z M111.514,22.96 L111.514,21.66 C110.682,23.376 109.122,24.26 107.12,24.26 C103.688,24.26 101.972,21.322 101.972,17.5 C101.972,13.834 103.766,10.74 107.38,10.74 C109.278,10.74 110.734,11.598 111.514,13.288 L111.514,11 L113.698,11 L113.698,22.83 C113.698,26.652 111.904,29.226 107.25,29.226 C105.066,29.226 103.87,28.94 102.622,28.524 L102.622,26.34 C104.052,26.808 105.534,27.12 107.146,27.12 C110.396,27.12 111.514,25.378 111.514,22.96 Z M104.156,17.5 C104.156,20.62 105.404,22.18 107.718,22.18 C109.72,22.18 111.514,20.906 111.514,18.02 L111.514,16.98 C111.514,14.094 109.876,12.82 107.978,12.82 C105.456,12.82 104.156,14.484 104.156,17.5 Z M127.322,23.48 C126.256,24.052 124.618,24.26 123.292,24.26 C118.43,24.26 116.298,21.452 116.298,17.474 C116.298,13.548 118.482,10.74 122.434,10.74 C126.438,10.74 128.05,13.522 128.05,17.474 L128.05,18.488 L118.56,18.488 C118.872,20.698 120.302,22.128 123.37,22.128 C124.878,22.128 126.152,21.842 127.322,21.426 L127.322,23.48 Z M122.33,12.768 C119.964,12.768 118.768,14.302 118.534,16.564 L125.788,16.564 C125.658,14.146 124.566,12.768 122.33,12.768 Z"></path>
   </g>
 </svg>`;
-export class StatuspageWordmark extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
-  }
-
-}
-
-_defineProperty(StatuspageWordmark, "defaultProps", { ...DefaultProps,
-  label: 'Statuspage'
-});
+export const StatuspageWordmark = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  label = 'Statuspage',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/{StrideLogo/Icon.js → stride-logo/icon.js}

@@ -1,12 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 const svg = (iconGradientStart, iconGradientStop) => {
   const id = uid({
@@ -26,18 +23,30 @@ const svg = (iconGradientStart, iconGradientStop) => {
     </g>
   </svg>`;
 };
+/**
+ * @deprecated StrideIcon will be removed from atlaskit/logo in the next major release.
+ */
 
-export class StrideIcon extends Component {
-  render() {
-    if (process.env.NODE_ENV !== 'production') {
-      warnOnce('StrideIcon has been deprecated and will be removed from @atlaskit/logo after June 30 2021.');
-    }
 
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
+export const StrideIcon = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  if (process.env.NODE_ENV !== 'production') {
+    warnOnce('StrideIcon has been deprecated and will be removed from @atlaskit/logo in the next major release.');
   }
 
-}
-
-_defineProperty(StrideIcon, "defaultProps", DefaultProps);
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

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

@@ -0,0 +1,3 @@
+export { StrideIcon } from './icon';
+export { StrideLogo } from './logo';
+export { StrideWordmark } from './wordmark';

package/dist/es2019/{StrideLogo/Logo.js → stride-logo/logo.js}

@@ -1,12 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 const svg = (iconGradientStart, iconGradientStop) => {
   const id = uid({
@@ -27,18 +24,30 @@ const svg = (iconGradientStart, iconGradientStop) => {
     </g>
   </svg>`;
 };
+/**
+ * @deprecated StrideLogo will be removed from atlaskit/logo in the next major release.
+ */
 
-export class StrideLogo extends Component {
-  render() {
-    if (process.env.NODE_ENV !== 'production') {
-      warnOnce('StrideLogo has been deprecated and will be removed from @atlaskit/logo after June 30 2021.');
-    }
 
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
+export const StrideLogo = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  if (process.env.NODE_ENV !== 'production') {
+    warnOnce('StrideLogo has been deprecated and will be removed from @atlaskit/logo in the next major release.');
   }
 
-}
-
-_defineProperty(StrideLogo, "defaultProps", DefaultProps);
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/{StrideLogo/Wordmark.js → stride-logo/wordmark.js}

@@ -1,28 +1,37 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 const svg = `<canvas height="32" width="65" aria-hidden="true"></canvas>
 <svg viewBox="0 0 65 32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
   <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="inherit">
     <path d="M12.1672398,19.2931423 C12.1672398,16.225334 10.1393665,15.0554071 6.52559228,14.145464 C3.50978071,13.3915111 2.41784893,12.6895549 2.41784893,11.2856426 C2.41784893,9.7257401 3.74376609,8.94578883 5.9796264,8.94578883 C7.74751594,8.94578883 9.59340061,9.25776934 11.3092934,10.2457076 L11.3092934,7.90585381 C10.1393665,7.25589442 8.55346558,6.65793178 6.0836199,6.65793178 C2.10586843,6.65793178 0.0779951269,8.63380832 0.0779951269,11.2856426 C0.0779951269,14.0934672 1.79388792,15.4193844 5.64164751,16.3553259 C8.89144447,17.1352772 9.82738599,17.9412268 9.82738599,19.4491326 C9.82738599,20.9570384 8.86544609,21.970975 6.2916069,21.970975 C4.02974822,21.970975 1.58590091,21.3730124 1.55431223e-14,20.5410644 L1.55431223e-14,22.9329149 C1.32591716,23.6088727 2.85982132,24.2588321 6.16161502,24.2588321 C10.3993503,24.2588321 12.1672398,22.2569572 12.1672398,19.2931423 Z M18.0168743,19.891105 L18.0168743,13.0795306 L21.4746583,13.0795306 L21.4746583,10.9996605 L18.0168743,10.9996605 L18.0168743,8.24383269 L15.8330108,8.24383269 L15.8330108,10.9996605 L13.7271423,10.9996605 L13.7271423,13.0795306 L15.8330108,13.0795306 L15.8330108,19.9431017 C15.8330108,22.3609507 17.1849263,23.9988483 19.9667525,23.9988483 C20.6427103,23.9988483 21.0846826,23.8948548 21.4746583,23.7908613 L21.4746583,21.6329961 C21.0846826,21.7109913 20.5907135,21.8149848 20.070746,21.8149848 C18.6928321,21.8149848 18.0168743,21.0350335 18.0168743,19.891105 Z M24.3344796,23.9988483 L26.5183431,23.9988483 L26.5183431,16.3293275 C26.5183431,13.5734997 28.2602343,12.7155533 31.1200556,13.0015354 L31.1200556,10.8176719 C28.5722148,10.6616816 27.272296,11.7536134 26.5183431,13.2875176 L26.5183431,10.9996605 L24.3344796,10.9996605 L24.3344796,23.9988483 Z M32.6279614,7.56787492 C32.6279614,8.5558132 33.2779208,9.12777746 34.187864,9.12777746 C35.0978071,9.12777746 35.7477665,8.5558132 35.7477665,7.56787492 C35.7477665,6.57993665 35.0978071,6.00797239 34.187864,6.00797239 C33.2779208,6.00797239 32.6279614,6.57993665 32.6279614,7.56787492 Z M33.0439354,23.9988483 L35.2797957,23.9988483 L35.2797957,10.9996605 L33.0439354,10.9996605 L33.0439354,23.9988483 Z M47.4730339,23.9988483 L47.4730339,21.6589945 C46.6410859,23.3748873 45.0811833,24.2588321 43.0793084,24.2588321 C39.6215245,24.2588321 37.8796333,21.3210156 37.8796333,17.4992544 C37.8796333,13.8334835 39.6995196,10.7396768 43.3392922,10.7396768 C45.2371736,10.7396768 46.6930826,11.5976231 47.4730339,13.2875176 L47.4730339,5.566 L49.7088942,5.566 L49.7088942,23.9988483 L47.4730339,23.9988483 Z M40.1154936,17.4992544 C40.1154936,20.6190595 41.3634156,22.178962 43.6772711,22.178962 C45.679146,22.178962 47.4730339,20.9050416 47.4730339,18.0192219 L47.4730339,16.9792869 C47.4730339,14.0934672 45.8351362,12.8195468 43.9372548,12.8195468 C41.4154124,12.8195468 40.1154936,14.4834428 40.1154936,17.4992544 Z M63.332043,23.4788808 C62.2661096,24.0508451 60.628212,24.2588321 59.3022948,24.2588321 C54.4405986,24.2588321 52.3087318,21.4510075 52.3087318,17.473256 C52.3087318,13.5475013 54.4925953,10.7396768 58.4443484,10.7396768 C62.4480983,10.7396768 64.0599976,13.5215029 64.0599976,17.473256 L64.0599976,18.4871927 L54.5705905,18.4871927 C54.882571,20.6970546 56.3124816,22.1269653 59.3802899,22.1269653 C60.8881957,22.1269653 62.1621161,21.8409831 63.332043,21.4250091 L63.332043,23.4788808 Z M58.3403549,12.7675501 C55.9745027,12.7675501 54.7785775,14.3014542 54.5445921,16.5633129 L61.7981389,16.5633129 C61.668147,14.145464 60.5762152,12.7675501 58.3403549,12.7675501 Z"></path>
   </g>
 </svg>`;
-export class StrideWordmark extends Component {
-  render() {
-    if (process.env.NODE_ENV !== 'production') {
-      warnOnce('StrideWordmark has been deprecated and will be removed from @atlaskit/logo after June 30 2021.');
-    }
+/**
+ * @deprecated StrideWordmark will be removed from atlaskit/logo in the next major release.
+ */
 
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
+export const StrideWordmark = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  if (process.env.NODE_ENV !== 'production') {
+    warnOnce('StrideWordmark has been deprecated and will be removed from @atlaskit/logo in the next major release.');
   }
 
-}
-
-_defineProperty(StrideWordmark, "defaultProps", DefaultProps);
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/{TrelloLogo/Icon.js → trello-logo/icon.js}

@@ -1,11 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 const svg = (iconGradientStart, iconGradientStop) => {
   const id = uid({
@@ -29,15 +26,23 @@ const svg = (iconGradientStart, iconGradientStop) => {
 `;
 };
 
-export class TrelloIcon extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
-  }
-
-}
-
-_defineProperty(TrelloIcon, "defaultProps", { ...DefaultProps,
-  label: 'Trello'
-});
+export const TrelloIcon = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  label = 'Trello',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

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

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

package/dist/es2019/{TrelloLogo/Logo.js → trello-logo/logo.js}

@@ -1,11 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 const svg = (iconGradientStart, iconGradientStop) => {
   const id = uid({
@@ -47,15 +44,23 @@ const svg = (iconGradientStart, iconGradientStop) => {
   </svg>`;
 };
 
-export class TrelloLogo extends Component {
-  render() {
-    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-      svg: svg
-    }));
-  }
-
-}
-
-_defineProperty(TrelloLogo, "defaultProps", { ...DefaultProps,
-  label: 'Trello'
-});
+export const TrelloLogo = ({
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  label = 'Trello',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/{TrelloLogo/Wordmark.js → trello-logo/wordmark.js}

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

package/dist/es2019/types.js

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

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "13.5.5",
+	"version": "13.7.1",
 	"sideEffects": false
 }

package/dist/es2019/{Wrapper.js → wrapper.js}

@@ -52,12 +52,15 @@ const Wrapper = ({
   iconGradientStop,
   size,
   iconColor,
+  testId: userDefinedTestId,
   textColor,
   ...rest
 }) => {
   const shouldApplyStopColor = iconGradientStart === 'inherit' && iconGradientStop === 'inherit';
+  const testId = userDefinedTestId && `${userDefinedTestId}--wrapper`;
   return jsx("span", _extends({
     css: [baseWrapperStyles, shouldApplyStopColor && stopColorStyles, size && sizeStyles[size]],
+    "data-testid": testId,
     style: {
       [CSS_VAR_COLOR]: iconColor,
       [CSS_VAR_FILL]: textColor

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

@@ -0,0 +1,38 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
+
+var svg = function svg(iconGradientStart, iconGradientStop) {
+  var id = uid({
+    iconGradientStart: iconGradientStop
+  });
+  return "<canvas height=\"32\" width=\"32\" aria-hidden=\"true\"></canvas>\n  <svg viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient id=\"".concat(id, "\" x1=\"14.8402\" y1=\"15.8324\" x2=\"8.6599\" y2=\"26.5369\" gradientUnits=\"userSpaceOnUse\">\n        <stop stop-color=\"").concat(iconGradientStart, "\" ").concat(iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0%\"></stop>\n        <stop stop-color=\"").concat(iconGradientStop, "\" offset=\"0.9228\"></stop>\n      </linearGradient>\n    </defs>\n    <path fill=\"url(#").concat(id, ")\" d=\"M11.6397 14.0398C11.2789 13.643 10.7378 13.679 10.4852 14.148L4.64091 25.8728C4.42446 26.3418 4.74912 26.8829 5.25419 26.8829H13.4074C13.6599 26.8829 13.9125 26.7386 14.0207 26.4861C15.7885 22.8424 14.7061 17.3227 11.6397 14.0398Z\" />\n    <path fill=\"inherit\" d=\"M15.9343 3.36124C12.6513 8.55622 12.8678 14.2923 15.0324 18.6215C17.1969 22.9506 18.8565 26.2336 18.9647 26.4861C19.0729 26.7386 19.3254 26.8829 19.578 26.8829H27.7312C28.2363 26.8829 28.597 26.3418 28.3445 25.8728C28.3445 25.8728 17.3774 3.93846 17.0887 3.39732C16.8723 2.89225 16.259 2.85618 15.9343 3.36124Z\" />\n  </svg>");
+};
+
+export var AtlassianIcon = function AtlassianIcon(_ref) {
+  var _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? defaultLogoParams.iconColor : _ref$iconColor,
+      _ref$iconGradientStar = _ref.iconGradientStart,
+      iconGradientStart = _ref$iconGradientStar === void 0 ? defaultLogoParams.iconGradientStart : _ref$iconGradientStar,
+      _ref$iconGradientStop = _ref.iconGradientStop,
+      iconGradientStop = _ref$iconGradientStop === void 0 ? defaultLogoParams.iconGradientStop : _ref$iconGradientStop,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Atlassian' : _ref$label,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaultLogoParams.size : _ref$size,
+      _ref$textColor = _ref.textColor,
+      textColor = _ref$textColor === void 0 ? defaultLogoParams.textColor : _ref$textColor,
+      testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

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

@@ -0,0 +1,3 @@
+export { AtlassianIcon } from './icon';
+export { AtlassianLogo } from './logo';
+export { AtlassianWordmark } from './wordmark';

package/dist/esm/{AtlassianLogo/Logo.js → atlassian-logo/logo.js}

@@ -1,24 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /* eslint-disable max-len */
-import React, { Component } from 'react';
+import React from 'react';
 import { uid } from 'react-uid';
-import { DefaultProps } from '../constants';
-import Wrapper from '../Wrapper';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
 
 var svg = function svg(iconGradientStart, iconGradientStop) {
   var id = uid({
@@ -27,29 +11,28 @@ var svg = function svg(iconGradientStart, iconGradientStop) {
   return "<canvas height=\"32\" width=\"190\" aria-hidden=\"true\"></canvas>\n  <svg viewBox=\"0 0 190 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient x1=\"99.684716%\" y1=\"15.8138128%\" x2=\"39.8444399%\" y2=\"97.4388388%\" id=\"".concat(id, "\">\n        <stop stop-color=\"").concat(iconGradientStart, "\" ").concat(iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0%\"></stop>\n        <stop stop-color=\"").concat(iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"nonzero\">\n      <path d=\"M6.90502605,15.6123193 C6.76436383,15.4302139 6.53773035,15.3340846 6.30742588,15.35884 C6.0771214,15.3835955 5.876643,15.525635 5.7787929,15.7333781 L0.0719979599,27.0218487 C-0.0337056449,27.2310259 -0.0224063827,27.4794358 0.101860917,27.6783741 C0.226128216,27.8773125 0.445645594,27.9984148 0.68202605,27.9984369 L8.62844459,27.9984369 C8.88847261,28.0044096 9.12761649,27.8581627 9.23847268,27.6253781 C10.9526159,24.1210252 9.91378448,18.7926722 6.90502605,15.6123193 Z\" fill=\"url(#").concat(id, ")\"></path>\n      <path d=\"M11.0859556,5.33713587 C8.19309829,9.74089822 7.85921851,15.3267488 10.2073011,20.0371359 L14.0383488,27.6176065 C14.1538739,27.8462194 14.3900332,27.9906411 14.6483769,27.9906653 L22.5933685,27.9906653 C22.829749,27.9906431 23.0492663,27.8695408 23.1735336,27.6706025 C23.2978009,27.4716641 23.3091002,27.2232543 23.2033966,27.014077 C23.2033966,27.014077 12.5147056,5.8619594 12.2460792,5.33290058 C12.1377032,5.11315026 11.9118188,4.97410225 11.6646746,4.97500451 C11.4175304,4.97590676 11.1926893,5.11660025 11.0859556,5.33713587 L11.0859556,5.33713587 Z\" fill=\"currentColor\"></path>\n      <path d=\"M104.2774,14.3919316 C104.2774,17.1872257 105.588069,19.4065198 110.714802,20.3862846 C113.773504,21.0215787 114.414212,21.5100493 114.414212,22.5187551 C114.414212,23.4985198 113.772077,24.1327551 111.617715,24.1327551 C109.013896,24.0864379 106.462135,23.403307 104.189999,22.1442846 L104.189999,26.6972257 C105.733976,27.4465198 107.772754,28.2822846 111.559566,28.2822846 C116.919251,28.2822846 119.045788,25.9175787 119.045788,22.4033434 M119.045788,22.4033434 C119.045788,19.0892257 117.268858,17.5327551 112.25878,16.4668728 C109.491535,15.8615787 108.821574,15.2566375 108.821574,14.3919316 C108.821574,13.297814 109.811889,12.835814 111.646968,12.835814 C113.860906,12.835814 116.045591,13.4986375 118.113622,14.4208728 L118.113622,10.0691081 C116.130615,9.17615406 113.970906,8.73311319 111.792518,8.7724022 C106.840589,8.7724022 104.2774,10.9048728 104.2774,14.3919316\" fill=\"inherit\"></path>\n      <polygon fill=\"inherit\" points=\"173.129997 9.07000017 173.129997 28.0038825 177.20791 28.0038825 177.20791 13.5657649 178.926691 17.3983531 184.694132 28.0038825 189.820865 28.0038825 189.820865 9.07000017 185.742952 9.07000017 185.742952 21.2891766 184.198975 17.7442355 179.567399 9.07000017\"></polygon>\n      <rect fill=\"inherit\" x=\"142.740005\" y=\"9.07000017\" width=\"4.45677247\" height=\"18.9338824\"></rect>\n      <path d=\"M137.600792,22.4033434 C137.600792,19.0892257 135.823862,17.5327551 130.813784,16.4668728 C128.046539,15.8615787 127.376579,15.2566375 127.376579,14.3919316 C127.376579,13.297814 128.366893,12.835814 130.201972,12.835814 C132.41591,12.835814 134.600595,13.4986375 136.668626,14.4208728 L136.668626,10.0691081 C134.685619,9.17615406 132.52591,8.73311319 130.347522,8.7724022 C125.395593,8.7724022 122.832404,10.9048728 122.832404,14.3919316 C122.832404,17.1872257 124.143073,19.4065198 129.269806,20.3862846 C132.328508,21.0215787 132.969216,21.5100493 132.969216,22.5187551 C132.969216,23.4985198 132.327081,24.1327551 130.172719,24.1327551 C127.568901,24.0864379 125.017139,23.403307 122.745003,22.1442846 L122.745003,26.6972257 C124.28898,27.4465198 126.327758,28.2822846 130.11457,28.2822846 C135.474256,28.2822846 137.600792,25.9175787 137.600792,22.4033434\" fill=\"inherit\"></path>\n      <polygon fill=\"inherit\" points=\"69.6599979 9.07000017 69.6599979 28.0038825 78.8204081 28.0038825 80.2627142 23.9115296 74.1456665 23.9115296 74.1456665 9.07000017\"></polygon>\n      <polygon fill=\"inherit\" points=\"51.5549984 9.07000017 51.5549984 13.1620002 56.5069282 13.1620002 56.5069282 28.0038825 60.9925967 28.0038825 60.9925967 13.1620002 66.2941332 13.1620002 66.2941332 9.07000017\"></polygon>\n      <path d=\"M45.0573091,9.07000017 L39.1785647,9.07000017 L32.5050001,28.0038825 L37.6014102,28.0038825 L38.5474889,24.815059 C40.877531,25.4919503 43.3551322,25.4919503 45.6851743,24.815059 L46.6312529,28.0038825 L51.7287333,28.0038825 L45.0573091,9.07000017 Z M42.1177585,21.4007061 C41.287584,21.4006584 40.4616854,21.2831148 39.6651602,21.0516472 L42.1177585,12.7889413 L44.5703569,21.0544708 C43.7736914,21.2849831 42.9477956,21.4015755 42.1177585,21.4007061 L42.1177585,21.4007061 Z\" fill=\"inherit\"></path>\n      <path d=\"M94.6019534,9.07000017 L88.7235658,9.07000017 L82.0500011,28.0038825 L87.1474815,28.0038825 L88.0935601,24.815059 C90.4236023,25.4919503 92.9012034,25.4919503 95.2312455,24.815059 L96.1773242,28.0038825 L101.274805,28.0038825 L94.6019534,9.07000017 Z M91.6627596,21.4007061 C90.8325851,21.4006584 90.0066865,21.2831148 89.2101613,21.0516472 L91.6627596,12.7889413 L94.1153579,21.0544708 C93.3186924,21.2849831 92.4927966,21.4015755 91.6627596,21.4007061 L91.6627596,21.4007061 Z\" fill=\"inherit\"></path>\n      <path d=\"M163.256954,9.07000017 L157.378566,9.07000017 L150.705002,28.0038825 L155.802482,28.0038825 L156.748561,24.815059 C159.078603,25.4919503 161.556204,25.4919503 163.886246,24.815059 L164.832325,28.0038825 L169.930162,28.0038825 L163.256954,9.07000017 Z M160.315977,21.4007061 C159.485802,21.4006584 158.659903,21.2831148 157.863378,21.0516472 L160.315977,12.7889413 L162.768575,21.0544708 C161.971909,21.2849831 161.146014,21.4015755 160.315977,21.4007061 L160.315977,21.4007061 Z\" fill=\"inherit\"></path>\n    </g>\n  </svg>");
 };
 
-export var AtlassianLogo = /*#__PURE__*/function (_Component) {
-  _inherits(AtlassianLogo, _Component);
-
-  var _super = _createSuper(AtlassianLogo);
-
-  function AtlassianLogo() {
-    _classCallCheck(this, AtlassianLogo);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(AtlassianLogo, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Wrapper, _extends({}, this.props, {
-        svg: svg
-      }));
-    }
-  }]);
-
-  return AtlassianLogo;
-}(Component);
-
-_defineProperty(AtlassianLogo, "defaultProps", _objectSpread(_objectSpread({}, DefaultProps), {}, {
-  label: 'Atlassian'
-}));
+export var AtlassianLogo = function AtlassianLogo(_ref) {
+  var _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? defaultLogoParams.iconColor : _ref$iconColor,
+      _ref$iconGradientStar = _ref.iconGradientStart,
+      iconGradientStart = _ref$iconGradientStar === void 0 ? defaultLogoParams.iconGradientStart : _ref$iconGradientStar,
+      _ref$iconGradientStop = _ref.iconGradientStop,
+      iconGradientStop = _ref$iconGradientStop === void 0 ? defaultLogoParams.iconGradientStop : _ref$iconGradientStop,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Atlassian' : _ref$label,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaultLogoParams.size : _ref$size,
+      testId = _ref.testId,
+      _ref$textColor = _ref.textColor,
+      textColor = _ref$textColor === void 0 ? defaultLogoParams.textColor : _ref$textColor;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    label: label,
+    svg: svg,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};