@atlaskit/logo 13.14.9 → 13.15.1

package/dist/cjs/jira-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraLogo = function JiraLogo(_ref2) {
+var JiraLogo = exports.JiraLogo = function JiraLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira' : _ref2$label,
@@ -77,5 +77,4 @@ var JiraLogo = function JiraLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraLogo = JiraLogo;
+};

package/dist/cjs/jira-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraWordmark = function JiraWordmark(_ref2) {
+var JiraWordmark = exports.JiraWordmark = function JiraWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira' : _ref2$label,
@@ -52,5 +52,4 @@ var JiraWordmark = function JiraWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraWordmark = JiraWordmark;
+};

package/dist/cjs/jira-product-discovery-logo/icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraProductDiscoveryIcon = function JiraProductDiscoveryIcon(_ref2) {
+var JiraProductDiscoveryIcon = exports.JiraProductDiscoveryIcon = function JiraProductDiscoveryIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Product Discovery' : _ref2$label,
@@ -74,5 +74,4 @@ var JiraProductDiscoveryIcon = function JiraProductDiscoveryIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraProductDiscoveryIcon = JiraProductDiscoveryIcon;
+};

package/dist/cjs/jira-product-discovery-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraProductDiscoveryLogo = function JiraProductDiscoveryLogo(_ref2) {
+var JiraProductDiscoveryLogo = exports.JiraProductDiscoveryLogo = function JiraProductDiscoveryLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Product Discovery' : _ref2$label,
@@ -77,5 +77,4 @@ var JiraProductDiscoveryLogo = function JiraProductDiscoveryLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraProductDiscoveryLogo = JiraProductDiscoveryLogo;
+};

package/dist/cjs/jira-service-desk-logo/icon.js

@@ -27,7 +27,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated JiraServiceDeskIcon will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementIcon instead.
  */
-var JiraServiceDeskIcon = function JiraServiceDeskIcon(_ref2) {
+var JiraServiceDeskIcon = exports.JiraServiceDeskIcon = function JiraServiceDeskIcon(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -57,5 +57,4 @@ var JiraServiceDeskIcon = function JiraServiceDeskIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceDeskIcon = JiraServiceDeskIcon;
+};

package/dist/cjs/jira-service-desk-logo/logo.js

@@ -27,7 +27,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated JiraServiceDeskLogo will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementLogo instead.
  */
-var JiraServiceDeskLogo = function JiraServiceDeskLogo(_ref2) {
+var JiraServiceDeskLogo = exports.JiraServiceDeskLogo = function JiraServiceDeskLogo(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -57,5 +57,4 @@ var JiraServiceDeskLogo = function JiraServiceDeskLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceDeskLogo = JiraServiceDeskLogo;
+};

package/dist/cjs/jira-service-desk-logo/wordmark.js

@@ -16,7 +16,7 @@ var svg = "<svg viewBox=\"0 0 185 32\" height=\"32\" xmlns=\"http://www.w3.org/2
 /**
  * @deprecated JiraServiceDeskWordmark will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementWordmark instead.
  */
-var JiraServiceDeskWordmark = function JiraServiceDeskWordmark(_ref) {
+var JiraServiceDeskWordmark = exports.JiraServiceDeskWordmark = function JiraServiceDeskWordmark(_ref) {
   var _ref$iconColor = _ref.iconColor,
     iconColor = _ref$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref$iconColor,
     _ref$iconGradientStar = _ref.iconGradientStart,
@@ -43,5 +43,4 @@ var JiraServiceDeskWordmark = function JiraServiceDeskWordmark(_ref) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceDeskWordmark = JiraServiceDeskWordmark;
+};

package/dist/cjs/jira-service-management-logo/icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraServiceManagementIcon = function JiraServiceManagementIcon(_ref2) {
+var JiraServiceManagementIcon = exports.JiraServiceManagementIcon = function JiraServiceManagementIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Service Management' : _ref2$label,
@@ -74,5 +74,4 @@ var JiraServiceManagementIcon = function JiraServiceManagementIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceManagementIcon = JiraServiceManagementIcon;
+};

package/dist/cjs/jira-service-management-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraServiceManagementLogo = function JiraServiceManagementLogo(_ref2) {
+var JiraServiceManagementLogo = exports.JiraServiceManagementLogo = function JiraServiceManagementLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Service Management' : _ref2$label,
@@ -77,5 +77,4 @@ var JiraServiceManagementLogo = function JiraServiceManagementLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceManagementLogo = JiraServiceManagementLogo;
+};

package/dist/cjs/jira-service-management-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraServiceManagementWordmark = function JiraServiceManagementWordmark(_ref2) {
+var JiraServiceManagementWordmark = exports.JiraServiceManagementWordmark = function JiraServiceManagementWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Service Management' : _ref2$label,
@@ -52,5 +52,4 @@ var JiraServiceManagementWordmark = function JiraServiceManagementWordmark(_ref2
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraServiceManagementWordmark = JiraServiceManagementWordmark;
+};

package/dist/cjs/jira-software-logo/icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraSoftwareIcon = function JiraSoftwareIcon(_ref2) {
+var JiraSoftwareIcon = exports.JiraSoftwareIcon = function JiraSoftwareIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Software' : _ref2$label,
@@ -74,5 +74,4 @@ var JiraSoftwareIcon = function JiraSoftwareIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraSoftwareIcon = JiraSoftwareIcon;
+};

package/dist/cjs/jira-software-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraSoftwareLogo = function JiraSoftwareLogo(_ref2) {
+var JiraSoftwareLogo = exports.JiraSoftwareLogo = function JiraSoftwareLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Software' : _ref2$label,
@@ -77,5 +77,4 @@ var JiraSoftwareLogo = function JiraSoftwareLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraSoftwareLogo = JiraSoftwareLogo;
+};

package/dist/cjs/jira-software-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraSoftwareWordmark = function JiraSoftwareWordmark(_ref2) {
+var JiraSoftwareWordmark = exports.JiraSoftwareWordmark = function JiraSoftwareWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Software' : _ref2$label,
@@ -61,5 +61,4 @@ var JiraSoftwareWordmark = function JiraSoftwareWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraSoftwareWordmark = JiraSoftwareWordmark;
+};

package/dist/cjs/jira-work-management-logo/icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraWorkManagementIcon = function JiraWorkManagementIcon(_ref2) {
+var JiraWorkManagementIcon = exports.JiraWorkManagementIcon = function JiraWorkManagementIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Work Management' : _ref2$label,
@@ -74,5 +74,4 @@ var JiraWorkManagementIcon = function JiraWorkManagementIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraWorkManagementIcon = JiraWorkManagementIcon;
+};

package/dist/cjs/jira-work-management-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraWorkManagementLogo = function JiraWorkManagementLogo(_ref2) {
+var JiraWorkManagementLogo = exports.JiraWorkManagementLogo = function JiraWorkManagementLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Work Management' : _ref2$label,
@@ -78,5 +78,4 @@ var JiraWorkManagementLogo = function JiraWorkManagementLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraWorkManagementLogo = JiraWorkManagementLogo;
+};

package/dist/cjs/jira-work-management-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var JiraWorkManagementWordmark = function JiraWorkManagementWordmark(_ref2) {
+var JiraWorkManagementWordmark = exports.JiraWorkManagementWordmark = function JiraWorkManagementWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Jira Work Management' : _ref2$label,
@@ -61,5 +61,4 @@ var JiraWorkManagementWordmark = function JiraWorkManagementWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.JiraWorkManagementWordmark = JiraWorkManagementWordmark;
+};

package/dist/cjs/loom-logo/icon.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoomIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../constants");
+var _utils = require("../utils");
+var _wrapper = _interopRequireDefault(require("../wrapper"));
+/* eslint-disable max-len */
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance);
+  }
+  var loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return "\n    <svg\n      height=\"33\"\n      viewBox=\"0 0 32 33\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill=\"".concat(loomIconColor, "\"\n        d=\"M29 14.5543H21.3972L27.9816 10.7528L26.5356 8.24758L19.9513 12.0491L23.7519 5.46521L21.2467 4.01838L17.446 10.6022V3H14.5539V10.6029L10.7519 4.01838L8.24743 5.46448L12.0488 12.0483L5.46441 8.24758L4.01835 10.7521L10.6027 14.5535H3V17.4458H10.602L4.01835 21.2472L5.46441 23.7524L12.0481 19.9517L8.2467 26.5355L10.7519 27.9816L14.5532 21.3971V29H17.4453V21.3978L21.246 27.9816L23.7511 26.5355L19.9498 19.951L26.5341 23.7524L27.9802 21.2472L21.3965 17.4464H28.9985V14.5543H29ZM16 19.9334C13.8193 19.9334 12.0517 18.1659 12.0517 15.9851C12.0517 13.8043 13.8193 12.0367 16 12.0367C18.1807 12.0367 19.9482 13.8043 19.9482 15.9851C19.9482 18.1659 18.1807 19.9334 16 19.9334Z\"\n      />\n    </svg>\n  ");
+};
+
+/**
+ * __Loom icon__
+ *
+ * The Loom icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+var LoomIcon = exports.LoomIcon = function LoomIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$iconGradientSta = _ref2.iconGradientStart,
+    iconGradientStart = _ref2$iconGradientSta === void 0 ? _constants.defaultLogoParams.iconGradientStart : _ref2$iconGradientSta,
+    _ref2$iconGradientSto = _ref2.iconGradientStop,
+    iconGradientStop = _ref2$iconGradientSto === void 0 ? _constants.defaultLogoParams.iconGradientStop : _ref2$iconGradientSto,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/loom-logo/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LoomIcon", {
+  enumerable: true,
+  get: function get() {
+    return _icon.LoomIcon;
+  }
+});
+Object.defineProperty(exports, "LoomLogo", {
+  enumerable: true,
+  get: function get() {
+    return _logo.LoomLogo;
+  }
+});
+var _icon = require("./icon");
+var _logo = require("./logo");

package/dist/cjs/loom-logo/logo.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoomLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _tokens = require("@atlaskit/tokens");
+var _constants = require("../constants");
+var _utils = require("../utils");
+var _wrapper = _interopRequireDefault(require("../wrapper"));
+/* eslint-disable max-len */
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+    colorMode = _ref.colorMode,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance);
+  }
+  var loomTextColor = colorMode === 'light' && appearance === 'brand' ? '#222' : colors.textColor;
+  var loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return "\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 87 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clip-rule=\"evenodd\"\n        d=\"m33.0381 6.48975v19.01995h3.492v-19.01995zm36.8275 6.09465h-3.3347v12.9261h3.4912v-7.5659c0-1.4189.893-2.5487 2.4162-2.5487 1.5762 0 2.285 1.0505 2.285 2.4431v7.6715h3.465v-7.5659c0-1.3927.8929-2.5487 2.3899-2.5487 1.6017 0 2.285 1.0505 2.285 2.4431v7.6707h3.3871v-8.3806c0-3.4672-2.2843-4.9123-4.6734-4.9123-1.7067 0-3.0732.5772-4.0966 2.1541-.6563-1.3919-2.0737-2.1541-3.8337-2.1541-1.4174 0-3.0723.6836-3.781 1.9445zm-25.4441 13.2997c-3.9339 0-6.7826-2.9178-6.7826-6.8368 0-3.8565 2.8395-6.8437 6.7826-6.8437 3.9623 0 6.7827 3.0149 6.7827 6.8437 0 3.8905-2.8504 6.8368-6.7827 6.8368zm0-10.5168c-2.029 0-3.6794 1.6507-3.6794 3.6808 0 2.03 1.6504 3.6808 3.6794 3.6808s3.6786-1.6508 3.6786-3.6808c0-2.0301-1.6496-3.6808-3.6786-3.6808zm7.4592 3.68c0 3.919 2.8487 6.8368 6.7827 6.8368 3.9307 0 6.7826-2.9463 6.7826-6.8368 0-3.8288-2.8203-6.8437-6.7826-6.8437-3.9431 0-6.7827 2.9872-6.7827 6.8437zm3.0609-.0008c0-2.0523 1.6696-3.7232 3.7218-3.7232 2.0513 0 3.7209 1.6709 3.7218 3.7232 0 2.0524-1.6698 3.7233-3.7218 3.7233-2.0522 0-3.7218-1.6709-3.7218-3.7233z\"\n        fill=\"".concat(loomTextColor, "\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        d=\"m26 14.5543h-7.6028l6.5844-3.8015-1.446-2.50522-6.5843 3.80152 3.8006-6.58389-2.5052-1.44683-3.8007 6.58382v-7.6022h-2.8921v7.6029l-3.80205-6.58452-2.50442 1.4461 3.80136 6.58382-6.58438-3.80072-1.44606 2.50452 6.58438 3.8014h-7.60273v2.8923h7.60201l-6.58366 3.8014 1.44606 2.5052 6.58365-3.8007-3.80136 6.5838 2.50515 1.4461 3.80135-6.5845v7.6029h2.8921v-7.6022l3.8007 6.5838 2.5051-1.4461-3.8013-6.5845 6.5843 3.8014 1.4461-2.5052-6.5837-3.8008h7.602v-2.8921zm-13 5.3791c-2.1807 0-3.9483-1.7675-3.9483-3.9483s1.7676-3.9484 3.9483-3.9484 3.9482 1.7676 3.9482 3.9484-1.7675 3.9483-3.9482 3.9483z\"\n        fill=\"").concat(loomIconColor, "\"\n      />\n    </svg>\n  ");
+};
+
+/**
+ * __Loom logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+var LoomLogo = exports.LoomLogo = function LoomLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      size: size,
+      colorMode: colorMode,
+      iconColor: iconColor,
+      textColor: textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/opsgenie-logo/new-icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var OpsgenieIcon = function OpsgenieIcon(_ref2) {
+var OpsgenieIcon = exports.OpsgenieIcon = function OpsgenieIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Opsgenie' : _ref2$label,
@@ -74,5 +74,4 @@ var OpsgenieIcon = function OpsgenieIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsgenieIcon = OpsgenieIcon;
+};

package/dist/cjs/opsgenie-logo/new-logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var OpsgenieLogo = function OpsgenieLogo(_ref2) {
+var OpsgenieLogo = exports.OpsgenieLogo = function OpsgenieLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Opsgenie' : _ref2$label,
@@ -77,5 +77,4 @@ var OpsgenieLogo = function OpsgenieLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsgenieLogo = OpsgenieLogo;
+};

package/dist/cjs/opsgenie-logo/new-wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var OpsgenieWordmark = function OpsgenieWordmark(_ref2) {
+var OpsgenieWordmark = exports.OpsgenieWordmark = function OpsgenieWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
@@ -58,5 +58,4 @@ var OpsgenieWordmark = function OpsgenieWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsgenieWordmark = OpsgenieWordmark;
+};

package/dist/cjs/opsgenie-logo/old-icon.js

@@ -31,7 +31,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated OpsGenieIcon is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieIcon (no capital 'g') instead.
  */
-var OpsGenieIcon = function OpsGenieIcon(_ref2) {
+var OpsGenieIcon = exports.OpsGenieIcon = function OpsGenieIcon(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -58,5 +58,4 @@ var OpsGenieIcon = function OpsGenieIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsGenieIcon = OpsGenieIcon;
+};

package/dist/cjs/opsgenie-logo/old-logo.js

@@ -27,7 +27,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated OpsGenieLogo is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieLogo (no capital 'g') instead.
  */
-var OpsGenieLogo = function OpsGenieLogo(_ref2) {
+var OpsGenieLogo = exports.OpsGenieLogo = function OpsGenieLogo(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -54,5 +54,4 @@ var OpsGenieLogo = function OpsGenieLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsGenieLogo = OpsGenieLogo;
+};

package/dist/cjs/opsgenie-logo/old-wordmark.js

@@ -18,7 +18,7 @@ var svg = function svg() {
 /**
  * @deprecated OpsGenieWordmark is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieLogo (no capital 'g') instead.
  */
-var OpsGenieWordmark = function OpsGenieWordmark(_ref) {
+var OpsGenieWordmark = exports.OpsGenieWordmark = function OpsGenieWordmark(_ref) {
   var _ref$iconColor = _ref.iconColor,
     iconColor = _ref$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref$iconColor,
     _ref$iconGradientStar = _ref.iconGradientStart,
@@ -42,5 +42,4 @@ var OpsGenieWordmark = function OpsGenieWordmark(_ref) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.OpsGenieWordmark = OpsGenieWordmark;
+};

package/dist/cjs/statuspage-logo/icon.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var StatuspageIcon = function StatuspageIcon(_ref2) {
+var StatuspageIcon = exports.StatuspageIcon = function StatuspageIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Statuspage' : _ref2$label,
@@ -74,5 +74,4 @@ var StatuspageIcon = function StatuspageIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StatuspageIcon = StatuspageIcon;
+};

package/dist/cjs/statuspage-logo/logo.js

@@ -45,7 +45,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var StatuspageLogo = function StatuspageLogo(_ref2) {
+var StatuspageLogo = exports.StatuspageLogo = function StatuspageLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Statuspage' : _ref2$label,
@@ -77,5 +77,4 @@ var StatuspageLogo = function StatuspageLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StatuspageLogo = StatuspageLogo;
+};

package/dist/cjs/statuspage-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var StatuspageWordmark = function StatuspageWordmark(_ref2) {
+var StatuspageWordmark = exports.StatuspageWordmark = function StatuspageWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Statuspage' : _ref2$label,
@@ -61,5 +61,4 @@ var StatuspageWordmark = function StatuspageWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StatuspageWordmark = StatuspageWordmark;
+};

package/dist/cjs/stride-logo/icon.js

@@ -27,7 +27,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated StrideIcon will be removed from atlaskit/logo in the next major release.
  */
-var StrideIcon = function StrideIcon(_ref2) {
+var StrideIcon = exports.StrideIcon = function StrideIcon(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -54,5 +54,4 @@ var StrideIcon = function StrideIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StrideIcon = StrideIcon;
+};

package/dist/cjs/stride-logo/logo.js

@@ -27,7 +27,7 @@ var svg = function svg(_ref) {
 /**
  * @deprecated StrideLogo will be removed from atlaskit/logo in the next major release.
  */
-var StrideLogo = function StrideLogo(_ref2) {
+var StrideLogo = exports.StrideLogo = function StrideLogo(_ref2) {
   var _ref2$iconColor = _ref2.iconColor,
     iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
     _ref2$iconGradientSta = _ref2.iconGradientStart,
@@ -54,5 +54,4 @@ var StrideLogo = function StrideLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StrideLogo = StrideLogo;
+};

package/dist/cjs/stride-logo/wordmark.js

@@ -18,7 +18,7 @@ var svg = function svg() {
 /**
  * @deprecated StrideWordmark will be removed from atlaskit/logo in the next major release.
  */
-var StrideWordmark = function StrideWordmark(_ref) {
+var StrideWordmark = exports.StrideWordmark = function StrideWordmark(_ref) {
   var _ref$iconColor = _ref.iconColor,
     iconColor = _ref$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref$iconColor,
     _ref$iconGradientStar = _ref.iconGradientStart,
@@ -42,5 +42,4 @@ var StrideWordmark = function StrideWordmark(_ref) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.StrideWordmark = StrideWordmark;
+};

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

@@ -41,7 +41,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var TrelloIcon = function TrelloIcon(_ref2) {
+var TrelloIcon = exports.TrelloIcon = function TrelloIcon(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Trello' : _ref2$label,
@@ -71,5 +71,4 @@ var TrelloIcon = function TrelloIcon(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.TrelloIcon = TrelloIcon;
+};