@atlaskit/logo 13.12.1 → 13.13.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/logo
 
+## 13.13.0
+
+### Minor Changes
+
+- [`5111380b383`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5111380b383) - Adds logo assets for Atlas
+
 ## 13.12.1
 
 ### Patch Changes

package/atlas-icon/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/logo/atlas-icon",
+  "main": "../dist/cjs/atlas-logo/icon.js",
+  "module": "../dist/esm/atlas-logo/icon.js",
+  "module:es2019": "../dist/es2019/atlas-logo/icon.js",
+  "sideEffects": false,
+  "types": "../dist/types/atlas-logo/icon.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/atlas-logo/icon.d.ts"
+      ]
+    }
+  }
+}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlasIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactUid = require("react-uid");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("../constants");
+var _wrapper = _interopRequireDefault(require("../wrapper"));
+/* eslint-disable max-len */
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance;
+  // Will be fixed upon removal of deprecated iconGradientStart and
+  // iconGradientStop props, or with React 18's useId() hook when we update.
+  // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
+  var id = (0, _reactUid.uid)({
+    appearance: appearance
+  });
+
+  // Brand
+  var colors = {
+    iconGradientStart: '#1D7AFC',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientMid: _colors.B400,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientStop: _colors.B400
+  };
+  if (appearance === 'neutral') {
+    colors = {
+      iconGradientStart: '#758195',
+      iconGradientMid: '#596A85',
+      iconGradientStop: '#2C3E5D'
+    };
+  }
+  var baseIconContents = "\n   <linearGradient\n    id=\"".concat(id, "-a\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"10.6592\"\n    x2=\"9.74055\"\n    y1=\"28.7353\"\n    y2=\"4.626\"\n  >\n    <stop offset=\".5\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient id=\"").concat(id, "-b\">\n    <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientMid, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-c\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"28.2733\"\n    x2=\"17.5886\"\n    xlink:href=\"#").concat(id, "-b\"\n    y1=\"17.5235\"\n    y2=\"28.5702\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-d\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"22.0338\"\n    x2=\"22.0338\"\n    y1=\"4.39582\"\n    y2=\"16.4638\"\n  >\n    <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\".59\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-e\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"4.04047\"\n    x2=\"21.5118\"\n    y1=\"17.0305\"\n    y2=\"17.0305\"\n  >\n    <stop offset=\".26\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-f\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"23.0712\"\n    x2=\"26.8865\"\n    xlink:href=\"#").concat(id, "-b\"\n    y1=\"19.8515\"\n    y2=\"15.7949\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-g\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"18.8126\"\n    x2=\"18.8126\"\n    y1=\"28.5318\"\n    y2=\"5.47314\"\n  >\n    <stop offset=\".36\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-h\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"13.0887\"\n    x2=\"13.0887\"\n    y1=\"28.5318\"\n    y2=\"5.48176\"\n  >\n    <stop offset=\".06\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\".58\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n  </linearGradient>\n  <path\n    d=\"m15.9999 28.532c-6.65602 0-12.06802-5.412-12.06802-12.068s5.412-12.068 12.06802-12.068v1.92133c-5.5973 0-10.14602 4.54867-10.14602 10.14597 0 5.5974 4.54872 10.146 10.14602 10.146v1.9214z\"\n    fill=\"url(#").concat(id, "-a)\"\n  />\n  <path\n    d=\"m15.9999 28.5322v-1.9214c5.5974 0 10.146-4.5486 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n    fill=\"url(#").concat(id, "-c)\"\n  />\n  <path\n    d=\"m28.0678 16.4638h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92134c6.656 0 12.068 5.41201 12.068 12.06802z\"\n    fill=\"url(#").concat(id, "-d)\"\n  />\n  <path\n    d=\"m21.1405 20.1585c-1.2814-.2506-2.2927-.7053-3.9734-1.4666-.464-.204-.9746-.436-1.5593-.696-.3527-.158-.6773-.2974-1.0027-.436-2.534-1.1234-3.9266-1.736-5.63463-1.736-1.19733 0-2.098.3246-2.59933.9373-.34334.4087-.48267.9373-.38067 1.448l-1.88467.362c-.204-1.0767.074-2.1813.78-3.0353.61267-.7427 1.81934-1.634 4.08467-1.634 2.11663 0 3.82463.7613 6.41463 1.9033.3154.1393.6407.288.9934.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1234 3.5553 1.3274z\"\n    fill=\"url(#").concat(id, "-e)\"\n  />\n  <path\n    d=\"m23.0172 20.3442c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n    fill=\"url(#").concat(id, "-f)\"\n  />\n  <path\n    d=\"m16 28.5318v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.652-5.096-12.29996l1.402-1.318c3.778 4.01934 5.616 8.47536 5.616 13.61796 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n    fill=\"url(#").concat(id, "-g)\"\n  />\n  <path\n    d=\"m15.9987 28.5318c-4.1494 0-6.52604-3.3787-6.52604-9.2734 0-6.8786 3.00804-10.72198 5.82064-13.77598l1.4114 1.29934c-3.2767 3.56464-5.31 6.88804-5.31 12.47604 0 6.08 2.5066 7.352 4.6046 7.352v1.9213z\"\n    fill=\"url(#").concat(id, "-h)\"\n  />\n  <g fill=\"").concat(colors.iconGradientStart, "\">\n    <path\n      d=\"m10.8565 17.4665c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467c-1.24064 0-2.24664 1.006-2.24664 2.2467s1.006 2.2467 2.24664 2.2467z\"\n    />\n    <path\n      d=\"m21.2418 21.3381c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n    />\n    <path\n      d=\"m15.9979 7.96062c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.2467 1.006-2.2467 2.24666c0 1.24067 1.006 2.24667 2.2467 2.24667z\"\n    />\n  </g>");
+
+  /**
+   * 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>");
+};
+
+/**
+ * __Atlas logo__
+ *
+ * The Atlas 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 AtlasIcon = function AtlasIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlas' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance: appearance
+    }),
+    size: size,
+    testId: testId
+  });
+};
+exports.AtlasIcon = AtlasIcon;

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

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

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

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlasLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactUid = require("react-uid");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("../constants");
+var _wrapper = _interopRequireDefault(require("../wrapper"));
+/* eslint-disable max-len */
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance;
+  // Will be fixed upon removal of deprecated iconGradientStart and
+  // iconGradientStop props, or with React 18's useId() hook when we update.
+  // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
+  var id = (0, _reactUid.uid)({
+    appearance: appearance
+  });
+
+  // Brand
+  var colors = {
+    iconGradientStart: '#1d7afc',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientMid: _colors.B400,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientStop: _colors.B400,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    textStart: _colors.B400
+  };
+  if (appearance === 'neutral') {
+    colors = {
+      iconGradientStart: '#758195',
+      iconGradientMid: '#596a85',
+      iconGradientStop: '#2c3e5d',
+      textStart: '#758195'
+    };
+  }
+  var baseIconContents = "\n  <linearGradient\n    id=\"".concat(id, "-a\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"6.72733\"\n    x2=\"5.808\"\n    y1=\"28.2142\"\n    y2=\"4.10482\"\n  >\n    <stop offset=\".5\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient id=\"").concat(id, "-b\">\n    <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientMid, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-c\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"24.3414\"\n    x2=\"13.6567\"\n    xlink:href=\"#").concat(id, "-b\"\n    y1=\"17.0027\"\n    y2=\"28.0494\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-d\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"18.1021\"\n    x2=\"18.1021\"\n    y1=\"3.87549\"\n    y2=\"15.9428\"\n  >\n    <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\".59\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-e\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\".108585\"\n    x2=\"17.5793\"\n    y1=\"16.5093\"\n    y2=\"16.5093\"\n  >\n    <stop offset=\".26\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-f\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"19.1392\"\n    x2=\"22.9546\"\n    xlink:href=\"#").concat(id, "-b\"\n    y1=\"19.33\"\n    y2=\"15.2734\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-g\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"14.8807\"\n    x2=\"14.8807\"\n    y1=\"28.0108\"\n    y2=\"4.95215\"\n  >\n    <stop offset=\".36\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-h\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"9.15677\"\n    x2=\"9.15677\"\n    y1=\"28.0108\"\n    y2=\"4.96143\"\n  >\n    <stop offset=\".06\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n    <stop offset=\".58\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n  </linearGradient>\n  <linearGradient id=\"").concat(id, "-i\">\n    <stop offset=\"0\" stop-color=\"").concat(colors.iconGradientStop, "\" />\n    <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStart, "\" />\n  </linearGradient>\n  <linearGradient\n    id=\"").concat(id, "-j\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"95.6987\"\n    x2=\"29.214\"\n    xlink:href=\"#").concat(id, "-i\"\n    y1=\"-1.89809\"\n    y2=\"20.5853\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-k\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"97.0621\"\n    x2=\"30.5774\"\n    xlink:href=\"#").concat(id, "-i\"\n    y1=\"2.12082\"\n    y2=\"24.6042\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-l\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"97.5167\"\n    x2=\"31.0327\"\n    xlink:href=\"#").concat(id, "-i\"\n    y1=\"3.47941\"\n    y2=\"25.9627\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-m\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"101.28\"\n    x2=\"34.7954\"\n    xlink:href=\"#").concat(id, "-i\"\n    y1=\"14.583\"\n    y2=\"37.075\"\n  />\n  <linearGradient\n    id=\"").concat(id, "-n\"\n    gradientUnits=\"userSpaceOnUse\"\n    x1=\"99.9401\"\n    x2=\"33.4561\"\n    xlink:href=\"#").concat(id, "-i\"\n    y1=\"10.6227\"\n    y2=\"33.106\"\n  />\n  <path\n    d=\"m12.068 28.0108c-6.656 0-12.068-5.412-12.068-12.068 0-6.65598 5.412-12.06731 12.068-12.06731v1.92133c-5.59733 0-10.146 4.54868-10.146 10.14598 0 5.5974 4.54867 10.146 10.146 10.146v1.9214z\"\n    fill=\"url(#").concat(id, "-a)\"\n  />\n  <path\n    d=\"m12.068 28.0107v-1.9213c5.5974 0 10.146-4.5487 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n    fill=\"url(#").concat(id, "-c)\"\n  />\n  <path\n    d=\"m24.1354 15.9428h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92133c6.656 0 12.068 5.412 12.068 12.06801z\"\n    fill=\"url(#").concat(id, "-d)\"\n  />\n  <path\n    d=\"m17.2086 19.638c-1.2813-.2507-2.2927-.7053-3.9733-1.4667-.464-.204-.9747-.436-1.5594-.696-.3526-.158-.6773-.2973-1.0026-.436-2.53405-1.1233-3.92671-1.736-5.63471-1.736-1.19734 0-2.098.3247-2.59934.9374-.34333.4086-.48266.9373-.38066 1.448l-1.884671.362c-.2040002-1.0767.074-2.1814.78-3.0354.612671-.7426 1.819331-1.634 4.084671-1.634 2.11666 0 3.82466.7614 6.41471 1.9034.3153.1393.6406.288.9933.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1233 3.5553 1.3273z\"\n    fill=\"url(#").concat(id, "-e)\"\n  />\n  <path\n    d=\"m19.0846 19.8227c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n    fill=\"url(#").concat(id, "-f)\"\n  />\n  <path\n    d=\"m12.0681 28.0108v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.65195-5.096-12.29995l1.402-1.318c3.778 4.01933 5.616 8.47535 5.616 13.61795 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n    fill=\"url(#").concat(id, "-g)\"\n  />\n  <path\n    d=\"m12.0668 28.0108c-4.14936 0-6.52603-3.3787-6.52603-9.2734 0-6.8786 3.008-10.72197 5.82063-13.77597l1.4114 1.29933c-3.27669 3.56467-5.31003 6.88804-5.31003 12.47604 0 6.08 2.50667 7.352 4.60463 7.352v1.9213z\"\n    fill=\"url(#").concat(id, "-h)\"\n  />\n  <g fill=\"").concat(colors.iconGradientStart, "\">\n    <path\n      d=\"m6.92391 16.9455c1.24067 0 2.24667-1.006 2.24667-2.2467s-1.006-2.2467-2.24667-2.2467c-1.24066 0-2.24666 1.006-2.24666 2.2467s1.006 2.2467 2.24666 2.2467z\"\n    />\n    <path\n      d=\"m17.3094 20.8166c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n    />\n    <path\n      d=\"m12.066 7.44011c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.24666 1.006-2.24666 2.24666c0 1.24067 1.00596 2.24667 2.24666 2.24667z\"\n    />\n  </g>\n  <path\n    d=\"m34.6727 21.2726-1.68 4.53h-3.0913l7.9273-20.12535h3.4907l7.9366 20.12535h-3.0913l-1.6893-4.5674c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0914-.1853-4.8087-.52zm8.9767-2.33-4.0754-11.02802-4.0753 11.05602c1.504.2413 2.7573.3713 3.9827.3713 1.29 0 2.6086-.158 4.168-.3993z\"\n    fill=\"url(#").concat(id, "-j)\"\n  />\n  <path\n    d=\"m56.3748 23.3242c.6126 0 1.1973-.1207 1.6526-.2134v2.5434c-.464.1206-.984.2413-1.7733.2413-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4506h2.4787v-3.24938h2.5713v3.24938h4.0753v2.4506h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n    fill=\"url(#").concat(id, "-k)\"\n  />\n  <path\n    d=\"m65.044 25.8947c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80462h2.6366v17.49862c0 1.3834.9194 1.866 2.0514 1.866.2786 0 .464 0 .7613-.028v2.358c-.2133.0647-.6773.1207-1.346.1207z\"\n    fill=\"url(#").concat(id, "-l)\"\n  />\n  <path\n    d=\"m90.5908 26.109c-2.302 0-4.168-.52-5.3287-1.1326v-2.7847c1.318.7613 3.5273 1.504 5.4493 1.504s3.0634-.826 3.0634-2.024-.8914-1.838-3.7967-2.5433c-3.3973-.826-4.836-2.1447-4.836-4.66 0-2.664 2.0513-4.2887 5.542-4.2887 1.996 0 3.7967.492 4.9293 1.1047v2.7293c-1.838-.9193-3.342-1.4113-4.9666-1.4113-1.9307 0-2.9707.6773-2.9707 1.866 0 1.0673.7333 1.7453 3.5553 2.4226 3.398.826 5.1154 2.0794 5.1154 4.7527s-1.6527 4.4747-5.7647 4.4747l.0093-.0094z\"\n    fill=\"url(#").concat(id, "-m)\"\n  />\n  <path\n    d=\"m82.7488 23.4447c-.7427 0-1.0767-.3067-1.0767-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6366-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1694-.1207v-2.358c-.3067.028-.334.028-.6127.028v.0094zm-3.7134-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.196-1.838-4.196-5.514s1.532-5.514 4.502-5.514c2.2373 0 4.168 1.504 4.168 4.9014v1.2253z\"\n    fill=\"url(#").concat(id, "-n)\"\n  />");
+
+  /**
+   * inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
+   */
+  var inverseIconContents = "\n  <linearGradient id=\"".concat(id, "-inverse-a\">\n    <stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".6\" />\n    <stop offset=\"1\" stop-color=\"#fff\" />\n  </linearGradient>\n  <linearGradient id=\"").concat(id, "-inverse-b\" gradientUnits=\"userSpaceOnUse\" x1=\"95.6972\" x2=\"29.2126\" xlink:href=\"#").concat(id, "-inverse-a\"\n    y1=\"-1.88441\" y2=\"20.5989\" />\n  <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"97.0604\" x2=\"30.5757\" xlink:href=\"#").concat(id, "-inverse-a\"\n    y1=\"2.13449\" y2=\"24.6178\" />\n  <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"97.5154\" x2=\"31.0315\" xlink:href=\"#").concat(id, "-inverse-a\"\n    y1=\"3.49308\" y2=\"25.9764\" />\n  <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"101.279\" x2=\"34.794\" xlink:href=\"#").concat(id, "-inverse-a\"\n    y1=\"14.5962\" y2=\"37.0882\" />\n  <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"99.9384\" x2=\"33.4544\" xlink:href=\"#").concat(id, "-inverse-a\"\n    y1=\"10.6359\" y2=\"33.1192\" />\n  <linearGradient id=\"").concat(id, "-inverse-g\" gradientUnits=\"userSpaceOnUse\" x1=\"9.22533\" x2=\"4.69333\" 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-h\">\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-i\" gradientUnits=\"userSpaceOnUse\" x1=\"6.76069\" x2=\"16.4834\" xlink:href=\"#").concat(id, "-inverse-h\"\n    y1=\"15.0061\" y2=\"18.9068\" />\n  <linearGradient id=\"").concat(id, "-inverse-j\" gradientUnits=\"userSpaceOnUse\" x1=\"18.7907\" x2=\"16.8967\" xlink:href=\"#").concat(id, "-inverse-h\"\n    y1=\"3.59276\" y2=\"23.2521\" />\n  <linearGradient id=\"").concat(id, "-inverse-k\" gradientUnits=\"userSpaceOnUse\" x1=\"14.886\" x2=\"14.886\" y1=\"28.5366\"\n    y2=\"5.46924\">\n    <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-l\" gradientUnits=\"userSpaceOnUse\" x1=\"8.63728\" x2=\"10.0113\" 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=\"m34.6712 21.2863-1.68 4.5299h-3.0913l7.9273-20.12528h3.4907l7.9367 20.12528h-3.0914l-1.6893-4.5673c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0913-.1853-4.8087-.52zm8.9767-2.33-4.0753-11.02805-4.0754 11.05605c1.504.2413 2.7574.3713 3.9827.3713 1.29 0 2.6087-.158 4.168-.3993z\"\n    fill=\"url(#").concat(id, "-inverse-b)\" />\n  <path\n    d=\"m56.3731 23.3378c.6126 0 1.1973-.1206 1.6526-.2133v2.5433c-.464.1207-.984.2414-1.7733.2414-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4507h2.4787v-3.24931h2.5713v3.24931h4.0753v2.4507h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n    fill=\"url(#").concat(id, "-inverse-c)\" />\n  <path\n    d=\"m65.0428 25.9084c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80465h2.6366v17.49865c0 1.3833.9193 1.866 2.0513 1.866.2787 0 .464 0 .7614-.028v2.358c-.2134.0647-.6774.1207-1.346.1207z\"\n    fill=\"url(#").concat(id, "-inverse-d)\" />\n  <path\n    d=\"m90.5893 26.1222c-2.302 0-4.168-.52-5.3287-1.1327v-2.7846c1.318.7613 3.5274 1.504 5.4494 1.504s3.0633-.826 3.0633-2.024-.8913-1.838-3.7967-2.5434c-3.3973-.826-4.836-2.1446-4.836-4.66 0-2.664 2.0514-4.2886 5.542-4.2886 1.996 0 3.7967.492 4.9294 1.1046v2.7294c-1.838-.9194-3.342-1.4114-4.9667-1.4114-1.9307 0-2.9707.6774-2.9707 1.866 0 1.0674.7334 1.7454 3.5554 2.4227 3.398.826 5.1153 2.0793 5.1153 4.7527 0 2.6733-1.6527 4.4746-5.7647 4.4746l.0094-.0093z\"\n    fill=\"url(#").concat(id, "-inverse-e)\" />\n  <path\n    d=\"m82.747 23.4579c-.7426 0-1.0766-.3067-1.0766-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6367-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1693-.1207v-2.358c-.3066.028-.334.028-.6126.028v.0094zm-3.7133-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.1961-1.838-4.1961-5.514s1.5321-5.514 4.5021-5.514c2.2373 0 4.1679 1.504 4.1679 4.9014v1.2253z\"\n    fill=\"url(#").concat(id, "-inverse-f)\" />\n  <path\n    d=\"m12.0727 6.31409v-1.922c-6.6587 0-12.0727 5.414-12.0727 12.07201 0 .6873.0653333 1.356.167333 2.0153 0 .028 0 .0654.009334.0927 1.002663 5.6553 5.943333 9.9647 11.886633 9.9647v-1.922c-5.0333 0-9.2213-3.6774-10.01063-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-.60334-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.024-8.29271 9.98267-8.29271z\"\n    fill=\"url(#").concat(id, "-inverse-g)\" />\n  <path\n    d=\"m14.032 16.9475c-.464-.204-.9846-.446-1.5786-.706-.3434-.1487-.678-.2974-.9934-.4367-1.80131-.7987-3.18531-1.4113-4.56864-1.6993v1.9686c1.04933.2787 2.19133.78 3.78864 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6807.752 2.6933 1.2073 3.9747 1.4673l.3713-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n    fill=\"url(#").concat(id, "-inverse-i)\" />\n  <path\n    d=\"m24.1354 16.2508v-.4734c-.3713-6.34264-5.6367-11.38531-12.0633-11.38531v1.922c5.5253 0 10.0293 4.42931 10.1406 9.92731-.0093.3807-.1206.882-.52 1.3187-.52.5667-1.4206.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0587 0 1.8947-.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-j)\" />\n  <path\n    d=\"m12.0727 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-k)\" />\n  <path\n    d=\"m12.0726 28.5367c-4.15132 0-6.52865-3.38-6.52865-9.2773 0-6.8814 3.00866-10.72604 5.82265-13.78137l1.4113 1.3c-3.27795 3.56597-5.31195 6.89067-5.31195 12.48137 0 6.0826 2.50733 7.3546 4.60595 7.3546v1.922z\"\n    fill=\"url(#").concat(id, "-inverse-l)\" />\n  <g fill=\"#fff\">\n    <path\n      d=\"m6.928 17.4673c1.24117 0 2.24733-1.0061 2.24733-2.2473s-1.00616-2.2473-2.24733-2.2473-2.24734 1.0061-2.24734 2.2473 1.00617 2.2473 2.24734 2.2473z\" />\n    <path\n      d=\"m17.3194 21.3399c1.2411 0 2.2473-1.0062 2.2473-2.2474 0-1.2411-1.0062-2.2473-2.2473-2.2473-1.2412 0-2.2474 1.0062-2.2474 2.2473 0 1.2412 1.0062 2.2474 2.2474 2.2474z\" />\n    <path\n      d=\"m12.0728 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.24736 1.00616-2.24736 2.24733s1.00616 2.24734 2.24736 2.24734z\" />\n  </g>\n");
+  return "<svg\n  fill=\"none\"\n  height=\"32\"\n  viewBox=\"0 0 97 32\"\n  width=\"97\"\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>");
+};
+
+/**
+ * __Atlas logo__
+ *
+ * The Atlas 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 AtlasLogo = function AtlasLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Atlas' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance
+    }),
+    testId: testId
+  });
+};
+exports.AtlasLogo = AtlasLogo;

package/dist/cjs/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AtlasIcon", {
+  enumerable: true,
+  get: function get() {
+    return _atlasLogo.AtlasIcon;
+  }
+});
+Object.defineProperty(exports, "AtlasLogo", {
+  enumerable: true,
+  get: function get() {
+    return _atlasLogo.AtlasLogo;
+  }
+});
 Object.defineProperty(exports, "AtlassianAnalyticsIcon", {
   enumerable: true,
   get: function get() {
@@ -376,4 +388,5 @@ var _jiraWorkManagementLogo = require("./jira-work-management-logo");
 var _opsgenieLogo = require("./opsgenie-logo");
 var _statuspageLogo = require("./statuspage-logo");
 var _strideLogo = require("./stride-logo");
-var _trelloLogo = require("./trello-logo");
+var _trelloLogo = require("./trello-logo");
+var _atlasLogo = require("./atlas-logo");

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

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "TrelloIcon", {
 Object.defineProperty(exports, "TrelloLogo", {
   enumerable: true,
   get: function get() {
-    return _logo.TrelloLogo;
+    return _logo.AtlasLogo;
   }
 });
 Object.defineProperty(exports, "TrelloWordmark", {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TrelloLogo = void 0;
+exports.AtlasLogo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactUid = require("react-uid");
 var _constants = require("../constants");
@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var TrelloLogo = function TrelloLogo(_ref2) {
+var AtlasLogo = function AtlasLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Trello' : _ref2$label,
@@ -75,4 +75,4 @@ var TrelloLogo = function TrelloLogo(_ref2) {
     textColor: textColor
   });
 };
-exports.TrelloLogo = TrelloLogo;
+exports.AtlasLogo = AtlasLogo;

package/dist/cjs/version.json

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

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

@@ -0,0 +1,251 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { B400 } from '@atlaskit/theme/colors';
+import { defaultLogoParams } from '../constants';
+import Wrapper from '../wrapper';
+const svg = ({
+  appearance
+}) => {
+  // Will be fixed upon removal of deprecated iconGradientStart and
+  // iconGradientStop props, or with React 18's useId() hook when we update.
+  // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
+  let id = uid({
+    appearance
+  });
+
+  // Brand
+  let colors = {
+    iconGradientStart: '#1D7AFC',
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientMid: B400,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    iconGradientStop: B400
+  };
+  if (appearance === 'neutral') {
+    colors = {
+      iconGradientStart: '#758195',
+      iconGradientMid: '#596A85',
+      iconGradientStop: '#2C3E5D'
+    };
+  }
+  const baseIconContents = `
+   <linearGradient
+    id="${id}-a"
+    gradientUnits="userSpaceOnUse"
+    x1="10.6592"
+    x2="9.74055"
+    y1="28.7353"
+    y2="4.626"
+  >
+    <stop offset=".5" stop-color="${colors.iconGradientStart}" />
+    <stop offset="1" stop-color="${colors.iconGradientStop}" />
+  </linearGradient>
+  <linearGradient id="${id}-b">
+    <stop offset="0" stop-color="${colors.iconGradientMid}" />
+    <stop offset="1" stop-color="${colors.iconGradientStop}" />
+  </linearGradient>
+  <linearGradient
+    id="${id}-c"
+    gradientUnits="userSpaceOnUse"
+    x1="28.2733"
+    x2="17.5886"
+    xlink:href="#${id}-b"
+    y1="17.5235"
+    y2="28.5702"
+  />
+  <linearGradient
+    id="${id}-d"
+    gradientUnits="userSpaceOnUse"
+    x1="22.0338"
+    x2="22.0338"
+    y1="4.39582"
+    y2="16.4638"
+  >
+    <stop offset="0" stop-color="${colors.iconGradientStart}" />
+    <stop offset=".59" stop-color="${colors.iconGradientStart}" />
+    <stop offset="1" stop-color="${colors.iconGradientStop}" />
+  </linearGradient>
+  <linearGradient
+    id="${id}-e"
+    gradientUnits="userSpaceOnUse"
+    x1="4.04047"
+    x2="21.5118"
+    y1="17.0305"
+    y2="17.0305"
+  >
+    <stop offset=".26" stop-color="${colors.iconGradientStart}" />
+    <stop offset="1" stop-color="${colors.iconGradientStop}" />
+  </linearGradient>
+  <linearGradient
+    id="${id}-f"
+    gradientUnits="userSpaceOnUse"
+    x1="23.0712"
+    x2="26.8865"
+    xlink:href="#${id}-b"
+    y1="19.8515"
+    y2="15.7949"
+  />
+  <linearGradient
+    id="${id}-g"
+    gradientUnits="userSpaceOnUse"
+    x1="18.8126"
+    x2="18.8126"
+    y1="28.5318"
+    y2="5.47314"
+  >
+    <stop offset=".36" stop-color="${colors.iconGradientStart}" />
+    <stop offset="1" stop-color="${colors.iconGradientStop}" />
+  </linearGradient>
+  <linearGradient
+    id="${id}-h"
+    gradientUnits="userSpaceOnUse"
+    x1="13.0887"
+    x2="13.0887"
+    y1="28.5318"
+    y2="5.48176"
+  >
+    <stop offset=".06" stop-color="${colors.iconGradientStart}" />
+    <stop offset=".58" stop-color="${colors.iconGradientStop}" />
+    <stop offset="1" stop-color="${colors.iconGradientStart}" />
+  </linearGradient>
+  <path
+    d="m15.9999 28.532c-6.65602 0-12.06802-5.412-12.06802-12.068s5.412-12.068 12.06802-12.068v1.92133c-5.5973 0-10.14602 4.54867-10.14602 10.14597 0 5.5974 4.54872 10.146 10.14602 10.146v1.9214z"
+    fill="url(#${id}-a)"
+  />
+  <path
+    d="m15.9999 28.5322v-1.9214c5.5974 0 10.146-4.5486 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z"
+    fill="url(#${id}-c)"
+  />
+  <path
+    d="m28.0678 16.4638h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92134c6.656 0 12.068 5.41201 12.068 12.06802z"
+    fill="url(#${id}-d)"
+  />
+  <path
+    d="m21.1405 20.1585c-1.2814-.2506-2.2927-.7053-3.9734-1.4666-.464-.204-.9746-.436-1.5593-.696-.3527-.158-.6773-.2974-1.0027-.436-2.534-1.1234-3.9266-1.736-5.63463-1.736-1.19733 0-2.098.3246-2.59933.9373-.34334.4087-.48267.9373-.38067 1.448l-1.88467.362c-.204-1.0767.074-2.1813.78-3.0353.61267-.7427 1.81934-1.634 4.08467-1.634 2.11663 0 3.82463.7613 6.41463 1.9033.3154.1393.6407.288.9934.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1234 3.5553 1.3274z"
+    fill="url(#${id}-e)"
+  />
+  <path
+    d="m23.0172 20.3442c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z"
+    fill="url(#${id}-f)"
+  />
+  <path
+    d="m16 28.5318v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.652-5.096-12.29996l1.402-1.318c3.778 4.01934 5.616 8.47536 5.616 13.61796 0 5.8207-2.4227 9.4407-6.322 9.4407z"
+    fill="url(#${id}-g)"
+  />
+  <path
+    d="m15.9987 28.5318c-4.1494 0-6.52604-3.3787-6.52604-9.2734 0-6.8786 3.00804-10.72198 5.82064-13.77598l1.4114 1.29934c-3.2767 3.56464-5.31 6.88804-5.31 12.47604 0 6.08 2.5066 7.352 4.6046 7.352v1.9213z"
+    fill="url(#${id}-h)"
+  />
+  <g fill="${colors.iconGradientStart}">
+    <path
+      d="m10.8565 17.4665c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467c-1.24064 0-2.24664 1.006-2.24664 2.2467s1.006 2.2467 2.24664 2.2467z"
+    />
+    <path
+      d="m21.2418 21.3381c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z"
+    />
+    <path
+      d="m15.9979 7.96062c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.2467 1.006-2.2467 2.24666c0 1.24067 1.006 2.24667 2.2467 2.24667z"
+    />
+  </g>`;
+
+  /**
+   * inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
+   */
+  const inverseIconContents = `
+    <linearGradient id="${id}-inverse-a" gradientUnits="userSpaceOnUse" x1="13.1575" x2="8.62613" y1="25.3248"
+    y2="5.13609">
+    <stop offset="0" stop-color="#fff" />
+    <stop offset=".17" stop-color="#fff" stop-opacity=".91" />
+    <stop offset=".5" stop-color="#fff" stop-opacity=".74" />
+    <stop offset=".76" stop-color="#fff" stop-opacity=".64" />
+    <stop offset=".92" stop-color="#fff" stop-opacity=".6" />
+  </linearGradient>
+  <linearGradient id="${id}-inverse-b">
+    <stop offset="0" stop-color="#fff" />
+    <stop offset=".18" stop-color="#fff" stop-opacity=".91" />
+    <stop offset=".55" stop-color="#fff" stop-opacity=".74" />
+    <stop offset=".83" stop-color="#fff" stop-opacity=".64" />
+    <stop offset="1" stop-color="#fff" stop-opacity=".6" />
+  </linearGradient>
+  <linearGradient id="${id}-inverse-c" gradientUnits="userSpaceOnUse" x1="10.6926" x2="20.4159" xlink:href="#${id}-inverse-b"
+    y1="15.0061" y2="18.9068" />
+  <linearGradient id="${id}-inverse-d" gradientUnits="userSpaceOnUse" x1="22.7236" x2="20.8289" xlink:href="#${id}-inverse-b"
+    y1="3.59276" y2="23.2521" />
+  <linearGradient id="${id}-inverse-e" gradientUnits="userSpaceOnUse" x1="18.8186" x2="18.8186" y1="28.5366"
+    y2="5.46924">    <stop offset=".1" stop-color="#fff" />
+    <stop offset=".27" stop-color="#fff" stop-opacity=".91" />
+    <stop offset=".59" stop-color="#fff" stop-opacity=".74" />
+    <stop offset=".85" stop-color="#fff" stop-opacity=".64" />
+    <stop offset="1" stop-color="#fff" stop-opacity=".6" />
+  </linearGradient>
+  <linearGradient id="${id}-inverse-f" gradientUnits="userSpaceOnUse" x1="12.5694" x2="13.9441" y1="5.09736"
+    y2="26.7354">
+    <stop offset=".03" stop-color="#fff" />
+    <stop offset=".1" stop-color="#fff" stop-opacity=".9" />
+    <stop offset=".29" stop-color="#fff" stop-opacity=".68" />
+    <stop offset=".38" stop-color="#fff" stop-opacity=".6" />
+    <stop offset=".59" stop-color="#fff" stop-opacity=".6" />
+    <stop offset=".65" stop-color="#fff" stop-opacity=".65" />
+    <stop offset=".76" stop-color="#fff" stop-opacity=".77" />
+    <stop offset=".91" stop-color="#fff" stop-opacity=".96" />
+    <stop offset=".94" stop-color="#fff" />
+  </linearGradient>
+  <path
+    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"
+    fill="url(#${id}-inverse-a)" />
+  <path
+    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"
+    fill="url(#${id}-inverse-c)" />
+  <path
+    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"
+    fill="url(#${id}-inverse-d)" />
+  <path
+    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"
+    fill="url(#${id}-inverse-e)" />
+  <path
+    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"
+    fill="url(#${id}-inverse-f)" />
+  <g fill="#fff">
+    <path
+      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" />
+    <path
+      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" />
+    <path
+      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" />
+  </g>`;
+  return `<svg
+  fill="none"
+  height="32"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  ${appearance === 'inverse' ? inverseIconContents : baseIconContents}
+</svg>`;
+};
+
+/**
+ * __Atlas logo__
+ *
+ * The Atlas 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)
+ */
+export const AtlasIcon = ({
+  appearance,
+  label = 'Atlas',
+  size = defaultLogoParams.size,
+  testId
+}) => /*#__PURE__*/React.createElement(Wrapper, {
+  appearance: appearance,
+  label: label,
+  svg: svg({
+    appearance
+  }),
+  size: size,
+  testId: testId
+});

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

@@ -0,0 +1,2 @@
+export { AtlasIcon } from './icon';
+export { AtlasLogo } from './logo';