@atlaskit/logo 13.17.0 → 14.0.0

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ConfluenceLogo = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactUid = require("react-uid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
 var _utils = require("../utils");
@@ -16,38 +14,16 @@ var _wrapper = _interopRequireDefault(require("../wrapper"));
 
 var svg = function svg(_ref, colorMode) {
   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
   };
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    // Currently the user can style the confluence icon using only iconGradientStop and iconGradientStart
-    // the following is used to mimic this edge case as these two props aren't used on the new logos
-    if (colors.iconColor === 'inherit') {
-      colors.iconColor = iconGradientStop;
-    }
-    if (appearance) {
-      colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
-    }
-    return "<svg fill=\"none\" height=\"32\" viewBox=\"0 0 180 32\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path fill=\"".concat(colors.iconColor, "\" d=\"M20.602 20.234c-6.584-3.183-8.507-3.66-11.281-3.66-3.255 0-6.03 1.355-8.507 5.16l-.407.622c-.333.513-.407.696-.407.915s.111.403.518.659l4.18 2.598c.221.146.406.22.591.22.222 0 .37-.11.592-.44l.666-1.024c1.035-1.574 1.96-2.086 3.144-2.086 1.035 0 2.256.293 3.772 1.025l4.365 2.049c.444.22.925.11 1.146-.403l2.072-4.537c.222-.512.074-.842-.444-1.098M1.406 12.22c6.583 3.184 8.507 3.66 11.28 3.66 3.256 0 6.03-1.354 8.508-5.16l.407-.622c.332-.512.406-.695.406-.915s-.11-.402-.518-.658L17.31 5.927c-.222-.147-.407-.22-.592-.22-.222 0-.37.11-.592.44l-.665 1.024c-1.036 1.573-1.96 2.086-3.144 2.086-1.036 0-2.257-.293-3.773-1.025L4.18 6.183c-.444-.22-.925-.11-1.147.402L.962 11.123c-.222.512-.074.841.444 1.098\"/>\n      <path fill=\"").concat(colors.textColor, "\" d=\"M172.49 12.293c-2.791 0-4.201 1.809-4.477 4.477h8.556c-.154-2.852-1.442-4.477-4.079-4.477m5.888 12.634c-1.257.675-3.189.92-4.753.92-5.735 0-8.25-3.312-8.25-8.004 0-4.63 2.576-7.942 7.238-7.942 4.722 0 6.624 3.281 6.624 7.942v1.196h-11.194c.368 2.607 2.055 4.294 5.674 4.294 1.778 0 3.281-.338 4.661-.828zm-15.093-2.147v2.362c-.92.49-2.331.705-3.742.705-5.458 0-8.004-3.312-8.004-8.004 0-4.63 2.546-7.942 8.004-7.942 1.38 0 2.454.184 3.65.736v2.453c-.982-.46-2.024-.736-3.466-.736-3.986 0-5.612 2.515-5.612 5.49s1.656 5.489 5.674 5.489c1.564 0 2.545-.215 3.496-.552m-14.503-6.226v8.986h-2.637v-9.262c0-2.76-1.104-3.986-3.619-3.986-2.453 0-4.14 1.625-4.14 4.722v8.526h-2.637V10.207h2.637v2.515c.981-1.81 2.791-2.821 4.845-2.821 3.527 0 5.551 2.422 5.551 6.654m-22.921-4.262c-2.79 0-4.201 1.809-4.477 4.477h8.556c-.154-2.852-1.441-4.477-4.079-4.477m5.888 12.634c-1.257.675-3.189.92-4.753.92-5.735 0-8.249-3.312-8.249-8.004 0-4.63 2.576-7.942 7.237-7.942 4.723 0 6.624 3.281 6.624 7.942v1.196h-11.193c.368 2.607 2.054 4.294 5.673 4.294 1.778 0 3.281-.338 4.661-.828zm-29.1-5.734v-8.986h2.637v9.262c0 2.76 1.104 3.986 3.619 3.986 2.453 0 4.14-1.625 4.14-4.722v-8.526h2.637v15.334h-2.637v-2.515c-.981 1.81-2.791 2.821-4.845 2.821-3.527 0-5.551-2.422-5.551-6.654m-2.231 6.317c-.215.061-.674.122-1.35.122-2.514 0-4.108-1.196-4.108-4.017V3.798h2.637v17.51c0 1.38.92 1.871 2.055 1.871.275 0 .459 0 .766-.03zM88.157 8.582v1.625h3.956v2.454h-3.956v12.88h-2.576V12.66h-2.484v-2.454h2.484V8.521c0-2.852 1.595-4.784 4.876-4.784a6.3 6.3 0 0 1 1.779.245v2.423a8.7 8.7 0 0 0-1.656-.154c-1.626 0-2.423.95-2.423 2.33m-7.327 7.974v8.986h-2.637v-9.262c0-2.76-1.104-3.986-3.619-3.986-2.453 0-4.14 1.625-4.14 4.722v8.526h-2.637V10.207h2.637v2.515c.981-1.81 2.79-2.821 4.845-2.821 3.527 0 5.551 2.422 5.551 6.654m-23.336 9.292c-4.6 0-7.298-3.404-7.298-8.004s2.698-7.942 7.298-7.942c4.57 0 7.238 3.342 7.238 7.942s-2.668 8.004-7.238 8.004m0-13.493c-3.28 0-4.722 2.576-4.722 5.49s1.441 5.55 4.722 5.55c3.251 0 4.662-2.637 4.662-5.55s-1.41-5.49-4.662-5.49m-9.233 9.629v2.668c-1.257.828-3.25 1.196-5.336 1.196-6.624 0-10.365-3.986-10.365-10.334 0-6.134 3.741-10.427 10.304-10.427 1.963 0 3.925.368 5.367 1.41v2.669c-1.442-.92-3.036-1.411-5.367-1.411-4.723 0-7.544 3.128-7.544 7.759s2.913 7.697 7.697 7.697c2.116 0 3.772-.49 5.244-1.227\"/>\n    </svg>\n    ");
-  } else {
-    // 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.getColorsFromAppearanceOldLogos)(appearance);
-    }
-    return "<svg viewBox=\"0 0 158 32\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient x1=\"99.140087%\" y1=\"112.745465%\" x2=\"33.8589812%\" y2=\"37.7675389%\" id=\"".concat(id, "-1\">\n        <stop stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0%\"></stop>\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n      <linearGradient x1=\"14.1838118%\" y1=\"5.80047897%\" x2=\"61.141783%\" y2=\"70.9663868%\" id=\"").concat(id, "-2\">\n        <stop stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0%\"></stop>\n        <stop stop-color=\"").concat(colors.iconGradientStop, "\" offset=\"100%\"></stop>\n      </linearGradient>\n    </defs>\n    <g stroke=\"none\" stroke-width=\"1\" fill-rule=\"nonzero\">\n      <path fill=\"").concat(colors.textColor, "\" fill-rule=\"evenodd\" d=\"M45.312,20.984 C44.064,21.608 42.66,22.024 40.866,22.024 C36.81,22.024 34.34,19.424 34.34,15.498 C34.34,11.572 36.732,8.92 40.736,8.92 C42.712,8.92 44.064,9.336 45.286,10.116 L45.286,7.854 C44.064,6.97 42.4,6.658 40.736,6.658 C35.172,6.658 32,10.298 32,15.498 C32,20.88 35.172,24.26 40.788,24.26 C42.556,24.26 44.246,23.948 45.312,23.246 L45.312,20.984 Z M53.918,24.26 C50.018,24.26 47.73,21.374 47.73,17.474 C47.73,13.574 50.018,10.74 53.918,10.74 C57.792,10.74 60.054,13.574 60.054,17.474 C60.054,21.374 57.792,24.26 53.918,24.26 Z M53.918,12.82 C51.136,12.82 49.914,15.004 49.914,17.474 C49.914,19.944 51.136,22.18 53.918,22.18 C56.674,22.18 57.87,19.944 57.87,17.474 C57.87,15.004 56.674,12.82 53.918,12.82 Z M73.704,16.382 C73.704,12.794 71.988,10.74 68.998,10.74 C67.256,10.74 65.722,11.598 64.89,13.132 L64.89,11 L62.654,11 L62.654,24 L64.89,24 L64.89,16.772 C64.89,14.146 66.32,12.768 68.4,12.768 C70.532,12.768 71.468,13.808 71.468,16.148 L71.468,24 L73.704,24 L73.704,16.382 Z M79.918,9.622 C79.918,8.452 80.594,7.646 81.972,7.646 C82.492,7.646 82.986,7.698 83.376,7.776 L83.376,5.722 C82.986,5.618 82.544,5.514 81.868,5.514 C79.086,5.514 77.734,7.152 77.734,9.57 L77.734,11 L75.628,11 L75.628,13.08 L77.734,13.08 L77.734,24 L79.918,24 L79.918,13.08 L83.272,13.08 L83.272,11 L79.918,11 L79.918,9.622 Z M90.318,23.974 L90.318,21.972 C90.058,21.998 89.902,21.998 89.668,21.998 C88.706,21.998 87.926,21.582 87.926,20.412 L87.926,5.566 L85.69,5.566 L85.69,20.672 C85.69,23.064 87.042,24.078 89.174,24.078 C89.746,24.078 90.136,24.026 90.318,23.974 Z M92.216,18.618 C92.216,22.206 93.932,24.26 96.922,24.26 C98.664,24.26 100.198,23.402 101.03,21.868 L101.03,24 L103.266,24 L103.266,11 L101.03,11 L101.03,18.228 C101.03,20.854 99.6,22.232 97.52,22.232 C95.388,22.232 94.452,21.192 94.452,18.852 L94.452,11 L92.216,11 L92.216,18.618 Z M116.89,23.48 C115.824,24.052 114.186,24.26 112.86,24.26 C107.998,24.26 105.866,21.452 105.866,17.474 C105.866,13.548 108.05,10.74 112.002,10.74 C116.006,10.74 117.618,13.522 117.618,17.474 L117.618,18.488 L108.128,18.488 C108.44,20.698 109.87,22.128 112.938,22.128 C114.446,22.128 115.72,21.842 116.89,21.426 L116.89,23.48 Z M111.898,12.768 C109.532,12.768 108.336,14.302 108.102,16.564 L115.356,16.564 C115.226,14.146 114.134,12.768 111.898,12.768 Z M131.32,16.382 C131.32,12.794 129.604,10.74 126.614,10.74 C124.872,10.74 123.338,11.598 122.506,13.132 L122.506,11 L120.27,11 L120.27,24 L122.506,24 L122.506,16.772 C122.506,14.146 123.936,12.768 126.016,12.768 C128.148,12.768 129.084,13.808 129.084,16.148 L129.084,24 L131.32,24 L131.32,16.382 Z M143.618,21.66 C142.812,21.946 141.98,22.128 140.654,22.128 C137.248,22.128 135.844,19.996 135.844,17.474 C135.844,14.952 137.222,12.82 140.602,12.82 C141.824,12.82 142.708,13.054 143.54,13.444 L143.54,11.364 C142.526,10.896 141.616,10.74 140.446,10.74 C135.818,10.74 133.66,13.548 133.66,17.474 C133.66,21.452 135.818,24.26 140.446,24.26 C141.642,24.26 142.838,24.078 143.618,23.662 L143.618,21.66 Z M156.41,23.48 C155.344,24.052 153.706,24.26 152.38,24.26 C147.518,24.26 145.386,21.452 145.386,17.474 C145.386,13.548 147.57,10.74 151.522,10.74 C155.526,10.74 157.138,13.522 157.138,17.474 L157.138,18.488 L147.648,18.488 C147.96,20.698 149.39,22.128 152.458,22.128 C153.966,22.128 155.24,21.842 156.41,21.426 L156.41,23.48 Z M151.418,12.768 C149.052,12.768 147.856,14.302 147.622,16.564 L154.876,16.564 C154.746,14.146 153.654,12.768 151.418,12.768 Z\"></path>\n      <path fill=\"url(#").concat(id, "-1)\" d=\"M0.85465057,21.7022581 C0.61090057,22.0783871 0.33715057,22.5148387 0.10465057,22.8625806 C-0.10345498,23.195346 0.00826440879,23.6245091 0.35590057,23.8277419 L5.23090057,26.6664516 C5.40202309,26.7664253 5.60840847,26.7971801 5.80372052,26.7518112 C5.99903257,26.7064423 6.16690583,26.5887513 6.26965057,26.4251613 C6.46465057,26.1164516 6.71590057,25.7154839 6.98965057,25.286129 C8.92090057,22.27 10.8634006,22.6390323 14.3659006,24.2216129 L19.1996506,26.3967742 C19.3827218,26.4792261 19.5932727,26.4880304 19.7833166,26.4211804 C19.9733605,26.3543303 20.1267047,26.2175221 20.2084006,26.0419355 L22.5296506,21.0741935 C22.6936507,20.7193919 22.5267777,20.3056906 22.1546506,20.1445161 C21.1346506,19.6903226 19.1059006,18.7854839 17.2796506,17.9516129 C10.7096506,14.9354839 5.12590057,15.1341935 0.85465057,21.7022581 Z\"></path>\n      <path fill=\"url(#").concat(id, "-2)\" d=\"M22.7130274,10.4325806 C22.9567774,10.0564516 23.2305274,9.62 23.4630274,9.27225806 C23.6711329,8.93949274 23.5594135,8.51032964 23.2117774,8.30709677 L18.3367774,5.4683871 C18.1633186,5.35902032 17.9495842,5.32289142 17.7468362,5.36866556 C17.5440883,5.4144397 17.3706168,5.53798759 17.2680274,5.70967742 C17.0730274,6.0183871 16.8217774,6.41935484 16.5480274,6.84870968 C14.6167774,9.86483871 12.6742774,9.49580645 9.17177736,7.91322581 L4.35302736,5.7416129 C4.16995613,5.65916098 3.95940527,5.65035674 3.76936133,5.71720675 C3.5793174,5.78405675 3.42597321,5.92086501 3.34427736,6.09645161 L1.02302736,11.0641935 C0.85902727,11.4189952 1.02590019,11.8326965 1.39802736,11.993871 C2.41802736,12.4480645 4.44677736,13.3529032 6.27302736,14.1867742 C12.8580274,17.1993548 18.4417774,17.0006452 22.7130274,10.4325806 Z\"></path>\n    </g>\n  </svg>");
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
   }
+  return "<svg fill=\"none\" height=\"32\" viewBox=\"0 0 180 32\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path fill=\"".concat(colors.iconColor, "\" d=\"M20.602 20.234c-6.584-3.183-8.507-3.66-11.281-3.66-3.255 0-6.03 1.355-8.507 5.16l-.407.622c-.333.513-.407.696-.407.915s.111.403.518.659l4.18 2.598c.221.146.406.22.591.22.222 0 .37-.11.592-.44l.666-1.024c1.035-1.574 1.96-2.086 3.144-2.086 1.035 0 2.256.293 3.772 1.025l4.365 2.049c.444.22.925.11 1.146-.403l2.072-4.537c.222-.512.074-.842-.444-1.098M1.406 12.22c6.583 3.184 8.507 3.66 11.28 3.66 3.256 0 6.03-1.354 8.508-5.16l.407-.622c.332-.512.406-.695.406-.915s-.11-.402-.518-.658L17.31 5.927c-.222-.147-.407-.22-.592-.22-.222 0-.37.11-.592.44l-.665 1.024c-1.036 1.573-1.96 2.086-3.144 2.086-1.036 0-2.257-.293-3.773-1.025L4.18 6.183c-.444-.22-.925-.11-1.147.402L.962 11.123c-.222.512-.074.841.444 1.098\"/>\n      <path fill=\"").concat(colors.textColor, "\" d=\"M172.49 12.293c-2.791 0-4.201 1.809-4.477 4.477h8.556c-.154-2.852-1.442-4.477-4.079-4.477m5.888 12.634c-1.257.675-3.189.92-4.753.92-5.735 0-8.25-3.312-8.25-8.004 0-4.63 2.576-7.942 7.238-7.942 4.722 0 6.624 3.281 6.624 7.942v1.196h-11.194c.368 2.607 2.055 4.294 5.674 4.294 1.778 0 3.281-.338 4.661-.828zm-15.093-2.147v2.362c-.92.49-2.331.705-3.742.705-5.458 0-8.004-3.312-8.004-8.004 0-4.63 2.546-7.942 8.004-7.942 1.38 0 2.454.184 3.65.736v2.453c-.982-.46-2.024-.736-3.466-.736-3.986 0-5.612 2.515-5.612 5.49s1.656 5.489 5.674 5.489c1.564 0 2.545-.215 3.496-.552m-14.503-6.226v8.986h-2.637v-9.262c0-2.76-1.104-3.986-3.619-3.986-2.453 0-4.14 1.625-4.14 4.722v8.526h-2.637V10.207h2.637v2.515c.981-1.81 2.791-2.821 4.845-2.821 3.527 0 5.551 2.422 5.551 6.654m-22.921-4.262c-2.79 0-4.201 1.809-4.477 4.477h8.556c-.154-2.852-1.441-4.477-4.079-4.477m5.888 12.634c-1.257.675-3.189.92-4.753.92-5.735 0-8.249-3.312-8.249-8.004 0-4.63 2.576-7.942 7.237-7.942 4.723 0 6.624 3.281 6.624 7.942v1.196h-11.193c.368 2.607 2.054 4.294 5.673 4.294 1.778 0 3.281-.338 4.661-.828zm-29.1-5.734v-8.986h2.637v9.262c0 2.76 1.104 3.986 3.619 3.986 2.453 0 4.14-1.625 4.14-4.722v-8.526h2.637v15.334h-2.637v-2.515c-.981 1.81-2.791 2.821-4.845 2.821-3.527 0-5.551-2.422-5.551-6.654m-2.231 6.317c-.215.061-.674.122-1.35.122-2.514 0-4.108-1.196-4.108-4.017V3.798h2.637v17.51c0 1.38.92 1.871 2.055 1.871.275 0 .459 0 .766-.03zM88.157 8.582v1.625h3.956v2.454h-3.956v12.88h-2.576V12.66h-2.484v-2.454h2.484V8.521c0-2.852 1.595-4.784 4.876-4.784a6.3 6.3 0 0 1 1.779.245v2.423a8.7 8.7 0 0 0-1.656-.154c-1.626 0-2.423.95-2.423 2.33m-7.327 7.974v8.986h-2.637v-9.262c0-2.76-1.104-3.986-3.619-3.986-2.453 0-4.14 1.625-4.14 4.722v8.526h-2.637V10.207h2.637v2.515c.981-1.81 2.79-2.821 4.845-2.821 3.527 0 5.551 2.422 5.551 6.654m-23.336 9.292c-4.6 0-7.298-3.404-7.298-8.004s2.698-7.942 7.298-7.942c4.57 0 7.238 3.342 7.238 7.942s-2.668 8.004-7.238 8.004m0-13.493c-3.28 0-4.722 2.576-4.722 5.49s1.441 5.55 4.722 5.55c3.251 0 4.662-2.637 4.662-5.55s-1.41-5.49-4.662-5.49m-9.233 9.629v2.668c-1.257.828-3.25 1.196-5.336 1.196-6.624 0-10.365-3.986-10.365-10.334 0-6.134 3.741-10.427 10.304-10.427 1.963 0 3.925.368 5.367 1.41v2.669c-1.442-.92-3.036-1.411-5.367-1.411-4.723 0-7.544 3.128-7.544 7.759s2.913 7.697 7.697 7.697c2.116 0 3.772-.49 5.244-1.227\"/>\n    </svg>\n    ");
 };
 
 /**
@@ -68,10 +44,6 @@ var ConfluenceLogo = exports.ConfluenceLogo = function ConfluenceLogo(_ref2) {
     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;
   var _useThemeObserver = (0, _tokens.useThemeObserver)(),
@@ -80,13 +52,9 @@ var ConfluenceLogo = exports.ConfluenceLogo = function ConfluenceLogo(_ref2) {
     appearance: appearance,
     label: label,
     iconColor: iconColor,
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     size: size,
     svg: svg({
       appearance: appearance,
-      iconGradientStart: iconGradientStart,
-      iconGradientStop: iconGradientStop,
       iconColor: iconColor,
       textColor: textColor
     }, colorMode),

package/dist/cjs/constants.js

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizes = exports.defaultLogoParams = exports.DefaultProps = void 0;
+exports.sizes = exports.legacyDefaultLogoParams = exports.defaultLogoParams = exports.DefaultProps = void 0;
 /**
  * These are the default parameters for LogoProps if the user does not specify values.
  */
 var defaultLogoParams = exports.defaultLogoParams = {
   iconColor: 'inherit',
-  iconGradientStart: 'inherit',
-  iconGradientStop: 'inherit',
   label: '',
   size: 'medium',
   textColor: 'currentColor'
 };
+var legacyDefaultLogoParams = exports.legacyDefaultLogoParams = {
+  iconGradientStart: 'inherit',
+  iconGradientStop: 'inherit'
+};
 
 /**
  * The props for the <Wrapper /> that takes the svg and turns it into a component.

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

@@ -7,33 +7,33 @@ Object.defineProperty(exports, "__esModule", {
 exports.HalpIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactUid = require("react-uid");
+var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
 var _utils = require("../utils");
 var _wrapper = _interopRequireDefault(require("../wrapper"));
 /* eslint-disable max-len */
 
-var svg = function svg(_ref) {
+var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
-    iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
   var colors = {
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
+    iconGradientStart: _constants.legacyDefaultLogoParams.iconGradientStart,
+    iconGradientStop: _constants.legacyDefaultLogoParams.iconGradientStart,
     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
+    iconGradientStart: colors.iconGradientStop
   });
   if (appearance) {
-    colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance);
+    colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance, colorMode);
   }
   return "\n  <svg\n    fill=\"none\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n  <radialGradient id=\"".concat(id, "\" cx=\"0\" cy=\"0\" gradientTransform=\"matrix(9.99792 0 0 10.02 15.9984 16.0001)\" gradientUnits=\"userSpaceOnUse\" r=\"1\">\n  <stop stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0\"/>\n  <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\"/>\n  </radialGradient>\n  <g clip-rule=\"evenodd\" fill-rule=\"evenodd\">\n    <path fill=\"url(#").concat(id, ")\" d=\"m23.072 8.91718c1.3975 1.40162 2.3491 3.18702 2.7343 5.13052s.1868 3.9578-.5701 5.7884c-.7569 1.8305-2.0383 3.395-3.6824 4.4957-1.644 1.1007-3.5767 1.6882-5.5538 1.6882s-3.9098-.5875-5.5539-1.6882c-1.64396-1.1007-2.92542-2.6652-3.68233-4.4957-.75692-1.8306-.9553-3.8449-.57007-5.7884s1.33677-3.7289 2.73433-5.13052c.92848-.93116 2.03097-1.66983 3.24437-2.1738 1.2135-.50397 2.5141-.76337 3.8276-.76337s2.6141.2594 3.8276.76337c1.2134.50397 2.3159 1.24264 3.2444 2.1738zm-12.4506 12.49372-.0281-.0282.0188.0188zm8.0546-9.638 1.8746-1.87877c-1.3177-.98501-2.9176-1.51713-4.5615-1.51713s-3.2439.53212-4.5616 1.51713l1.8746 1.87877-1.5372 1.5406-1.87457-1.8788c-.98401 1.3196-1.51571 2.9227-1.51571 4.5701 0 1.6473.5317 3.2505 1.51571 4.57l1.87457-1.8787 1.5372 1.5468-1.8746 1.8788c1.3177.985 2.9177 1.5171 4.5616 1.5171s3.2438-.5321 4.5615-1.5171l-1.8746-1.8788 1.5372-1.5468 1.8746 1.8787c.984-1.3195 1.5157-2.9227 1.5157-4.57 0-1.6474-.5317-3.2505-1.5157-4.5701l-1.8746 1.8788z\"/>\n    <path fill=\"").concat(colors.iconColor, "\" d=\"m15.9984 10.9901c-.9887 0-1.9552.2938-2.7772.8443-.8221.5505-1.4628 1.3329-1.8412 2.2484s-.4773 1.9228-.2845 2.8947c.1929.9718.669 1.8645 1.3681 2.5652.6992.7006 1.5899 1.1778 2.5596 1.3711s1.9748.0941 2.8883-.2851c.9134-.3792 1.6941-1.0214 2.2434-1.8452.5493-.8239.8425-1.7926.8425-2.7834 0-1.3288-.5267-2.6031-1.4642-3.5427-.9374-.9395-2.209-1.4673-3.5348-1.4673zm0 7.8281c-.5561 0-1.0998-.1653-1.5622-.475-.4624-.3096-.8228-.7498-1.0356-1.2647-.2129-.5149-.2685-1.0816-.16-1.6282.1085-.5467.3763-1.0488.7695-1.443.3933-.3941.8943-.6625 1.4398-.7712.5454-.1088 1.1108-.053 1.6246.1603s.953.5745 1.262 1.038c.3089.4634.4739 1.0083.4739 1.5657.0004.3703-.0721.7371-.2132 1.0794-.1411.3422-.3482.6533-.6093.9153-.2612.262-.5713.4699-.9127.6117-.3413.1418-.7072.2148-1.0768.2148z\"/>\n  </g>\n  </svg>");
 };
 
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /**
  * __Halp icon__
  *
@@ -42,6 +42,8 @@ var svg = function svg(_ref) {
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
+ *
+ * @deprecated HalpIcon is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementIcon.
  */
 var HalpIcon = exports.HalpIcon = function HalpIcon(_ref2) {
   var appearance = _ref2.appearance,
@@ -53,23 +55,17 @@ var HalpIcon = exports.HalpIcon = function HalpIcon(_ref2) {
     _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;
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
   return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
     appearance: appearance,
     label: label,
     svg: svg({
       appearance: appearance,
-      iconGradientStart: iconGradientStart,
-      iconGradientStop: iconGradientStop,
       iconColor: iconColor
-    }),
+    }, colorMode),
     iconColor: iconColor,
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     size: size,
     testId: testId,
     textColor: textColor

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

@@ -15,12 +15,5 @@ Object.defineProperty(exports, "HalpLogo", {
     return _logo.HalpLogo;
   }
 });
-Object.defineProperty(exports, "HalpWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _wordmark.HalpWordmark;
-  }
-});
 var _icon = require("./icon");
-var _logo = require("./logo");
-var _wordmark = require("./wordmark");
+var _logo = require("./logo");

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

@@ -7,20 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.HalpLogo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactUid = require("react-uid");
+var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
 var _utils = require("../utils");
 var _wrapper = _interopRequireDefault(require("../wrapper"));
 /* eslint-disable max-len */
 
-var svg = function svg(_ref) {
+var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
-    iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor,
     textColor = _ref.textColor;
   var colors = {
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
+    iconGradientStart: _constants.legacyDefaultLogoParams.iconGradientStart,
+    iconGradientStop: _constants.legacyDefaultLogoParams.iconGradientStart,
     iconColor: iconColor,
     textColor: textColor
   };
@@ -28,14 +27,15 @@ var svg = function svg(_ref) {
   // 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
+    iconGradientStart: colors.iconGradientStop
   });
   if (appearance) {
-    colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance);
+    colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance, colorMode);
   }
   return "\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 83 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <radialGradient\n      id=\"".concat(id, "\"\n      cx=\"0\"\n      cy=\"0\"\n      gradientTransform=\"matrix(9.99792 0 0 10.02 9.99636 14.7546)\"\n      gradientUnits=\"userSpaceOnUse\"\n      r=\"1\"\n      >\n     <stop stop-color=\"").concat(colors.iconGradientStart, "\" ").concat(colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : '', " offset=\"0\"/>\n      <stop offset=\"1\" stop-color=\"").concat(colors.iconGradientStop, "\"/>\n      </radialGradient>\n        <g\n          clip-rule=\"evenodd\"\n          fill-rule=\"evenodd\"\n        >\n        <path\n          d=\"m66.9971 23.9197c-2.2527 0-3.6836-1.0771-3.6836-3.6103v-16.01008h2.3651v15.73458c0 1.2525.8248 1.6814 1.8434 1.6814.2295.0042.459-.0052.6873-.0281v2.1198c-.3979.0875-.805.1254-1.2122.1127zm-22.9014-.0845v-18.10177h-2.4745v7.90637h-9.5137v-7.90637h-2.4744v18.10177h2.4744v-7.8281h9.5137v7.8281zm8.6324.2755c2.1183 0 3.768-.9362 4.6459-2.7555l.0031 2.48h2.3652v-13.7775h-2.3652v2.4267c-.8279-1.7911-2.3651-2.70226-4.3741-2.70226-3.8492 0-5.7738 3.28156-5.7738 7.16426 0 4.0519 1.8434 7.1643 5.4989 7.1643zm4.6459-6.6132c0 3.0593-1.8965 4.4088-4.0117 4.4088-2.4494 0-3.7804-1.6533-3.7804-4.9599 0-3.1938 1.3747-4.9599 4.0429-4.9599 2.0183 0 3.7492 1.3527 3.7492 4.4088zm15.4811 11.7109v-7.7968c.8248 1.7911 2.362 2.6991 4.371 2.6991 3.8492 0 5.7738-3.2784 5.7738-7.1643 0-4.033-1.8434-7.16426-5.4989-7.16426-2.1183 0-3.7679.93936-4.6459 2.75546v-2.4799h-2.3651v19.1507zm0-12.8131c0-3.0561 1.8965-4.4088 4.0117-4.4088 2.4495 0 3.7679 1.6533 3.7804 4.9599 0 3.197-1.3747 4.9599-4.0429 4.9599-2.0183 0-3.7492-1.3495-3.7492-4.4088z\"\n          fill=\"").concat(colors.textColor, "\"\n        />\n        <path\n          d=\"m17.0699 7.67166c1.3976 1.40159 2.3491 3.18704 2.7343 5.13054.3853 1.9435.1869 3.9578-.57 5.7883-.757 1.8306-2.0384 3.3951-3.6824 4.4958s-3.5768 1.6882-5.55388 1.6882c-1.97711 0-3.90984-.5875-5.55385-1.6882-1.644-1.1007-2.92546-2.6652-3.682378-4.4958-.75691561-1.8305-.955299-3.8448-.57007-5.7883.385228-1.9435 1.336768-3.72895 2.734338-5.13054.92848-.93115 2.03094-1.66982 3.24438-2.17379 1.21344-.50398 2.51407-.76337 3.82758-.76337 1.31348 0 2.61418.25939 3.82758.76337 1.2134.50397 2.3159 1.24264 3.2444 2.17379zm-12.45054 12.49374-.02812-.0282.01874.0188zm8.05454-9.638 1.8746-1.87879c-1.3177-.985-2.9176-1.51712-4.56151-1.51712-1.64389 0-3.24382.53212-4.56155 1.51712l1.87461 1.87879-1.53718 1.5405-1.87461-1.8787c-.98401 1.3195-1.51572 2.9227-1.51572 4.5701 0 1.6473.53171 3.2505 1.51572 4.57l1.87461-1.8787 1.53718 1.5468-1.87461 1.8788c1.31773.985 2.91766 1.5171 4.56155 1.5171 1.64391 0 3.24381-.5321 4.56151-1.5171l-1.8746-1.8788 1.5372-1.5468 1.8746 1.8787c.984-1.3195 1.5157-2.9227 1.5157-4.57 0-1.6474-.5317-3.2506-1.5157-4.5701l-1.8746 1.8787z\"\n          fill=\"url(#").concat(id, ")\"\n          />\n          <path d=\"m9.99628 9.74454c-.9887 0-1.9552.29386-2.77728.84436-.82207.5505-1.4628 1.3329-1.84116 2.2484s-.47736 1.9228-.28447 2.8946c.19289.9719.66899 1.8646 1.36811 2.5652.69912.7007 1.58984 1.1779 2.55955 1.3712.9697.1933 1.97487.0941 2.88827-.2851s1.6942-1.0214 2.2435-1.8453c.5493-.8238.8424-1.7925.8424-2.7834 0-1.3287-.5266-2.603-1.4641-3.5426-.9375-.9395-2.209-1.46736-3.53482-1.46736zm0 7.82816c-.55615 0-1.0998-.1653-1.56222-.475-.46242-.3096-.82283-.7498-1.03565-1.2647-.21283-.515-.26852-1.0816-.16002-1.6283.1085-.5466.37631-1.0488.76956-1.4429.39326-.3941.89429-.6625 1.43975-.7712.54546-.1088 1.1108-.053 1.6247.1603.5138.2133.9529.5745 1.2619 1.038.309.4634.4739 1.0083.4739 1.5656.0004.3704-.072.7372-.2132 1.0794-.1411.3423-.3481.6534-.6093.9154-.2611.262-.5713.4699-.9126.6117-.3414.1418-.7073.2148-1.07682.2148z\"\n          fill=\"").concat(colors.iconColor, "\"\n        />\n        </g>\n      </svg>\n    ");
 };
 
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
 /**
  * __Halp logo__
  *
@@ -44,6 +44,8 @@ var svg = function svg(_ref) {
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
+ *
+ * @deprecated HalpLogo is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementLogo.
  */
 var HalpLogo = exports.HalpLogo = function HalpLogo(_ref2) {
   var appearance = _ref2.appearance,
@@ -54,26 +56,20 @@ var HalpLogo = exports.HalpLogo = function HalpLogo(_ref2) {
     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;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
   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
-    }),
+    }, colorMode),
     testId: testId,
     textColor: textColor
   });

package/dist/cjs/index.js

@@ -93,12 +93,6 @@ Object.defineProperty(exports, "AtlassianStartLogo", {
     return _atlassianStartLogo.AtlassianStartLogo;
   }
 });
-Object.defineProperty(exports, "AtlassianWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _atlassianLogo.AtlassianWordmark;
-  }
-});
 Object.defineProperty(exports, "BitbucketIcon", {
   enumerable: true,
   get: function get() {
@@ -111,12 +105,6 @@ Object.defineProperty(exports, "BitbucketLogo", {
     return _bitbucketLogo.BitbucketLogo;
   }
 });
-Object.defineProperty(exports, "BitbucketWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _bitbucketLogo.BitbucketWordmark;
-  }
-});
 Object.defineProperty(exports, "CompassIcon", {
   enumerable: true,
   get: function get() {
@@ -129,12 +117,6 @@ Object.defineProperty(exports, "CompassLogo", {
     return _compassLogo.CompassLogo;
   }
 });
-Object.defineProperty(exports, "CompassWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _compassLogo.CompassWordmark;
-  }
-});
 Object.defineProperty(exports, "ConfluenceIcon", {
   enumerable: true,
   get: function get() {
@@ -147,12 +129,6 @@ Object.defineProperty(exports, "ConfluenceLogo", {
     return _confluenceLogo.ConfluenceLogo;
   }
 });
-Object.defineProperty(exports, "ConfluenceWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _confluenceLogo.ConfluenceWordmark;
-  }
-});
 Object.defineProperty(exports, "GuardIcon", {
   enumerable: true,
   get: function get() {
@@ -177,30 +153,6 @@ Object.defineProperty(exports, "HalpLogo", {
     return _halpLogo.HalpLogo;
   }
 });
-Object.defineProperty(exports, "HalpWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _halpLogo.HalpWordmark;
-  }
-});
-Object.defineProperty(exports, "HipchatIcon", {
-  enumerable: true,
-  get: function get() {
-    return _hipchatLogo.HipchatIcon;
-  }
-});
-Object.defineProperty(exports, "HipchatLogo", {
-  enumerable: true,
-  get: function get() {
-    return _hipchatLogo.HipchatLogo;
-  }
-});
-Object.defineProperty(exports, "HipchatWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _hipchatLogo.HipchatWordmark;
-  }
-});
 Object.defineProperty(exports, "JiraAlignIcon", {
   enumerable: true,
   get: function get() {
@@ -213,30 +165,6 @@ Object.defineProperty(exports, "JiraAlignLogo", {
     return _jiraAlignLogo.JiraAlignLogo;
   }
 });
-Object.defineProperty(exports, "JiraAlignWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraAlignLogo.JiraAlignWordmark;
-  }
-});
-Object.defineProperty(exports, "JiraCoreIcon", {
-  enumerable: true,
-  get: function get() {
-    return _jiraCoreLogo.JiraCoreIcon;
-  }
-});
-Object.defineProperty(exports, "JiraCoreLogo", {
-  enumerable: true,
-  get: function get() {
-    return _jiraCoreLogo.JiraCoreLogo;
-  }
-});
-Object.defineProperty(exports, "JiraCoreWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraCoreLogo.JiraCoreWordmark;
-  }
-});
 Object.defineProperty(exports, "JiraIcon", {
   enumerable: true,
   get: function get() {
@@ -261,24 +189,6 @@ Object.defineProperty(exports, "JiraProductDiscoveryLogo", {
     return _jiraProductDiscoveryLogo.JiraProductDiscoveryLogo;
   }
 });
-Object.defineProperty(exports, "JiraServiceDeskIcon", {
-  enumerable: true,
-  get: function get() {
-    return _jiraServiceDeskLogo.JiraServiceDeskIcon;
-  }
-});
-Object.defineProperty(exports, "JiraServiceDeskLogo", {
-  enumerable: true,
-  get: function get() {
-    return _jiraServiceDeskLogo.JiraServiceDeskLogo;
-  }
-});
-Object.defineProperty(exports, "JiraServiceDeskWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraServiceDeskLogo.JiraServiceDeskWordmark;
-  }
-});
 Object.defineProperty(exports, "JiraServiceManagementIcon", {
   enumerable: true,
   get: function get() {
@@ -291,12 +201,6 @@ Object.defineProperty(exports, "JiraServiceManagementLogo", {
     return _jiraServiceManagementLogo.JiraServiceManagementLogo;
   }
 });
-Object.defineProperty(exports, "JiraServiceManagementWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraServiceManagementLogo.JiraServiceManagementWordmark;
-  }
-});
 Object.defineProperty(exports, "JiraSoftwareIcon", {
   enumerable: true,
   get: function get() {
@@ -309,18 +213,6 @@ Object.defineProperty(exports, "JiraSoftwareLogo", {
     return _jiraSoftwareLogo.JiraSoftwareLogo;
   }
 });
-Object.defineProperty(exports, "JiraSoftwareWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraSoftwareLogo.JiraSoftwareWordmark;
-  }
-});
-Object.defineProperty(exports, "JiraWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraLogo.JiraWordmark;
-  }
-});
 Object.defineProperty(exports, "JiraWorkManagementIcon", {
   enumerable: true,
   get: function get() {
@@ -333,12 +225,6 @@ Object.defineProperty(exports, "JiraWorkManagementLogo", {
     return _jiraWorkManagementLogo.JiraWorkManagementLogo;
   }
 });
-Object.defineProperty(exports, "JiraWorkManagementWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _jiraWorkManagementLogo.JiraWorkManagementWordmark;
-  }
-});
 Object.defineProperty(exports, "LoomIcon", {
   enumerable: true,
   get: function get() {
@@ -351,24 +237,6 @@ Object.defineProperty(exports, "LoomLogo", {
     return _loomLogo.LoomLogo;
   }
 });
-Object.defineProperty(exports, "OpsGenieIcon", {
-  enumerable: true,
-  get: function get() {
-    return _opsgenieLogo.OpsGenieIcon;
-  }
-});
-Object.defineProperty(exports, "OpsGenieLogo", {
-  enumerable: true,
-  get: function get() {
-    return _opsgenieLogo.OpsGenieLogo;
-  }
-});
-Object.defineProperty(exports, "OpsGenieWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _opsgenieLogo.OpsGenieWordmark;
-  }
-});
 Object.defineProperty(exports, "OpsgenieIcon", {
   enumerable: true,
   get: function get() {
@@ -381,12 +249,6 @@ Object.defineProperty(exports, "OpsgenieLogo", {
     return _opsgenieLogo.OpsgenieLogo;
   }
 });
-Object.defineProperty(exports, "OpsgenieWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _opsgenieLogo.OpsgenieWordmark;
-  }
-});
 Object.defineProperty(exports, "RovoIcon", {
   enumerable: true,
   get: function get() {
@@ -411,30 +273,6 @@ Object.defineProperty(exports, "StatuspageLogo", {
     return _statuspageLogo.StatuspageLogo;
   }
 });
-Object.defineProperty(exports, "StatuspageWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _statuspageLogo.StatuspageWordmark;
-  }
-});
-Object.defineProperty(exports, "StrideIcon", {
-  enumerable: true,
-  get: function get() {
-    return _strideLogo.StrideIcon;
-  }
-});
-Object.defineProperty(exports, "StrideLogo", {
-  enumerable: true,
-  get: function get() {
-    return _strideLogo.StrideLogo;
-  }
-});
-Object.defineProperty(exports, "StrideWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _strideLogo.StrideWordmark;
-  }
-});
 Object.defineProperty(exports, "TrelloIcon", {
   enumerable: true,
   get: function get() {
@@ -447,12 +285,6 @@ Object.defineProperty(exports, "TrelloLogo", {
     return _trelloLogo.TrelloLogo;
   }
 });
-Object.defineProperty(exports, "TrelloWordmark", {
-  enumerable: true,
-  get: function get() {
-    return _trelloLogo.TrelloWordmark;
-  }
-});
 var _atlassianLogo = require("./atlassian-logo");
 var _atlassianStartLogo = require("./atlassian-start-logo");
 var _atlassianAnalyticsLogo = require("./atlassian-analytics-logo");
@@ -460,19 +292,15 @@ var _bitbucketLogo = require("./bitbucket-logo");
 var _compassLogo = require("./compass-logo");
 var _confluenceLogo = require("./confluence-logo");
 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");
 var _jiraProductDiscoveryLogo = require("./jira-product-discovery-logo");
-var _jiraServiceDeskLogo = require("./jira-service-desk-logo");
 var _jiraServiceManagementLogo = require("./jira-service-management-logo");
 var _jiraSoftwareLogo = require("./jira-software-logo");
 var _jiraWorkManagementLogo = require("./jira-work-management-logo");
 var _loomLogo = require("./loom-logo");
 var _opsgenieLogo = require("./opsgenie-logo");
 var _statuspageLogo = require("./statuspage-logo");
-var _strideLogo = require("./stride-logo");
 var _trelloLogo = require("./trello-logo");
 var _atlasLogo = require("./atlas-logo");
 var _atlassianMarketplaceLogo = require("./atlassian-marketplace-logo");

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.JiraAlignIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactUid = require("react-uid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
 var _utils = require("../utils");
@@ -16,32 +14,14 @@ var _wrapper = _interopRequireDefault(require("../wrapper"));
 
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
-    iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
   var colors = {
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     iconColor: iconColor
   };
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
-    if (appearance) {
-      colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
-    }
-    return "<svg viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M25.52 25.727c0-3.604-2.949-6.517-6.517-6.517h-6.007v-5.497H6.48v10.813c0 .837.364 1.201 1.201 1.201zM6.48 6.687c0 3.604 2.876 6.517 6.48 6.517h6.043V18.7h6.517V7.888q0-1.2-1.201-1.201z\" fill=\"".concat(colors.iconColor, "\"/>\n    </svg>");
-  } else {
-    if (appearance) {
-      colors = (0, _utils.getColorsFromAppearanceOldLogos)(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)({
-      iconGradientStart: iconGradientStop
-    });
-    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>");
+  if (appearance) {
+    colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
   }
+  return "<svg viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill=\"".concat(colors.iconColor, "\"\n      d=\"M25.52 25.727c0-3.604-2.949-6.517-6.517-6.517h-6.007v-5.497H6.48v10.813c0 .837.364 1.201 1.201 1.201zM6.48 6.687c0 3.604 2.876 6.517 6.48 6.517h6.043V18.7h6.517V7.888q0-1.2-1.201-1.201z\"\n    />\n  </svg>");
 };
 
 /**
@@ -63,11 +43,7 @@ var JiraAlignIcon = exports.JiraAlignIcon = function JiraAlignIcon(_ref2) {
     _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;
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
   var _useThemeObserver = (0, _tokens.useThemeObserver)(),
     colorMode = _useThemeObserver.colorMode;
   return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
@@ -75,13 +51,9 @@ var JiraAlignIcon = exports.JiraAlignIcon = function JiraAlignIcon(_ref2) {
     label: label,
     svg: svg({
       appearance: appearance,
-      iconGradientStart: iconGradientStart,
-      iconGradientStop: iconGradientStop,
       iconColor: iconColor
     }, colorMode),
     iconColor: iconColor,
-    iconGradientStart: iconGradientStart,
-    iconGradientStop: iconGradientStop,
     size: size,
     testId: testId,
     textColor: textColor