@atlaskit/logo 13.8.2 → 13.9.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/logo
 
+## 13.9.0
+
+### Minor Changes
+
+- [`76eadca8ef3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76eadca8ef3) - Adds Jira Align logo, icon and wordmark.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.8.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -117,6 +117,24 @@ Object.defineProperty(exports, "HipchatWordmark", {
     return _hipchatLogo.HipchatWordmark;
   }
 });
+Object.defineProperty(exports, "JiraAlignIcon", {
+  enumerable: true,
+  get: function get() {
+    return _jiraAlignLogo.JiraAlignIcon;
+  }
+});
+Object.defineProperty(exports, "JiraAlignLogo", {
+  enumerable: true,
+  get: function get() {
+    return _jiraAlignLogo.JiraAlignLogo;
+  }
+});
+Object.defineProperty(exports, "JiraAlignWordmark", {
+  enumerable: true,
+  get: function get() {
+    return _jiraAlignLogo.JiraAlignWordmark;
+  }
+});
 Object.defineProperty(exports, "JiraCoreIcon", {
   enumerable: true,
   get: function get() {
@@ -330,6 +348,8 @@ var _halpLogo = require("./halp-logo");
 
 var _hipchatLogo = require("./hipchat-logo");
 
+var _jiraAlignLogo = require("./jira-align-logo");
+
 var _jiraCoreLogo = require("./jira-core-logo");
 
 var _jiraLogo = require("./jira-logo");

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraAlignIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactUid = require("react-uid");
+
+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,
+      size = _ref.size,
+      iconGradientStart = _ref.iconGradientStart,
+      iconGradientStop = _ref.iconGradientStop,
+      iconColor = _ref.iconColor;
+  var colors = {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor
+  }; // 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)({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance);
+    id = "jiraIcon-".concat(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n   <defs>\n      <linearGradient id=\"".concat(id, "-1\" x1=\"15.1552\" y1=\"20.5458\" x2=\"16.7055\" y2=\"12.6394\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\"  ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n      <linearGradient id=\"").concat(id, "-2\" x1=\"18.3249\" y1=\"10.8472\" x2=\"16.7745\" y2=\"18.7536\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <path fill=\"url(#").concat(id, "-1)\" d=\"M6.93411 5.78784C6.93411 9.51693 9.94886 12.5581 13.6455 12.5581H19.8545V18.8578H26.5659V6.91019C26.5659 6.33091 26.0993 5.82405 25.5251 5.82405L6.93411 5.78784Z\" />\n    <path fill=\"url(#").concat(id, "-2)\" d=\"M26.53 25.5918C26.53 21.8627 23.5152 18.8577 19.8186 18.8577H13.6455V12.5581H6.93411V24.5057C6.93411 25.085 7.40068 25.5918 7.97492 25.5918H26.53Z\" />\n  </svg>");
+};
+/**
+ * __Jira Align icon__
+ *
+ * The Jira Align 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 JiraAlignIcon = function JiraAlignIcon(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _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,
+      _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;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor,
+      size: size
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};
+
+exports.JiraAlignIcon = JiraAlignIcon;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "JiraAlignIcon", {
+  enumerable: true,
+  get: function get() {
+    return _icon.JiraAlignIcon;
+  }
+});
+Object.defineProperty(exports, "JiraAlignLogo", {
+  enumerable: true,
+  get: function get() {
+    return _logo.JiraAlignLogo;
+  }
+});
+Object.defineProperty(exports, "JiraAlignWordmark", {
+  enumerable: true,
+  get: function get() {
+    return _wordmark.JiraAlignWordmark;
+  }
+});
+
+var _icon = require("./icon");
+
+var _logo = require("./logo");
+
+var _wordmark = require("./wordmark");

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

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraAlignLogo = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactUid = require("react-uid");
+
+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,
+      iconGradientStart = _ref.iconGradientStart,
+      iconGradientStop = _ref.iconGradientStop,
+      iconColor = _ref.iconColor,
+      textColor = _ref.textColor;
+  var colors = {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor,
+    textColor: textColor
+  }; // 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)({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance);
+    id = "JiraAlignLogo-".concat(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 147 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient id=\"".concat(id, "-1\" x1=\"8.97104\" y1=\"20.5458\" x2=\"10.5214\" y2=\"12.6394\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\"  ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n      <linearGradient id=\"").concat(id, "-2\" x1=\"12.1408\" y1=\"10.8472\" x2=\"10.5904\" y2=\"18.7536\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <g fill=\"").concat(colors.textColor, "\">\n      <path d=\"M36.6401 4.60829H39.4754V18.6632C39.4754 22.3692 37.7886 24.9565 33.8766 24.9565C32.4051 24.9565 31.2566 24.7117 30.467 24.432V21.7399C31.3284 22.0895 32.3692 22.2644 33.41 22.2644C35.8146 22.2644 36.6401 20.8658 36.6401 18.838V4.60829Z\" />\n      <path d=\"M44.6076 3.52444C45.7202 3.52444 46.5097 4.18873 46.5097 5.37745C46.5097 6.53121 45.7202 7.23046 44.6076 7.23046C43.495 7.23046 42.7054 6.56618 42.7054 5.37745C42.7054 4.18873 43.495 3.52444 44.6076 3.52444ZM43.2438 9.4331H45.9714V24.8166H43.2438V9.4331Z\" />\n      <path d=\"M52.7545 24.8166H50.0987V9.43309H52.7545V12.1252C53.6877 10.3072 55.2668 9.01354 58.3534 9.18835V11.7756C54.872 11.426 52.7545 12.4399 52.7545 15.7263V24.8166Z\" />\n      <path d=\"M71.0943 22.0546C70.0894 24.0824 68.1872 25.1313 65.7467 25.1313C61.5476 25.1313 59.4301 21.67 59.4301 17.1249C59.4301 12.7895 61.6552 9.11844 66.0697 9.11844C68.3666 9.11844 70.1611 10.1324 71.0943 12.1252V9.4331H73.8219V24.8166H71.0943V22.0546ZM66.4645 22.6489C68.905 22.6489 71.0584 21.1455 71.0584 17.7192V16.4955C71.0584 13.0692 69.0844 11.5658 66.7516 11.5658C63.701 11.5658 62.1218 13.5237 62.1218 17.0899C62.1577 20.8309 63.6651 22.6489 66.4645 22.6489Z\" />\n      <path d=\"M83.9431 20.2715L82.2204 24.8166H79.0262L87.209 4.60829H90.798L98.9809 24.8166H95.7867L94.064 20.2365C92.1977 20.6211 90.5827 20.7959 88.9318 20.7959C87.3167 20.7959 85.7017 20.5862 83.9431 20.2715ZM93.2027 17.929L89.0035 6.84589L84.8044 17.964C86.3477 18.2087 87.6397 18.3486 88.8959 18.3486C90.2238 18.3136 91.5876 18.1737 93.2027 17.929Z\" />\n      <path d=\"M105.082 24.9215C102.498 24.9215 100.847 23.7328 100.847 20.9008V3H103.575V20.5512C103.575 21.9497 104.508 22.4391 105.692 22.4391C105.979 22.4391 106.159 22.4391 106.482 22.4042V24.7816C106.266 24.8516 105.8 24.9215 105.082 24.9215Z\" />\n      <path d=\"M110.501 3.52444C111.614 3.52444 112.404 4.18873 112.404 5.37745C112.404 6.53121 111.614 7.23046 110.501 7.23046C109.389 7.23046 108.599 6.56618 108.599 5.37745C108.599 4.18873 109.389 3.52444 110.501 3.52444ZM109.102 9.4331H111.829V24.8166H109.102V9.4331Z\" />\n      <path d=\"M126.58 22.0546C125.575 24.0824 123.673 25.1313 121.233 25.1313C117.069 25.1313 114.988 21.67 114.988 17.1249C114.988 12.7895 117.177 9.11844 121.556 9.11844C123.852 9.11844 125.647 10.1324 126.58 12.1252V9.4331H129.236V23.4181C129.236 27.9283 127.047 30.97 121.412 30.97C118.756 30.97 117.321 30.6204 115.777 30.1309V27.5437C117.5 28.1031 119.33 28.4527 121.268 28.4527C125.216 28.4527 126.58 26.3899 126.58 23.523V22.0546ZM121.95 22.6489C124.391 22.6489 126.544 21.1455 126.544 17.7192V16.4955C126.544 13.0692 124.57 11.5658 122.237 11.5658C119.187 11.5658 117.608 13.5237 117.608 17.0899C117.644 20.8309 119.151 22.6489 121.95 22.6489Z\" />\n      <path d=\"M146.75 24.8166H144.023V15.5166C144.023 12.7545 142.874 11.5309 140.29 11.5309C137.778 11.5309 136.019 13.1741 136.019 16.2858V24.8516H133.292V9.46807H136.019V11.9854C137.024 10.1673 138.89 9.15341 141.008 9.15341C144.633 9.15341 146.714 11.6008 146.714 15.8312V24.8166H146.75Z\" />\n      <path fill=\"url(#").concat(id, "-1)\" d=\"M0.75 5.78784C0.75 9.51693 3.76475 12.5581 7.46141 12.5581H13.6704V18.8578H20.3818V6.91019C20.3818 6.33091 19.9152 5.82405 19.341 5.82405L0.75 5.78784Z\" />\n      <path fill=\"url(#").concat(id, "-2)\" d=\"M20.3459 25.5918C20.3459 21.8627 17.3311 18.8577 13.6345 18.8577H7.46141V12.5581H0.75V24.5057C0.75 25.085 1.21657 25.5918 1.79081 25.5918H20.3459Z\" />\n    </g>\n  </svg>\n  ");
+};
+/**
+ * __Jira Align logo__
+ *
+ * The Jira Align 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 JiraAlignLogo = function JiraAlignLogo(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _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,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor,
+      textColor: textColor,
+      size: size,
+      label: label
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};
+
+exports.JiraAlignLogo = JiraAlignLogo;

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraAlignWordmark = 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,
+      textColor = _ref.textColor;
+  var colors = {
+    textColor: textColor
+  };
+
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 117 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <g fill=\"".concat(colors.textColor, "\">\n      <path d=\"M6.60677 4.66543H9.44207V19.2197C9.44207 23.0574 7.75525 25.7366 3.84325 25.7366C2.37177 25.7366 1.22329 25.4832 0.433716 25.1935V22.4058C1.29507 22.7678 2.33588 22.9488 3.37668 22.9488C5.7813 22.9488 6.60677 21.5006 6.60677 19.4008V4.66543Z\" />\n      <path d=\"M14.5743 3.54307C15.6868 3.54307 16.4764 4.23096 16.4764 5.46192C16.4764 6.65668 15.6868 7.38078 14.5743 7.38078C13.4617 7.38078 12.6721 6.69289 12.6721 5.46192C12.6721 4.23096 13.4617 3.54307 14.5743 3.54307ZM13.2104 9.66167H15.9381V25.5918H13.2104V9.66167Z\" />\n      <path d=\"M22.7212 25.5918H20.0654V9.66166H22.7212V12.4494C23.6543 10.5668 25.2335 9.22721 28.32 9.40823V12.0874C24.8387 11.7253 22.7212 12.7753 22.7212 16.1785V25.5918Z\" />\n      <path d=\"M41.061 22.7316C40.056 24.8315 38.1539 25.9176 35.7134 25.9176C31.5142 25.9176 29.3967 22.3333 29.3967 17.6267C29.3967 13.1373 31.6219 9.33583 36.0364 9.33583C38.3333 9.33583 40.1278 10.3858 41.061 12.4494V9.66167H43.7886V25.5918H41.061V22.7316ZM36.4312 23.3471C38.8717 23.3471 41.0251 21.7903 41.0251 18.2422V16.975C41.0251 13.427 39.0511 11.8702 36.7183 11.8702C33.6676 11.8702 32.0885 13.8976 32.0885 17.5905C32.1244 21.4644 33.6317 23.3471 36.4312 23.3471Z\" />\n      <path d=\"M53.9098 20.8852L52.187 25.5918H48.9928L57.1757 4.66543H60.7647L68.9476 25.5918H65.7534L64.0307 20.849C62.1644 21.2472 60.5494 21.4282 58.8984 21.4282C57.2834 21.4282 55.6684 21.211 53.9098 20.8852ZM63.1693 18.4594L58.9702 6.98254L54.7711 18.4956C56.3144 18.7491 57.6064 18.8939 58.8626 18.8939C60.1905 18.8577 61.5543 18.7129 63.1693 18.4594Z\" />\n      <path d=\"M75.0487 25.7004C72.4646 25.7004 70.8137 24.4694 70.8137 21.5368V3H73.5413V21.1748C73.5413 22.623 74.4745 23.1298 75.6588 23.1298C75.9459 23.1298 76.1254 23.1298 76.4484 23.0936V25.5556C76.2331 25.628 75.7665 25.7004 75.0487 25.7004Z\" />\n      <path d=\"M80.468 3.54307C81.5806 3.54307 82.3702 4.23096 82.3702 5.46192C82.3702 6.65668 81.5806 7.38078 80.468 7.38078C79.3554 7.38078 78.5659 6.69289 78.5659 5.46192C78.5659 4.23096 79.3554 3.54307 80.468 3.54307ZM79.0683 9.66167H81.7959V25.5918H79.0683V9.66167Z\" />\n      <path d=\"M96.5468 22.7316C95.5419 24.8315 93.6397 25.9176 91.1992 25.9176C87.036 25.9176 84.9544 22.3333 84.9544 17.6267C84.9544 13.1373 87.1437 9.33583 91.5222 9.33583C93.8192 9.33583 95.6137 10.3858 96.5468 12.4494V9.66167H99.2026V24.1436C99.2026 28.814 97.0134 31.9638 91.3787 31.9638C88.7228 31.9638 87.2872 31.6018 85.7439 31.0949V28.4157C87.4667 28.995 89.297 29.3571 91.2351 29.3571C95.183 29.3571 96.5468 27.221 96.5468 24.2522V22.7316ZM91.917 23.3471C94.3575 23.3471 96.5109 21.7903 96.5109 18.2422V16.975C96.5109 13.427 94.537 11.8702 92.2041 11.8702C89.1535 11.8702 87.5743 13.8976 87.5743 17.5905C87.6102 21.4644 89.1176 23.3471 91.917 23.3471Z\" />\n      <path d=\"M116.717 25.5918H113.989V15.9613C113.989 13.1011 112.841 11.834 110.257 11.834C107.744 11.834 105.986 13.5356 105.986 16.7578V25.628H103.258V9.69789H105.986V12.3046C106.991 10.422 108.857 9.37205 110.975 9.37205C114.599 9.37205 116.681 11.9064 116.681 16.2872V25.5918H116.717Z\" />\n    </g>\n  </svg>  \n  ");
+};
+/**
+ * __Jira Align wordmark__
+ *
+ * The Jira Align brand/product name styled as a logo, without an accompanying icon.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+
+
+var JiraAlignWordmark = function JiraAlignWordmark(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _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;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      textColor: textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};
+
+exports.JiraAlignWordmark = JiraAlignWordmark;

package/dist/cjs/version.json

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

package/dist/es2019/index.js

@@ -5,6 +5,7 @@ export { CompassIcon, CompassLogo, CompassWordmark } from './compass-logo';
 export { ConfluenceIcon, ConfluenceLogo, ConfluenceWordmark } from './confluence-logo';
 export { HalpIcon, HalpLogo, HalpWordmark } from './halp-logo';
 export { HipchatIcon, HipchatLogo, HipchatWordmark } from './hipchat-logo';
+export { JiraAlignIcon, JiraAlignLogo, JiraAlignWordmark } from './jira-align-logo';
 export { JiraCoreIcon, JiraCoreLogo, JiraCoreWordmark } from './jira-core-logo';
 export { JiraIcon, JiraLogo, JiraWordmark } from './jira-logo';
 export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark } from './jira-service-desk-logo';

package/dist/es2019/jira-align-logo/icon.js

@@ -0,0 +1,86 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+const svg = ({
+  appearance,
+  size,
+  iconGradientStart,
+  iconGradientStop,
+  iconColor
+}) => {
+  let colors = {
+    iconGradientStart,
+    iconGradientStop,
+    iconColor
+  }; // 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({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+    id = `jiraIcon-${appearance}`;
+  }
+
+  return `
+  <svg height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+   <defs>
+      <linearGradient id="${id}-1" x1="15.1552" y1="20.5458" x2="16.7055" y2="12.6394" gradientUnits="userSpaceOnUse">
+        <stop offset="0.15" stop-color="${colors.iconGradientStart}"  ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} />
+        <stop stop-color="${colors.iconGradientStop}" offset="100%"></stop>
+      </linearGradient>
+      <linearGradient id="${id}-2" x1="18.3249" y1="10.8472" x2="16.7745" y2="18.7536" gradientUnits="userSpaceOnUse">
+        <stop offset="0.15" stop-color="${colors.iconGradientStart}" ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} />
+        <stop stop-color="${colors.iconGradientStop}" offset="100%"></stop>
+      </linearGradient>
+    </defs>
+    <path fill="url(#${id}-1)" d="M6.93411 5.78784C6.93411 9.51693 9.94886 12.5581 13.6455 12.5581H19.8545V18.8578H26.5659V6.91019C26.5659 6.33091 26.0993 5.82405 25.5251 5.82405L6.93411 5.78784Z" />
+    <path fill="url(#${id}-2)" d="M26.53 25.5918C26.53 21.8627 23.5152 18.8577 19.8186 18.8577H13.6455V12.5581H6.93411V24.5057C6.93411 25.085 7.40068 25.5918 7.97492 25.5918H26.53Z" />
+  </svg>`;
+};
+/**
+ * __Jira Align icon__
+ *
+ * The Jira Align 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 JiraAlignIcon = ({
+  appearance,
+  label = 'Jira Align',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor,
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance,
+      iconGradientStart,
+      iconGradientStop,
+      iconColor,
+      size
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/jira-align-logo/index.js

@@ -0,0 +1,3 @@
+export { JiraAlignIcon } from './icon';
+export { JiraAlignLogo } from './logo';
+export { JiraAlignWordmark } from './wordmark';

package/dist/es2019/jira-align-logo/logo.js

@@ -0,0 +1,101 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+const svg = ({
+  appearance,
+  iconGradientStart,
+  iconGradientStop,
+  iconColor,
+  textColor
+}) => {
+  let colors = {
+    iconGradientStart,
+    iconGradientStop,
+    iconColor,
+    textColor
+  }; // 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({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+    id = `JiraAlignLogo-${appearance}`;
+  }
+
+  return `
+  <svg height="32" viewBox="0 0 147 32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+    <defs>
+      <linearGradient id="${id}-1" x1="8.97104" y1="20.5458" x2="10.5214" y2="12.6394" gradientUnits="userSpaceOnUse">
+        <stop offset="0.15" stop-color="${colors.iconGradientStart}"  ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} />
+        <stop stop-color="${colors.iconGradientStop}" offset="100%"></stop>
+      </linearGradient>
+      <linearGradient id="${id}-2" x1="12.1408" y1="10.8472" x2="10.5904" y2="18.7536" gradientUnits="userSpaceOnUse">
+        <stop offset="0.15" stop-color="${colors.iconGradientStart}" ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} />
+        <stop stop-color="${colors.iconGradientStop}" offset="100%"></stop>
+      </linearGradient>
+    </defs>
+    <g fill="${colors.textColor}">
+      <path d="M36.6401 4.60829H39.4754V18.6632C39.4754 22.3692 37.7886 24.9565 33.8766 24.9565C32.4051 24.9565 31.2566 24.7117 30.467 24.432V21.7399C31.3284 22.0895 32.3692 22.2644 33.41 22.2644C35.8146 22.2644 36.6401 20.8658 36.6401 18.838V4.60829Z" />
+      <path d="M44.6076 3.52444C45.7202 3.52444 46.5097 4.18873 46.5097 5.37745C46.5097 6.53121 45.7202 7.23046 44.6076 7.23046C43.495 7.23046 42.7054 6.56618 42.7054 5.37745C42.7054 4.18873 43.495 3.52444 44.6076 3.52444ZM43.2438 9.4331H45.9714V24.8166H43.2438V9.4331Z" />
+      <path d="M52.7545 24.8166H50.0987V9.43309H52.7545V12.1252C53.6877 10.3072 55.2668 9.01354 58.3534 9.18835V11.7756C54.872 11.426 52.7545 12.4399 52.7545 15.7263V24.8166Z" />
+      <path d="M71.0943 22.0546C70.0894 24.0824 68.1872 25.1313 65.7467 25.1313C61.5476 25.1313 59.4301 21.67 59.4301 17.1249C59.4301 12.7895 61.6552 9.11844 66.0697 9.11844C68.3666 9.11844 70.1611 10.1324 71.0943 12.1252V9.4331H73.8219V24.8166H71.0943V22.0546ZM66.4645 22.6489C68.905 22.6489 71.0584 21.1455 71.0584 17.7192V16.4955C71.0584 13.0692 69.0844 11.5658 66.7516 11.5658C63.701 11.5658 62.1218 13.5237 62.1218 17.0899C62.1577 20.8309 63.6651 22.6489 66.4645 22.6489Z" />
+      <path d="M83.9431 20.2715L82.2204 24.8166H79.0262L87.209 4.60829H90.798L98.9809 24.8166H95.7867L94.064 20.2365C92.1977 20.6211 90.5827 20.7959 88.9318 20.7959C87.3167 20.7959 85.7017 20.5862 83.9431 20.2715ZM93.2027 17.929L89.0035 6.84589L84.8044 17.964C86.3477 18.2087 87.6397 18.3486 88.8959 18.3486C90.2238 18.3136 91.5876 18.1737 93.2027 17.929Z" />
+      <path d="M105.082 24.9215C102.498 24.9215 100.847 23.7328 100.847 20.9008V3H103.575V20.5512C103.575 21.9497 104.508 22.4391 105.692 22.4391C105.979 22.4391 106.159 22.4391 106.482 22.4042V24.7816C106.266 24.8516 105.8 24.9215 105.082 24.9215Z" />
+      <path d="M110.501 3.52444C111.614 3.52444 112.404 4.18873 112.404 5.37745C112.404 6.53121 111.614 7.23046 110.501 7.23046C109.389 7.23046 108.599 6.56618 108.599 5.37745C108.599 4.18873 109.389 3.52444 110.501 3.52444ZM109.102 9.4331H111.829V24.8166H109.102V9.4331Z" />
+      <path d="M126.58 22.0546C125.575 24.0824 123.673 25.1313 121.233 25.1313C117.069 25.1313 114.988 21.67 114.988 17.1249C114.988 12.7895 117.177 9.11844 121.556 9.11844C123.852 9.11844 125.647 10.1324 126.58 12.1252V9.4331H129.236V23.4181C129.236 27.9283 127.047 30.97 121.412 30.97C118.756 30.97 117.321 30.6204 115.777 30.1309V27.5437C117.5 28.1031 119.33 28.4527 121.268 28.4527C125.216 28.4527 126.58 26.3899 126.58 23.523V22.0546ZM121.95 22.6489C124.391 22.6489 126.544 21.1455 126.544 17.7192V16.4955C126.544 13.0692 124.57 11.5658 122.237 11.5658C119.187 11.5658 117.608 13.5237 117.608 17.0899C117.644 20.8309 119.151 22.6489 121.95 22.6489Z" />
+      <path d="M146.75 24.8166H144.023V15.5166C144.023 12.7545 142.874 11.5309 140.29 11.5309C137.778 11.5309 136.019 13.1741 136.019 16.2858V24.8516H133.292V9.46807H136.019V11.9854C137.024 10.1673 138.89 9.15341 141.008 9.15341C144.633 9.15341 146.714 11.6008 146.714 15.8312V24.8166H146.75Z" />
+      <path fill="url(#${id}-1)" d="M0.75 5.78784C0.75 9.51693 3.76475 12.5581 7.46141 12.5581H13.6704V18.8578H20.3818V6.91019C20.3818 6.33091 19.9152 5.82405 19.341 5.82405L0.75 5.78784Z" />
+      <path fill="url(#${id}-2)" d="M20.3459 25.5918C20.3459 21.8627 17.3311 18.8577 13.6345 18.8577H7.46141V12.5581H0.75V24.5057C0.75 25.085 1.21657 25.5918 1.79081 25.5918H20.3459Z" />
+    </g>
+  </svg>
+  `;
+};
+/**
+ * __Jira Align logo__
+ *
+ * The Jira Align 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)
+ */
+
+
+export const JiraAlignLogo = ({
+  appearance,
+  label = 'Jira Align',
+  size = defaultLogoParams.size,
+  testId,
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg({
+      appearance,
+      iconGradientStart,
+      iconGradientStop,
+      iconColor,
+      textColor,
+      size,
+      label
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/jira-align-logo/wordmark.js

@@ -0,0 +1,64 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+const svg = ({
+  appearance,
+  textColor
+}) => {
+  let colors = {
+    textColor
+  };
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+
+  return `
+  <svg height="32" viewBox="0 0 117 32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+    <g fill="${colors.textColor}">
+      <path d="M6.60677 4.66543H9.44207V19.2197C9.44207 23.0574 7.75525 25.7366 3.84325 25.7366C2.37177 25.7366 1.22329 25.4832 0.433716 25.1935V22.4058C1.29507 22.7678 2.33588 22.9488 3.37668 22.9488C5.7813 22.9488 6.60677 21.5006 6.60677 19.4008V4.66543Z" />
+      <path d="M14.5743 3.54307C15.6868 3.54307 16.4764 4.23096 16.4764 5.46192C16.4764 6.65668 15.6868 7.38078 14.5743 7.38078C13.4617 7.38078 12.6721 6.69289 12.6721 5.46192C12.6721 4.23096 13.4617 3.54307 14.5743 3.54307ZM13.2104 9.66167H15.9381V25.5918H13.2104V9.66167Z" />
+      <path d="M22.7212 25.5918H20.0654V9.66166H22.7212V12.4494C23.6543 10.5668 25.2335 9.22721 28.32 9.40823V12.0874C24.8387 11.7253 22.7212 12.7753 22.7212 16.1785V25.5918Z" />
+      <path d="M41.061 22.7316C40.056 24.8315 38.1539 25.9176 35.7134 25.9176C31.5142 25.9176 29.3967 22.3333 29.3967 17.6267C29.3967 13.1373 31.6219 9.33583 36.0364 9.33583C38.3333 9.33583 40.1278 10.3858 41.061 12.4494V9.66167H43.7886V25.5918H41.061V22.7316ZM36.4312 23.3471C38.8717 23.3471 41.0251 21.7903 41.0251 18.2422V16.975C41.0251 13.427 39.0511 11.8702 36.7183 11.8702C33.6676 11.8702 32.0885 13.8976 32.0885 17.5905C32.1244 21.4644 33.6317 23.3471 36.4312 23.3471Z" />
+      <path d="M53.9098 20.8852L52.187 25.5918H48.9928L57.1757 4.66543H60.7647L68.9476 25.5918H65.7534L64.0307 20.849C62.1644 21.2472 60.5494 21.4282 58.8984 21.4282C57.2834 21.4282 55.6684 21.211 53.9098 20.8852ZM63.1693 18.4594L58.9702 6.98254L54.7711 18.4956C56.3144 18.7491 57.6064 18.8939 58.8626 18.8939C60.1905 18.8577 61.5543 18.7129 63.1693 18.4594Z" />
+      <path d="M75.0487 25.7004C72.4646 25.7004 70.8137 24.4694 70.8137 21.5368V3H73.5413V21.1748C73.5413 22.623 74.4745 23.1298 75.6588 23.1298C75.9459 23.1298 76.1254 23.1298 76.4484 23.0936V25.5556C76.2331 25.628 75.7665 25.7004 75.0487 25.7004Z" />
+      <path d="M80.468 3.54307C81.5806 3.54307 82.3702 4.23096 82.3702 5.46192C82.3702 6.65668 81.5806 7.38078 80.468 7.38078C79.3554 7.38078 78.5659 6.69289 78.5659 5.46192C78.5659 4.23096 79.3554 3.54307 80.468 3.54307ZM79.0683 9.66167H81.7959V25.5918H79.0683V9.66167Z" />
+      <path d="M96.5468 22.7316C95.5419 24.8315 93.6397 25.9176 91.1992 25.9176C87.036 25.9176 84.9544 22.3333 84.9544 17.6267C84.9544 13.1373 87.1437 9.33583 91.5222 9.33583C93.8192 9.33583 95.6137 10.3858 96.5468 12.4494V9.66167H99.2026V24.1436C99.2026 28.814 97.0134 31.9638 91.3787 31.9638C88.7228 31.9638 87.2872 31.6018 85.7439 31.0949V28.4157C87.4667 28.995 89.297 29.3571 91.2351 29.3571C95.183 29.3571 96.5468 27.221 96.5468 24.2522V22.7316ZM91.917 23.3471C94.3575 23.3471 96.5109 21.7903 96.5109 18.2422V16.975C96.5109 13.427 94.537 11.8702 92.2041 11.8702C89.1535 11.8702 87.5743 13.8976 87.5743 17.5905C87.6102 21.4644 89.1176 23.3471 91.917 23.3471Z" />
+      <path d="M116.717 25.5918H113.989V15.9613C113.989 13.1011 112.841 11.834 110.257 11.834C107.744 11.834 105.986 13.5356 105.986 16.7578V25.628H103.258V9.69789H105.986V12.3046C106.991 10.422 108.857 9.37205 110.975 9.37205C114.599 9.37205 116.681 11.9064 116.681 16.2872V25.5918H116.717Z" />
+    </g>
+  </svg>  
+  `;
+};
+/**
+ * __Jira Align wordmark__
+ *
+ * The Jira Align brand/product name styled as a logo, without an accompanying icon.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+
+
+export const JiraAlignWordmark = ({
+  appearance,
+  label = 'Jira Align',
+  size = defaultLogoParams.size,
+  testId,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance,
+      textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/version.json

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

package/dist/esm/index.js

@@ -5,6 +5,7 @@ export { CompassIcon, CompassLogo, CompassWordmark } from './compass-logo';
 export { ConfluenceIcon, ConfluenceLogo, ConfluenceWordmark } from './confluence-logo';
 export { HalpIcon, HalpLogo, HalpWordmark } from './halp-logo';
 export { HipchatIcon, HipchatLogo, HipchatWordmark } from './hipchat-logo';
+export { JiraAlignIcon, JiraAlignLogo, JiraAlignWordmark } from './jira-align-logo';
 export { JiraCoreIcon, JiraCoreLogo, JiraCoreWordmark } from './jira-core-logo';
 export { JiraIcon, JiraLogo, JiraWordmark } from './jira-logo';
 export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark } from './jira-service-desk-logo';

package/dist/esm/jira-align-logo/icon.js

@@ -0,0 +1,76 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+      size = _ref.size,
+      iconGradientStart = _ref.iconGradientStart,
+      iconGradientStop = _ref.iconGradientStop,
+      iconColor = _ref.iconColor;
+  var colors = {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor
+  }; // 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 = uid({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+    id = "jiraIcon-".concat(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n   <defs>\n      <linearGradient id=\"".concat(id, "-1\" x1=\"15.1552\" y1=\"20.5458\" x2=\"16.7055\" y2=\"12.6394\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\"  ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n      <linearGradient id=\"").concat(id, "-2\" x1=\"18.3249\" y1=\"10.8472\" x2=\"16.7745\" y2=\"18.7536\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <path fill=\"url(#").concat(id, "-1)\" d=\"M6.93411 5.78784C6.93411 9.51693 9.94886 12.5581 13.6455 12.5581H19.8545V18.8578H26.5659V6.91019C26.5659 6.33091 26.0993 5.82405 25.5251 5.82405L6.93411 5.78784Z\" />\n    <path fill=\"url(#").concat(id, "-2)\" d=\"M26.53 25.5918C26.53 21.8627 23.5152 18.8577 19.8186 18.8577H13.6455V12.5581H6.93411V24.5057C6.93411 25.085 7.40068 25.5918 7.97492 25.5918H26.53Z\" />\n  </svg>");
+};
+/**
+ * __Jira Align icon__
+ *
+ * The Jira Align 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 var JiraAlignIcon = function JiraAlignIcon(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _ref2$label,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+      testId = _ref2.testId,
+      _ref2$textColor = _ref2.textColor,
+      textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor,
+      _ref2$iconColor = _ref2.iconColor,
+      iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor,
+      _ref2$iconGradientSta = _ref2.iconGradientStart,
+      iconGradientStart = _ref2$iconGradientSta === void 0 ? defaultLogoParams.iconGradientStart : _ref2$iconGradientSta,
+      _ref2$iconGradientSto = _ref2.iconGradientStop,
+      iconGradientStop = _ref2$iconGradientSto === void 0 ? defaultLogoParams.iconGradientStop : _ref2$iconGradientSto;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor,
+      size: size
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/jira-align-logo/index.js

@@ -0,0 +1,3 @@
+export { JiraAlignIcon } from './icon';
+export { JiraAlignLogo } from './logo';
+export { JiraAlignWordmark } from './wordmark';

package/dist/esm/jira-align-logo/logo.js

@@ -0,0 +1,79 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { uid } from 'react-uid';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+      iconGradientStart = _ref.iconGradientStart,
+      iconGradientStop = _ref.iconGradientStop,
+      iconColor = _ref.iconColor,
+      textColor = _ref.textColor;
+  var colors = {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor,
+    textColor: textColor
+  }; // 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 = uid({
+    iconGradientStart: iconGradientStop
+  });
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+    id = "JiraAlignLogo-".concat(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 147 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient id=\"".concat(id, "-1\" x1=\"8.97104\" y1=\"20.5458\" x2=\"10.5214\" y2=\"12.6394\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\"  ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n      <linearGradient id=\"").concat(id, "-2\" x1=\"12.1408\" y1=\"10.8472\" x2=\"10.5904\" y2=\"18.7536\" gradientUnits=\"userSpaceOnUse\">\n        <stop offset=\"0.15\" stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " />\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <g fill=\"").concat(colors.textColor, "\">\n      <path d=\"M36.6401 4.60829H39.4754V18.6632C39.4754 22.3692 37.7886 24.9565 33.8766 24.9565C32.4051 24.9565 31.2566 24.7117 30.467 24.432V21.7399C31.3284 22.0895 32.3692 22.2644 33.41 22.2644C35.8146 22.2644 36.6401 20.8658 36.6401 18.838V4.60829Z\" />\n      <path d=\"M44.6076 3.52444C45.7202 3.52444 46.5097 4.18873 46.5097 5.37745C46.5097 6.53121 45.7202 7.23046 44.6076 7.23046C43.495 7.23046 42.7054 6.56618 42.7054 5.37745C42.7054 4.18873 43.495 3.52444 44.6076 3.52444ZM43.2438 9.4331H45.9714V24.8166H43.2438V9.4331Z\" />\n      <path d=\"M52.7545 24.8166H50.0987V9.43309H52.7545V12.1252C53.6877 10.3072 55.2668 9.01354 58.3534 9.18835V11.7756C54.872 11.426 52.7545 12.4399 52.7545 15.7263V24.8166Z\" />\n      <path d=\"M71.0943 22.0546C70.0894 24.0824 68.1872 25.1313 65.7467 25.1313C61.5476 25.1313 59.4301 21.67 59.4301 17.1249C59.4301 12.7895 61.6552 9.11844 66.0697 9.11844C68.3666 9.11844 70.1611 10.1324 71.0943 12.1252V9.4331H73.8219V24.8166H71.0943V22.0546ZM66.4645 22.6489C68.905 22.6489 71.0584 21.1455 71.0584 17.7192V16.4955C71.0584 13.0692 69.0844 11.5658 66.7516 11.5658C63.701 11.5658 62.1218 13.5237 62.1218 17.0899C62.1577 20.8309 63.6651 22.6489 66.4645 22.6489Z\" />\n      <path d=\"M83.9431 20.2715L82.2204 24.8166H79.0262L87.209 4.60829H90.798L98.9809 24.8166H95.7867L94.064 20.2365C92.1977 20.6211 90.5827 20.7959 88.9318 20.7959C87.3167 20.7959 85.7017 20.5862 83.9431 20.2715ZM93.2027 17.929L89.0035 6.84589L84.8044 17.964C86.3477 18.2087 87.6397 18.3486 88.8959 18.3486C90.2238 18.3136 91.5876 18.1737 93.2027 17.929Z\" />\n      <path d=\"M105.082 24.9215C102.498 24.9215 100.847 23.7328 100.847 20.9008V3H103.575V20.5512C103.575 21.9497 104.508 22.4391 105.692 22.4391C105.979 22.4391 106.159 22.4391 106.482 22.4042V24.7816C106.266 24.8516 105.8 24.9215 105.082 24.9215Z\" />\n      <path d=\"M110.501 3.52444C111.614 3.52444 112.404 4.18873 112.404 5.37745C112.404 6.53121 111.614 7.23046 110.501 7.23046C109.389 7.23046 108.599 6.56618 108.599 5.37745C108.599 4.18873 109.389 3.52444 110.501 3.52444ZM109.102 9.4331H111.829V24.8166H109.102V9.4331Z\" />\n      <path d=\"M126.58 22.0546C125.575 24.0824 123.673 25.1313 121.233 25.1313C117.069 25.1313 114.988 21.67 114.988 17.1249C114.988 12.7895 117.177 9.11844 121.556 9.11844C123.852 9.11844 125.647 10.1324 126.58 12.1252V9.4331H129.236V23.4181C129.236 27.9283 127.047 30.97 121.412 30.97C118.756 30.97 117.321 30.6204 115.777 30.1309V27.5437C117.5 28.1031 119.33 28.4527 121.268 28.4527C125.216 28.4527 126.58 26.3899 126.58 23.523V22.0546ZM121.95 22.6489C124.391 22.6489 126.544 21.1455 126.544 17.7192V16.4955C126.544 13.0692 124.57 11.5658 122.237 11.5658C119.187 11.5658 117.608 13.5237 117.608 17.0899C117.644 20.8309 119.151 22.6489 121.95 22.6489Z\" />\n      <path d=\"M146.75 24.8166H144.023V15.5166C144.023 12.7545 142.874 11.5309 140.29 11.5309C137.778 11.5309 136.019 13.1741 136.019 16.2858V24.8516H133.292V9.46807H136.019V11.9854C137.024 10.1673 138.89 9.15341 141.008 9.15341C144.633 9.15341 146.714 11.6008 146.714 15.8312V24.8166H146.75Z\" />\n      <path fill=\"url(#").concat(id, "-1)\" d=\"M0.75 5.78784C0.75 9.51693 3.76475 12.5581 7.46141 12.5581H13.6704V18.8578H20.3818V6.91019C20.3818 6.33091 19.9152 5.82405 19.341 5.82405L0.75 5.78784Z\" />\n      <path fill=\"url(#").concat(id, "-2)\" d=\"M20.3459 25.5918C20.3459 21.8627 17.3311 18.8577 13.6345 18.8577H7.46141V12.5581H0.75V24.5057C0.75 25.085 1.21657 25.5918 1.79081 25.5918H20.3459Z\" />\n    </g>\n  </svg>\n  ");
+};
+/**
+ * __Jira Align logo__
+ *
+ * The Jira Align 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)
+ */
+
+
+export var JiraAlignLogo = function JiraAlignLogo(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _ref2$label,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+      testId = _ref2.testId,
+      _ref2$iconColor = _ref2.iconColor,
+      iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor,
+      _ref2$iconGradientSta = _ref2.iconGradientStart,
+      iconGradientStart = _ref2$iconGradientSta === void 0 ? defaultLogoParams.iconGradientStart : _ref2$iconGradientSta,
+      _ref2$iconGradientSto = _ref2.iconGradientStop,
+      iconGradientStop = _ref2$iconGradientSto === void 0 ? defaultLogoParams.iconGradientStop : _ref2$iconGradientSto,
+      _ref2$textColor = _ref2.textColor,
+      textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor,
+      textColor: textColor,
+      size: size,
+      label: label
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/jira-align-logo/wordmark.js

@@ -0,0 +1,51 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+      textColor = _ref.textColor;
+  var colors = {
+    textColor: textColor
+  };
+
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+
+  return "\n  <svg height=\"32\" viewBox=\"0 0 117 32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <g fill=\"".concat(colors.textColor, "\">\n      <path d=\"M6.60677 4.66543H9.44207V19.2197C9.44207 23.0574 7.75525 25.7366 3.84325 25.7366C2.37177 25.7366 1.22329 25.4832 0.433716 25.1935V22.4058C1.29507 22.7678 2.33588 22.9488 3.37668 22.9488C5.7813 22.9488 6.60677 21.5006 6.60677 19.4008V4.66543Z\" />\n      <path d=\"M14.5743 3.54307C15.6868 3.54307 16.4764 4.23096 16.4764 5.46192C16.4764 6.65668 15.6868 7.38078 14.5743 7.38078C13.4617 7.38078 12.6721 6.69289 12.6721 5.46192C12.6721 4.23096 13.4617 3.54307 14.5743 3.54307ZM13.2104 9.66167H15.9381V25.5918H13.2104V9.66167Z\" />\n      <path d=\"M22.7212 25.5918H20.0654V9.66166H22.7212V12.4494C23.6543 10.5668 25.2335 9.22721 28.32 9.40823V12.0874C24.8387 11.7253 22.7212 12.7753 22.7212 16.1785V25.5918Z\" />\n      <path d=\"M41.061 22.7316C40.056 24.8315 38.1539 25.9176 35.7134 25.9176C31.5142 25.9176 29.3967 22.3333 29.3967 17.6267C29.3967 13.1373 31.6219 9.33583 36.0364 9.33583C38.3333 9.33583 40.1278 10.3858 41.061 12.4494V9.66167H43.7886V25.5918H41.061V22.7316ZM36.4312 23.3471C38.8717 23.3471 41.0251 21.7903 41.0251 18.2422V16.975C41.0251 13.427 39.0511 11.8702 36.7183 11.8702C33.6676 11.8702 32.0885 13.8976 32.0885 17.5905C32.1244 21.4644 33.6317 23.3471 36.4312 23.3471Z\" />\n      <path d=\"M53.9098 20.8852L52.187 25.5918H48.9928L57.1757 4.66543H60.7647L68.9476 25.5918H65.7534L64.0307 20.849C62.1644 21.2472 60.5494 21.4282 58.8984 21.4282C57.2834 21.4282 55.6684 21.211 53.9098 20.8852ZM63.1693 18.4594L58.9702 6.98254L54.7711 18.4956C56.3144 18.7491 57.6064 18.8939 58.8626 18.8939C60.1905 18.8577 61.5543 18.7129 63.1693 18.4594Z\" />\n      <path d=\"M75.0487 25.7004C72.4646 25.7004 70.8137 24.4694 70.8137 21.5368V3H73.5413V21.1748C73.5413 22.623 74.4745 23.1298 75.6588 23.1298C75.9459 23.1298 76.1254 23.1298 76.4484 23.0936V25.5556C76.2331 25.628 75.7665 25.7004 75.0487 25.7004Z\" />\n      <path d=\"M80.468 3.54307C81.5806 3.54307 82.3702 4.23096 82.3702 5.46192C82.3702 6.65668 81.5806 7.38078 80.468 7.38078C79.3554 7.38078 78.5659 6.69289 78.5659 5.46192C78.5659 4.23096 79.3554 3.54307 80.468 3.54307ZM79.0683 9.66167H81.7959V25.5918H79.0683V9.66167Z\" />\n      <path d=\"M96.5468 22.7316C95.5419 24.8315 93.6397 25.9176 91.1992 25.9176C87.036 25.9176 84.9544 22.3333 84.9544 17.6267C84.9544 13.1373 87.1437 9.33583 91.5222 9.33583C93.8192 9.33583 95.6137 10.3858 96.5468 12.4494V9.66167H99.2026V24.1436C99.2026 28.814 97.0134 31.9638 91.3787 31.9638C88.7228 31.9638 87.2872 31.6018 85.7439 31.0949V28.4157C87.4667 28.995 89.297 29.3571 91.2351 29.3571C95.183 29.3571 96.5468 27.221 96.5468 24.2522V22.7316ZM91.917 23.3471C94.3575 23.3471 96.5109 21.7903 96.5109 18.2422V16.975C96.5109 13.427 94.537 11.8702 92.2041 11.8702C89.1535 11.8702 87.5743 13.8976 87.5743 17.5905C87.6102 21.4644 89.1176 23.3471 91.917 23.3471Z\" />\n      <path d=\"M116.717 25.5918H113.989V15.9613C113.989 13.1011 112.841 11.834 110.257 11.834C107.744 11.834 105.986 13.5356 105.986 16.7578V25.628H103.258V9.69789H105.986V12.3046C106.991 10.422 108.857 9.37205 110.975 9.37205C114.599 9.37205 116.681 11.9064 116.681 16.2872V25.5918H116.717Z\" />\n    </g>\n  </svg>  \n  ");
+};
+/**
+ * __Jira Align wordmark__
+ *
+ * The Jira Align brand/product name styled as a logo, without an accompanying icon.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+
+
+export var JiraAlignWordmark = function JiraAlignWordmark(_ref2) {
+  var appearance = _ref2.appearance,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'Jira Align' : _ref2$label,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+      testId = _ref2.testId,
+      _ref2$textColor = _ref2.textColor,
+      textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      textColor: textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/version.json

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

package/dist/types/index.d.ts

@@ -6,6 +6,7 @@ export { ConfluenceIcon, ConfluenceLogo, ConfluenceWordmark, } from './confluenc
 export type { LogoProps } from './types';
 export { HalpIcon, HalpLogo, HalpWordmark } from './halp-logo';
 export { HipchatIcon, HipchatLogo, HipchatWordmark } from './hipchat-logo';
+export { JiraAlignIcon, JiraAlignLogo, JiraAlignWordmark, } from './jira-align-logo';
 export { JiraCoreIcon, JiraCoreLogo, JiraCoreWordmark } from './jira-core-logo';
 export { JiraIcon, JiraLogo, JiraWordmark } from './jira-logo';
 export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark, } from './jira-service-desk-logo';

package/dist/types/jira-align-logo/icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Jira Align icon__
+ *
+ * The Jira Align 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 declare const JiraAlignIcon: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;

package/dist/types/jira-align-logo/index.d.ts

@@ -0,0 +1,3 @@
+export { JiraAlignIcon } from './icon';
+export { JiraAlignLogo } from './logo';
+export { JiraAlignWordmark } from './wordmark';

package/dist/types/jira-align-logo/logo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Jira Align logo__
+ *
+ * The Jira Align 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)
+ */
+export declare const JiraAlignLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;

package/dist/types/jira-align-logo/wordmark.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Jira Align wordmark__
+ *
+ * The Jira Align brand/product name styled as a logo, without an accompanying icon.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const JiraAlignWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/logo",
-  "version": "13.8.2",
+  "version": "13.9.0",
   "description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
@@ -57,9 +57,9 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/radio": "^5.3.2",
-    "@atlaskit/section-message": "^6.1.0",
-    "@atlaskit/select": "^15.6.0",
+    "@atlaskit/radio": "^5.4.0",
+    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",