@atlaskit/logo 13.16.0 → 13.17.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/logo
 
+## 13.17.0
+
+### Minor Changes
+
+-   [#99225](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99225)
+    [`428f67898ecb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/428f67898ecb) -
+    [ux] Adding product logos for Guard, Rovo, Atlassian Marketplace, Atlassian Admin, Atlassian
+    Administration, and Atlassian Access. Testing some other glyphs behind a feature flag, if
+    successful these changes will be enabled in a future release.
+
+## 13.16.1
+
+### Patch Changes
+
+-   [#97031](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97031)
+    [`539af758079d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/539af758079d) -
+    [ux] Fixing Atlas logo bug with inconsistent sizing
+
 ## 13.16.0
 
 ### Minor Changes

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

@@ -49,7 +49,7 @@ var svg = function svg(_ref, colorMode) {
      * inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
      */
     var inverseIconContents = "\n      <linearGradient id=\"".concat(id, "-inverse-a\" gradientUnits=\"userSpaceOnUse\" x1=\"13.1575\" x2=\"8.62613\" y1=\"25.3248\"\n      y2=\"5.13609\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-b\">\n      <stop offset=\"0\" stop-color=\"#fff\" />\n      <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"10.6926\" x2=\"20.4159\" xlink:href=\"#").concat(id, "-inverse-b\"\n      y1=\"15.0061\" y2=\"18.9068\" />\n    <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"22.7236\" x2=\"20.8289\" xlink:href=\"#").concat(id, "-inverse-b\"\n      y1=\"3.59276\" y2=\"23.2521\" />\n    <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"18.8186\" x2=\"18.8186\" y1=\"28.5366\"\n      y2=\"5.46924\">    <stop offset=\".1\" stop-color=\"#fff\" />\n      <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n      <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n      <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    </linearGradient>\n    <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"12.5694\" x2=\"13.9441\" y1=\"5.09736\"\n      y2=\"26.7354\">\n      <stop offset=\".03\" stop-color=\"#fff\" />\n      <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n      <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n      <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n      <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n      <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n      <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n      <stop offset=\".94\" stop-color=\"#fff\" />\n    </linearGradient>\n    <path\n      d=\"m16.0048 6.31409v-1.922c-6.65867 0-12.07267 5.414-12.07267 12.07201 0 .6873.06533 1.356.16733 2.0153 0 .028 0 .0654.00934.0927 1.00266 5.6553 5.9433 9.9647 11.8867 9.9647v-1.922c-5.0334 0-9.22137-3.6774-10.0107-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.6033-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.02404-8.29271 9.98264-8.29271z\"\n      fill=\"url(#").concat(id, "-inverse-a)\" />\n    <path\n      d=\"m17.9639 16.9475c-.464-.204-.9847-.446-1.5787-.706-.3433-.1487-.678-.2974-.9933-.4367-1.8013-.7987-3.1853-1.4113-4.5687-1.6993v1.9686c1.0494.2787 2.1914.78 3.7887 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6806.752 2.6933 1.2073 3.9746 1.4673l.3714-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n      fill=\"url(#").concat(id, "-inverse-c)\" />\n    <path\n      d=\"m28.0683 16.2508v-.4734c-.3714-6.34264-5.6367-11.38531-12.0634-11.38531v1.922c5.5254 0 10.0294 4.42931 10.1407 9.92731-.0093.3807-.1207.882-.52 1.3187-.52.5667-1.4207.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0586 0 1.8946-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n      fill=\"url(#").concat(id, "-inverse-d)\" />\n    <path\n      d=\"m16.0046 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n      fill=\"url(#").concat(id, "-inverse-e)\" />\n    <path\n      d=\"m16.0047 28.5367c-4.1513 0-6.52863-3.38-6.52863-9.2773 0-6.8814 3.00863-10.72604 5.82263-13.78137l1.4114 1.3c-3.278 3.56597-5.312 6.89067-5.312 12.48137 0 6.0826 2.5073 7.3546 4.606 7.3546v1.922z\"\n      fill=\"url(#").concat(id, "-inverse-f)\" />\n    <g fill=\"#fff\">\n      <path\n        d=\"m10.8601 17.4673c1.2412 0 2.2474-1.0061 2.2474-2.2473s-1.0062-2.2473-2.2474-2.2473c-1.24114 0-2.24731 1.0061-2.24731 2.2473s1.00617 2.2473 2.24731 2.2473z\" />\n      <path\n        d=\"m21.2512 21.3399c1.2412 0 2.2474-1.0062 2.2474-2.2474 0-1.2411-1.0062-2.2473-2.2474-2.2473-1.2411 0-2.2473 1.0062-2.2473 2.2473 0 1.2412 1.0062 2.2474 2.2473 2.2474z\" />\n      <path\n        d=\"m16.0047 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.2474 1.00616-2.2474 2.24733s1.0062 2.24734 2.2474 2.24734z\" />\n    </g>");
-    return "<svg\n    fill=\"none\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    width=\"32\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n  </svg>");
+    return "<svg\n    fill=\"none\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n  </svg>");
   }
 };
 

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

@@ -63,6 +63,8 @@ var svg = function svg(_ref, colorMode) {
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
+ *
+ * @deprecated AtlasLogo is deprecated and will be removed from atlaskit/logo in the next major release.
  */
 var AtlasLogo = exports.AtlasLogo = function AtlasLogo(_ref2) {
   var appearance = _ref2.appearance,

package/dist/cjs/atlassian-access-logo/icon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAccessIcon = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg\n      fill=\"none\"\n      height=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M27.545 24.378 16.96 3.208c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.126-2.167 8.001 0 4 2.042 7.751 5.042 13.794.334.666.584.791 1.167.791h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.377c-.834-1.25-1.084-1.334-1.292-1.334s-.333.084-.708.834L4.875 24.462c-.167.333-.208.458-.208.625 0 .333.291.666.916.666h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.875.334-2.917 0-2.917-1.292-5.751-2.292-7.251\"\n        fill=\"".concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Access icon__
+ *
+ * The Atlassian Access 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 AtlassianAccessIcon = exports.AtlassianAccessIcon = function AtlassianAccessIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Access' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor
+    }, colorMode),
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-access-logo/index.js

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

package/dist/cjs/atlassian-access-logo/logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAccessLogo = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg\n      fill=\"none\"\n      height=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 299 32\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M298.505 21.163c0 2.545-1.656 4.477-5.765 4.477-2.3 0-4.171-.521-5.336-1.135v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.066-.828 3.066-2.024 0-1.165-.889-1.84-3.802-2.545-3.404-.828-4.846-2.147-4.846-4.661 0-2.668 2.055-4.294 5.551-4.294 1.993 0 3.803.491 4.937 1.104v2.73c-1.84-.92-3.342-1.411-4.968-1.411-1.932 0-2.974.675-2.974 1.87 0 1.074.736 1.749 3.557 2.423 3.404.828 5.121 2.086 5.121 4.754m-13.626 0c0 2.545-1.656 4.477-5.765 4.477-2.3 0-4.171-.521-5.336-1.135v-2.79c1.318.766 3.526 1.502 5.458 1.502 2.024 0 3.067-.828 3.067-2.024 0-1.165-.889-1.84-3.803-2.545-3.404-.828-4.845-2.147-4.845-4.661 0-2.668 2.055-4.294 5.551-4.294 1.993 0 3.802.491 4.937 1.104v2.73c-1.84-.92-3.343-1.411-4.968-1.411-1.932 0-2.975.675-2.975 1.87 0 1.074.736 1.749 3.558 2.423 3.404.828 5.121 2.086 5.121 4.754m-20.467-9.078c-2.791 0-4.202 1.81-4.478 4.478h8.556c-.153-2.852-1.441-4.478-4.078-4.478M270.3 24.72c-1.258.675-3.19.92-4.754.92-5.734 0-8.249-3.312-8.249-8.004 0-4.63 2.576-7.943 7.237-7.943 4.723 0 6.624 3.282 6.624 7.943v1.196h-11.193c.368 2.607 2.055 4.293 5.673 4.293 1.779 0 3.282-.337 4.662-.828zm-15.094-2.147v2.362c-.92.49-2.33.705-3.741.705-5.459 0-8.004-3.312-8.004-8.004 0-4.63 2.545-7.943 8.004-7.943 1.38 0 2.453.184 3.649.736v2.454c-.981-.46-2.024-.736-3.465-.736-3.987 0-5.612 2.514-5.612 5.489s1.656 5.49 5.673 5.49c1.564 0 2.546-.215 3.496-.553m-13.836 0v2.362c-.92.49-2.33.705-3.741.705-5.459 0-8.004-3.312-8.004-8.004 0-4.63 2.545-7.943 8.004-7.943 1.38 0 2.453.184 3.649.736v2.454c-.981-.46-2.024-.736-3.465-.736-3.987 0-5.612 2.514-5.612 5.489s1.656 5.49 5.673 5.49c1.564 0 2.546-.215 3.496-.553m-22.45-1.257c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.809.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\"\n        fill=\"".concat(colors.textColor, "\"\n      />\n      <path\n        d=\"M107.447 10.828c0 2.972 1.345 5.308 6.795 6.37 3.185.707 3.893 1.203 3.893 2.264 0 1.062-.708 1.699-2.973 1.699-2.619 0-5.733-.92-7.785-2.123v4.812c1.627.779 3.751 1.699 7.785 1.699 5.662 0 7.856-2.548 7.856-6.228m0 .07c0-3.538-1.84-5.166-7.148-6.299-2.902-.637-3.61-1.274-3.61-2.194 0-1.132 1.062-1.628 2.973-1.628 2.335 0 4.6.708 6.794 1.7V6.368c-1.557-.779-3.892-1.345-6.653-1.345-5.237 0-7.927 2.265-7.927 5.945m72.475-5.803v20.172h4.318V9.978l1.769 4.034 6.087 11.324h5.379V5.166h-4.247v13.022l-1.628-3.822-4.883-9.2zm-27.319 0h-4.671v20.172h4.671zm-10.05 14.155c0-3.538-1.841-5.166-7.149-6.298-2.902-.637-3.609-1.274-3.609-2.194 0-1.133 1.061-1.628 2.972-1.628 2.336 0 4.601.707 6.795 1.698v-4.6c-1.557-.779-3.893-1.345-6.653-1.345-5.238 0-7.927 2.265-7.927 5.945 0 2.973 1.345 5.309 6.794 6.37 3.185.708 3.893 1.203 3.893 2.265s-.708 1.699-2.973 1.699c-2.618 0-5.733-.92-7.785-2.124v4.813c1.628.779 3.751 1.699 7.785 1.699 5.592 0 7.857-2.548 7.857-6.3M71.069 5.165v20.172h9.625l1.486-4.389h-6.44V5.165zm-19.039 0v4.318h5.167v15.854h4.741V9.483h5.592V5.165zm-6.866 0h-6.157L32 25.337h5.379l.99-3.398c1.204.354 2.478.566 3.752.566s2.548-.212 3.751-.566l.991 3.397h5.379c-.07 0-7.078-20.17-7.078-20.17zM42.05 18.26c-.92 0-1.77-.142-2.548-.354L42.05 9.13l2.548 8.776a9.6 9.6 0 0 1-2.548.354M97.326 5.165H91.17l-7.08 20.172h5.38l.99-3.398c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zM94.212 18.26c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a9.6 9.6 0 0 1-2.548.354m75.306-13.095h-6.157l-7.007 20.172h5.379l.991-3.398c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zm-3.043 13.094c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a10 10 0 0 1-2.548.354M22.878 24.378 12.293 3.208c-.208-.458-.416-.541-.666-.541-.209 0-.459.083-.709.5-1.5 2.375-2.167 5.126-2.167 8.001 0 4 2.042 7.751 5.043 13.794.333.666.583.791 1.166.791h7.335c.542 0 .833-.208.833-.625 0-.208-.041-.333-.25-.75M7.501 14.377c-.833-1.25-1.083-1.334-1.292-1.334s-.333.084-.708.834L.208 24.462c-.166.333-.208.458-.208.625 0 .333.292.666.917.666h7.46c.5 0 .874-.416 1.083-1.208.25-1 .333-1.875.333-2.917 0-2.917-1.292-5.751-2.292-7.251\"\n        fill=\"").concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Access logo__
+ *
+ * The Atlassian Access 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 AtlassianAccessLogo = exports.AtlassianAccessLogo = function AtlassianAccessLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Access' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor,
+      textColor: textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-admin-logo/icon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAdminIcon = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg fill=\"none\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\">\n      <path\n        d=\"M27.545 24.378 16.96 3.208c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.125-2.167 8 0 4.001 2.042 7.752 5.042 13.794.334.667.584.792 1.167.792h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.377c-.834-1.25-1.084-1.334-1.292-1.334s-.333.083-.708.834L4.875 24.46c-.167.334-.208.459-.208.625 0 .334.291.667.916.667h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.876.334-2.917 0-2.917-1.292-5.751-2.292-7.251z\"\n        fill=\"".concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Admin icon__
+ *
+ * The Atlassian Admin 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 AtlassianAdminIcon = exports.AtlassianAdminIcon = function AtlassianAdminIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Admin' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor
+    }, colorMode),
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-admin-logo/index.js

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

package/dist/cjs/atlassian-admin-logo/logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAdminLogo = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg\n      fill=\"none\"\n      height=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 295 32\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M294.31 16.348v8.985h-2.637v-9.261c0-2.76-1.104-3.987-3.619-3.987-2.453 0-4.14 1.626-4.14 4.723v8.525h-2.637V10h2.637v2.515c.982-1.81 2.791-2.822 4.846-2.822 3.526 0 5.55 2.423 5.55 6.655M274.168 5.952c0-1.165.766-1.84 1.84-1.84 1.073 0 1.84.675 1.84 1.84s-.767 1.84-1.84 1.84c-1.074 0-1.84-.675-1.84-1.84m.49 19.381V10h2.638v15.333zm-14.069-8.525v8.525h-2.637v-9.261c0-2.76-1.104-3.987-3.619-3.987-2.453 0-4.14 1.626-4.14 4.723v8.525h-2.637V10h2.637v2.515c.981-1.81 2.791-2.822 4.845-2.822 2.607 0 4.386 1.319 5.152 3.742.859-2.362 2.914-3.742 5.459-3.742 3.435 0 5.336 2.331 5.336 6.655v8.985h-2.637v-8.525c0-3.159-1.104-4.723-3.619-4.723-2.453 0-4.14 1.626-4.14 4.723m-28.327.859c0 3.68 1.472 5.52 4.202 5.52 2.361 0 4.477-1.503 4.477-4.907v-1.227c0-3.404-1.932-4.906-4.171-4.906-2.974 0-4.508 1.962-4.508 5.52m8.679 7.666v-2.76c-.981 2.024-2.821 3.067-5.183 3.067-4.078 0-6.133-3.465-6.133-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V3.59h2.637v21.742zm-22.021-4.017c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.809.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\"\n        fill=\"".concat(colors.textColor, "\"\n      />\n      <path\n        d=\"M107.447 10.828c0 2.972 1.345 5.308 6.795 6.37 3.185.707 3.893 1.203 3.893 2.264 0 1.062-.708 1.699-2.973 1.699-2.619 0-5.733-.92-7.785-2.123v4.812c1.627.779 3.751 1.699 7.785 1.699 5.662 0 7.856-2.548 7.856-6.228m0 .07c0-3.538-1.84-5.166-7.148-6.299-2.902-.637-3.61-1.274-3.61-2.194 0-1.132 1.062-1.628 2.973-1.628 2.335 0 4.6.708 6.794 1.7V6.368c-1.557-.779-3.892-1.345-6.653-1.345-5.237 0-7.927 2.265-7.927 5.945m72.475-5.803v20.172h4.318V9.978l1.769 4.034 6.087 11.325h5.379V5.165h-4.247v13.023l-1.628-3.822-4.883-9.2zm-27.319 0h-4.671v20.172h4.671zm-10.05 14.155c0-3.538-1.841-5.166-7.149-6.298-2.902-.637-3.609-1.274-3.609-2.194 0-1.133 1.061-1.628 2.972-1.628 2.336 0 4.601.707 6.795 1.698v-4.6c-1.557-.779-3.893-1.345-6.653-1.345-5.238 0-7.927 2.265-7.927 5.945 0 2.973 1.345 5.309 6.794 6.37 3.185.708 3.893 1.203 3.893 2.265s-.708 1.699-2.973 1.699c-2.618 0-5.733-.92-7.785-2.124v4.813c1.628.779 3.751 1.699 7.785 1.699 5.592 0 7.857-2.548 7.857-6.3M71.069 5.165v20.172h9.625l1.486-4.389h-6.44V5.165zm-19.039 0v4.318h5.167v15.854h4.741V9.483h5.592V5.165zm-6.866 0h-6.157L32 25.336h5.379l.99-3.397c1.204.354 2.478.566 3.752.566s2.548-.212 3.751-.566l.991 3.397h5.379c-.07 0-7.078-20.17-7.078-20.17zM42.05 18.26c-.92 0-1.77-.142-2.548-.354L42.05 9.13l2.548 8.776a9.6 9.6 0 0 1-2.548.354M97.326 5.165H91.17l-7.08 20.171h5.38l.99-3.397c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zM94.212 18.26c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a9.6 9.6 0 0 1-2.548.354m75.306-13.095h-6.157l-7.007 20.171h5.379l.991-3.397c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zm-3.043 13.094c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a10 10 0 0 1-2.548.354M22.878 24.378 12.293 3.208c-.208-.458-.416-.541-.666-.541-.209 0-.459.083-.709.5-1.5 2.375-2.167 5.125-2.167 8 0 4.001 2.042 7.752 5.043 13.794.333.667.583.792 1.166.792h7.335c.542 0 .833-.208.833-.625 0-.208-.041-.333-.25-.75M7.501 14.377c-.833-1.25-1.083-1.334-1.292-1.334s-.333.083-.708.834L.208 24.46c-.166.334-.208.459-.208.625 0 .334.292.667.917.667h7.46c.5 0 .874-.416 1.083-1.208.25-1 .333-1.876.333-2.917 0-2.917-1.292-5.751-2.292-7.251z\"\n        fill=\"").concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Admin logo__
+ *
+ * The Atlassian Admin 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 AtlassianAdminLogo = exports.AtlassianAdminLogo = function AtlassianAdminLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Admin' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor,
+      textColor: textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-administration-logo/icon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAdministrationIcon = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg fill=\"none\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\">\n      <path\n        d=\"M27.545 24.378 16.96 3.208c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.125-2.167 8 0 4.001 2.042 7.752 5.042 13.794.334.667.584.792 1.167.792h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.377c-.834-1.25-1.084-1.334-1.292-1.334s-.333.083-.708.834L4.875 24.46c-.167.334-.208.459-.208.625 0 .334.291.667.916.667h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.876.334-2.917 0-2.917-1.292-5.751-2.292-7.251z\"\n        fill=\"".concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Administration icon__
+ *
+ * The Atlassian Administration 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 AtlassianAdministrationIcon = exports.AtlassianAdministrationIcon = function AtlassianAdministrationIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Administration' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor
+    }, colorMode),
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-administration-logo/index.js

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

package/dist/cjs/atlassian-administration-logo/logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianAdministrationLogo = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg\n      fill=\"none\"\n      height=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 404 32\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M403.77 16.348v8.985h-2.637v-9.261c0-2.76-1.104-3.987-3.619-3.987-2.453 0-4.14 1.626-4.14 4.723v8.525h-2.637V10h2.637v2.515c.981-1.81 2.791-2.822 4.845-2.822 3.527 0 5.551 2.423 5.551 6.655m-23.336 9.292c-4.6 0-7.299-3.404-7.299-8.004s2.699-7.943 7.299-7.943c4.57 0 7.237 3.343 7.237 7.943s-2.667 8.004-7.237 8.004m0-13.493c-3.281 0-4.723 2.576-4.723 5.489s1.442 5.55 4.723 5.55c3.251 0 4.661-2.637 4.661-5.55s-1.41-5.49-4.661-5.49zm-13.488-6.195c0-1.165.767-1.84 1.84-1.84 1.074 0 1.84.675 1.84 1.84s-.766 1.84-1.84 1.84c-1.073 0-1.84-.675-1.84-1.84m.491 19.381V10h2.637v15.333zm-7.461-4.753c0 1.35.797 2.27 2.422 2.27.614 0 1.196-.123 1.656-.215v2.545a6.3 6.3 0 0 1-1.778.245c-3.282 0-4.876-1.932-4.876-4.784v-8.188h-2.484V10h2.484V6.75h2.576V10h4.078v2.453h-4.078zm-18.943-2.913c0 3.68 1.472 5.52 4.202 5.52 2.361 0 4.477-1.503 4.477-4.907v-1.227c0-3.404-1.932-4.906-4.171-4.906-2.974 0-4.508 1.962-4.508 5.52m8.679 7.666v-2.76c-.981 2.024-2.821 3.067-5.183 3.067-4.078 0-6.133-3.465-6.133-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V10h2.637v15.333zm-17.793-9.046v9.046h-2.576V10h2.576v2.699c.89-1.81 2.423-3.098 5.428-2.914v2.576c-3.373-.337-5.428.675-5.428 3.926m-10.037 4.293c0 1.35.797 2.27 2.423 2.27.613 0 1.196-.123 1.656-.215v2.545c-.46.123-.982.245-1.779.245-3.281 0-4.876-1.932-4.876-4.784v-8.188h-2.484V10h2.484V6.75h2.576V10h4.079v2.453h-4.079zm-6.696.583c0 2.545-1.656 4.477-5.765 4.477-2.3 0-4.171-.521-5.336-1.135v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.066-.828 3.066-2.024 0-1.165-.889-1.84-3.802-2.545-3.404-.828-4.846-2.147-4.846-4.661 0-2.668 2.055-4.294 5.551-4.294 1.993 0 3.803.491 4.937 1.104v2.73c-1.84-.92-3.342-1.411-4.968-1.411-1.932 0-2.974.675-2.974 1.87 0 1.074.736 1.749 3.557 2.423 3.404.828 5.121 2.086 5.121 4.754M297.497 5.952c0-1.165.767-1.84 1.84-1.84 1.074 0 1.84.675 1.84 1.84s-.766 1.84-1.84 1.84c-1.073 0-1.84-.675-1.84-1.84m.491 19.381V10h2.637v15.333zm-3.678-8.985v8.985h-2.637v-9.261c0-2.76-1.104-3.987-3.619-3.987-2.453 0-4.14 1.626-4.14 4.723v8.525h-2.637V10h2.637v2.515c.982-1.81 2.791-2.822 4.846-2.822 3.526 0 5.55 2.423 5.55 6.655M274.168 5.952c0-1.165.766-1.84 1.84-1.84 1.073 0 1.84.675 1.84 1.84s-.767 1.84-1.84 1.84c-1.074 0-1.84-.675-1.84-1.84m.49 19.381V10h2.638v15.333zm-14.069-8.525v8.525h-2.637v-9.261c0-2.76-1.104-3.987-3.619-3.987-2.453 0-4.14 1.626-4.14 4.723v8.525h-2.637V10h2.637v2.515c.981-1.81 2.791-2.822 4.845-2.822 2.607 0 4.386 1.319 5.152 3.742.859-2.362 2.914-3.742 5.459-3.742 3.435 0 5.336 2.331 5.336 6.655v8.985h-2.637v-8.525c0-3.159-1.104-4.723-3.619-4.723-2.453 0-4.14 1.626-4.14 4.723m-28.327.859c0 3.68 1.472 5.52 4.202 5.52 2.361 0 4.477-1.503 4.477-4.907v-1.227c0-3.404-1.932-4.906-4.171-4.906-2.974 0-4.508 1.962-4.508 5.52m8.679 7.666v-2.76c-.981 2.024-2.821 3.067-5.183 3.067-4.078 0-6.133-3.465-6.133-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V3.59h2.637v21.742zm-22.021-4.017c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.809.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\"\n        fill=\"".concat(colors.textColor, "\"\n      />\n      <path\n        d=\"M107.447 10.828c0 2.972 1.345 5.308 6.795 6.37 3.185.707 3.893 1.203 3.893 2.264 0 1.062-.708 1.699-2.973 1.699-2.619 0-5.733-.92-7.785-2.123v4.812c1.627.779 3.751 1.699 7.785 1.699 5.662 0 7.856-2.548 7.856-6.228m0 .07c0-3.538-1.84-5.166-7.148-6.299-2.902-.637-3.61-1.274-3.61-2.194 0-1.132 1.062-1.628 2.973-1.628 2.335 0 4.6.708 6.794 1.7V6.368c-1.557-.779-3.892-1.345-6.653-1.345-5.237 0-7.927 2.265-7.927 5.945m72.475-5.803v20.172h4.318V9.978l1.769 4.034 6.087 11.325h5.379V5.165h-4.247v13.023l-1.628-3.822-4.883-9.2zm-27.319 0h-4.671v20.172h4.671zm-10.05 14.155c0-3.538-1.841-5.166-7.149-6.298-2.902-.637-3.609-1.274-3.609-2.194 0-1.133 1.061-1.628 2.972-1.628 2.336 0 4.601.707 6.795 1.698v-4.6c-1.557-.779-3.893-1.345-6.653-1.345-5.238 0-7.927 2.265-7.927 5.945 0 2.973 1.345 5.309 6.794 6.37 3.185.708 3.893 1.203 3.893 2.265s-.708 1.699-2.973 1.699c-2.618 0-5.733-.92-7.785-2.124v4.813c1.628.779 3.751 1.699 7.785 1.699 5.592 0 7.857-2.548 7.857-6.3M71.069 5.165v20.172h9.625l1.486-4.389h-6.44V5.165zm-19.039 0v4.318h5.167v15.854h4.741V9.483h5.592V5.165zm-6.866 0h-6.157L32 25.336h5.379l.99-3.397c1.204.354 2.478.566 3.752.566s2.548-.212 3.751-.566l.991 3.397h5.379c-.07 0-7.078-20.17-7.078-20.17zM42.05 18.26c-.92 0-1.77-.142-2.548-.354L42.05 9.13l2.548 8.776a9.6 9.6 0 0 1-2.548.354M97.326 5.165H91.17l-7.08 20.171h5.38l.99-3.397c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zM94.212 18.26c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a9.6 9.6 0 0 1-2.548.354m75.306-13.095h-6.157l-7.007 20.171h5.379l.991-3.397c1.203.354 2.477.566 3.751.566s2.548-.212 3.751-.566l.991 3.397h5.379zm-3.043 13.094c-.92 0-1.77-.142-2.548-.354l2.548-8.776 2.548 8.776a10 10 0 0 1-2.548.354M22.878 24.378 12.293 3.208c-.208-.458-.416-.541-.666-.541-.209 0-.459.083-.709.5-1.5 2.375-2.167 5.125-2.167 8 0 4.001 2.042 7.752 5.043 13.794.333.667.583.792 1.166.792h7.335c.542 0 .833-.208.833-.625 0-.208-.041-.333-.25-.75M7.501 14.377c-.833-1.25-1.083-1.334-1.292-1.334s-.333.083-.708.834L.208 24.46c-.166.334-.208.459-.208.625 0 .334.292.667.917.667h7.46c.5 0 .874-.416 1.083-1.208.25-1 .333-1.876.333-2.917 0-2.917-1.292-5.751-2.292-7.251z\"\n        fill=\"").concat(colors.iconColor, "\"\n      />\n    </svg>");
+};
+
+/**
+ * __Atlassian Administration logo__
+ *
+ * The Atlassian Administration 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 AtlassianAdministrationLogo = exports.AtlassianAdministrationLogo = function AtlassianAdministrationLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Administration' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor,
+      textColor: textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-marketplace-logo/icon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlassianMarketplaceIcon = 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, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
+  }
+  return "<svg fill=\"none\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\">\n    <path fill=\"".concat(colors.iconColor, "\" d=\"M27.545 24.817 16.96 3.647c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.126-2.167 8 0 4.002 2.042 7.752 5.042 13.795.334.666.584.791 1.167.791h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.816c-.834-1.25-1.084-1.334-1.292-1.334s-.333.084-.708.834L4.875 24.9c-.167.334-.208.459-.208.626 0 .333.291.666.916.666h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.875.334-2.917 0-2.917-1.292-5.751-2.292-7.251\"/>\n  </svg>\n  ");
+};
+
+/**
+ * __Atlassian Marketplace icon__
+ *
+ * The Atlassian Marketplace 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 AtlassianMarketplaceIcon = exports.AtlassianMarketplaceIcon = function AtlassianMarketplaceIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlassian Marketplace' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor
+    }, colorMode),
+    iconColor: iconColor,
+    label: label,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/cjs/atlassian-marketplace-logo/index.js

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