@atlaskit/logo 13.15.2 → 13.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/atlas-logo/icon.js +39 -29
- package/dist/cjs/atlas-logo/logo.js +42 -33
- package/dist/cjs/jira-align-logo/icon.js +23 -11
- package/dist/cjs/jira-align-logo/logo.js +22 -11
- package/dist/es2019/atlas-logo/icon.js +233 -215
- package/dist/es2019/atlas-logo/logo.js +334 -318
- package/dist/es2019/jira-align-logo/icon.js +41 -26
- package/dist/es2019/jira-align-logo/logo.js +54 -38
- package/dist/esm/atlas-logo/icon.js +38 -28
- package/dist/esm/atlas-logo/logo.js +41 -32
- package/dist/esm/jira-align-logo/icon.js +24 -12
- package/dist/esm/jira-align-logo/logo.js +23 -12
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/logo
|
|
2
2
|
|
|
3
|
+
## 13.15.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#92971](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92971) [`89925a9d50b2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89925a9d50b2) - [ux] This release tests some Jira Align and Atlas glyph, colour and theming behaviour changes behind a feature flag. If successful, these changes will be enabled in a future release.
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 13.15.2
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
|
@@ -7,42 +7,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.AtlasIcon = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactUid = require("react-uid");
|
|
10
|
-
var
|
|
10
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
+
var _colors2 = require("@atlaskit/theme/colors");
|
|
12
|
+
var _tokens = require("@atlaskit/tokens");
|
|
11
13
|
var _constants = require("../constants");
|
|
14
|
+
var _utils = require("../utils");
|
|
12
15
|
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
13
16
|
/* eslint-disable max-len */
|
|
14
17
|
|
|
15
|
-
var svg = function svg(_ref) {
|
|
18
|
+
var svg = function svg(_ref, colorMode) {
|
|
16
19
|
var appearance = _ref.appearance;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
|
|
21
|
+
var colors = (0, _utils.getColorsFromAppearance)(appearance ? appearance : 'brand', colorMode);
|
|
22
|
+
return "<svg viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"".concat(colors.iconColor, "\">\n <path d=\"M16 28.532c-6.656 0-12.068-5.412-12.068-12.068S9.344 4.396 16 4.396v1.921c-5.597 0-10.146 4.549-10.146 10.146S10.403 26.609 16 26.609zm0 0v-1.921c5.597 0 10.146-4.549 10.146-10.146h1.921c0 6.656-5.412 12.068-12.068 12.068zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V4.397c6.656 0 12.068 5.412 12.068 12.068zm-6.928 3.695c-1.28-.251-2.292-.706-3.973-1.467-.464-.204-.974-.436-1.559-.696a59 59 0 0 0-1.003-.436c-2.534-1.123-3.926-1.736-5.634-1.736-1.198 0-2.098.325-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.706 1.606.724 2.488 1.123 3.555 1.327l-.371 1.885Zm1.877.185c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.149 1.504.149 1.188 0 2.089-.298 2.609-.864s.539-1.253.51-1.615l1.913-.167c.102 1.169-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485M16 28.532v-1.921c2.757 0 4.4-2.813 4.4-7.52s-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.476 5.616 13.618 0 5.821-2.423 9.441-6.322 9.441m-.001 0c-4.15 0-6.526-3.379-6.526-9.273 0-6.879 3.008-10.722 5.82-13.776l1.412 1.299c-3.277 3.565-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352z\"/>\n <path d=\"M10.857 17.467a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.871a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M15.998 7.96a2.247 2.247 0 1 0 0-4.493 2.247 2.247 0 0 0 0 4.494Z\"/>\n </g>\n </svg>");
|
|
23
|
+
} else {
|
|
24
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
25
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
26
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
27
|
+
var id = (0, _reactUid.uid)({
|
|
28
|
+
appearance: appearance
|
|
29
|
+
});
|
|
23
30
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
};
|
|
32
|
-
if (appearance === 'neutral') {
|
|
33
|
-
colors = {
|
|
34
|
-
iconGradientStart: '#758195',
|
|
35
|
-
iconGradientMid: '#596A85',
|
|
36
|
-
iconGradientStop: '#2C3E5D'
|
|
31
|
+
// Brand
|
|
32
|
+
var _colors = {
|
|
33
|
+
iconGradientStart: '#1D7AFC',
|
|
34
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
35
|
+
iconGradientMid: _colors2.B400,
|
|
36
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
37
|
+
iconGradientStop: _colors2.B400
|
|
37
38
|
};
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
if (appearance === 'neutral') {
|
|
40
|
+
_colors = {
|
|
41
|
+
iconGradientStart: '#758195',
|
|
42
|
+
iconGradientMid: '#596A85',
|
|
43
|
+
iconGradientStop: '#2C3E5D'
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
var baseIconContents = "\n <linearGradient\n id=\"".concat(id, "-a\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"10.6592\"\n x2=\"9.74055\"\n y1=\"28.7353\"\n y2=\"4.626\"\n >\n <stop offset=\".5\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-b\">\n <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientMid, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-c\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"28.2733\"\n x2=\"17.5886\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"17.5235\"\n y2=\"28.5702\"\n />\n <linearGradient\n id=\"").concat(id, "-d\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"22.0338\"\n x2=\"22.0338\"\n y1=\"4.39582\"\n y2=\"16.4638\"\n >\n <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\".59\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-e\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"4.04047\"\n x2=\"21.5118\"\n y1=\"17.0305\"\n y2=\"17.0305\"\n >\n <stop offset=\".26\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-f\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"23.0712\"\n x2=\"26.8865\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"19.8515\"\n y2=\"15.7949\"\n />\n <linearGradient\n id=\"").concat(id, "-g\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"18.8126\"\n x2=\"18.8126\"\n y1=\"28.5318\"\n y2=\"5.47314\"\n >\n <stop offset=\".36\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-h\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"13.0887\"\n x2=\"13.0887\"\n y1=\"28.5318\"\n y2=\"5.48176\"\n >\n <stop offset=\".06\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\".58\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n </linearGradient>\n <path\n d=\"m15.9999 28.532c-6.65602 0-12.06802-5.412-12.06802-12.068s5.412-12.068 12.06802-12.068v1.92133c-5.5973 0-10.14602 4.54867-10.14602 10.14597 0 5.5974 4.54872 10.146 10.14602 10.146v1.9214z\"\n fill=\"url(#").concat(id, "-a)\"\n />\n <path\n d=\"m15.9999 28.5322v-1.9214c5.5974 0 10.146-4.5486 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n fill=\"url(#").concat(id, "-c)\"\n />\n <path\n d=\"m28.0678 16.4638h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92134c6.656 0 12.068 5.41201 12.068 12.06802z\"\n fill=\"url(#").concat(id, "-d)\"\n />\n <path\n d=\"m21.1405 20.1585c-1.2814-.2506-2.2927-.7053-3.9734-1.4666-.464-.204-.9746-.436-1.5593-.696-.3527-.158-.6773-.2974-1.0027-.436-2.534-1.1234-3.9266-1.736-5.63463-1.736-1.19733 0-2.098.3246-2.59933.9373-.34334.4087-.48267.9373-.38067 1.448l-1.88467.362c-.204-1.0767.074-2.1813.78-3.0353.61267-.7427 1.81934-1.634 4.08467-1.634 2.11663 0 3.82463.7613 6.41463 1.9033.3154.1393.6407.288.9934.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1234 3.5553 1.3274z\"\n fill=\"url(#").concat(id, "-e)\"\n />\n <path\n d=\"m23.0172 20.3442c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n fill=\"url(#").concat(id, "-f)\"\n />\n <path\n d=\"m16 28.5318v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.652-5.096-12.29996l1.402-1.318c3.778 4.01934 5.616 8.47536 5.616 13.61796 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n fill=\"url(#").concat(id, "-g)\"\n />\n <path\n d=\"m15.9987 28.5318c-4.1494 0-6.52604-3.3787-6.52604-9.2734 0-6.8786 3.00804-10.72198 5.82064-13.77598l1.4114 1.29934c-3.2767 3.56464-5.31 6.88804-5.31 12.47604 0 6.08 2.5066 7.352 4.6046 7.352v1.9213z\"\n fill=\"url(#").concat(id, "-h)\"\n />\n <g fill=\"").concat(_colors.iconGradientStart, "\">\n <path\n d=\"m10.8565 17.4665c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467c-1.24064 0-2.24664 1.006-2.24664 2.2467s1.006 2.2467 2.24664 2.2467z\"\n />\n <path\n d=\"m21.2418 21.3381c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n />\n <path\n d=\"m15.9979 7.96062c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.2467 1.006-2.2467 2.24666c0 1.24067 1.006 2.24667 2.2467 2.24667z\"\n />\n </g>");
|
|
40
47
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
/**
|
|
49
|
+
* inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
|
|
50
|
+
*/
|
|
51
|
+
var inverseIconContents = "\n <linearGradient id=\"".concat(id, "-inverse-a\" gradientUnits=\"userSpaceOnUse\" x1=\"13.1575\" x2=\"8.62613\" y1=\"25.3248\"\n y2=\"5.13609\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-b\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"10.6926\" x2=\"20.4159\" xlink:href=\"#").concat(id, "-inverse-b\"\n y1=\"15.0061\" y2=\"18.9068\" />\n <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"22.7236\" x2=\"20.8289\" xlink:href=\"#").concat(id, "-inverse-b\"\n y1=\"3.59276\" y2=\"23.2521\" />\n <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"18.8186\" x2=\"18.8186\" y1=\"28.5366\"\n y2=\"5.46924\"> <stop offset=\".1\" stop-color=\"#fff\" />\n <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"12.5694\" x2=\"13.9441\" y1=\"5.09736\"\n y2=\"26.7354\">\n <stop offset=\".03\" stop-color=\"#fff\" />\n <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n <stop offset=\".94\" stop-color=\"#fff\" />\n </linearGradient>\n <path\n d=\"m16.0048 6.31409v-1.922c-6.65867 0-12.07267 5.414-12.07267 12.07201 0 .6873.06533 1.356.16733 2.0153 0 .028 0 .0654.00934.0927 1.00266 5.6553 5.9433 9.9647 11.8867 9.9647v-1.922c-5.0334 0-9.22137-3.6774-10.0107-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.6033-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.02404-8.29271 9.98264-8.29271z\"\n fill=\"url(#").concat(id, "-inverse-a)\" />\n <path\n d=\"m17.9639 16.9475c-.464-.204-.9847-.446-1.5787-.706-.3433-.1487-.678-.2974-.9933-.4367-1.8013-.7987-3.1853-1.4113-4.5687-1.6993v1.9686c1.0494.2787 2.1914.78 3.7887 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6806.752 2.6933 1.2073 3.9746 1.4673l.3714-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n fill=\"url(#").concat(id, "-inverse-c)\" />\n <path\n d=\"m28.0683 16.2508v-.4734c-.3714-6.34264-5.6367-11.38531-12.0634-11.38531v1.922c5.5254 0 10.0294 4.42931 10.1407 9.92731-.0093.3807-.1207.882-.52 1.3187-.52.5667-1.4207.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0586 0 1.8946-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n fill=\"url(#").concat(id, "-inverse-d)\" />\n <path\n d=\"m16.0046 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n fill=\"url(#").concat(id, "-inverse-e)\" />\n <path\n d=\"m16.0047 28.5367c-4.1513 0-6.52863-3.38-6.52863-9.2773 0-6.8814 3.00863-10.72604 5.82263-13.78137l1.4114 1.3c-3.278 3.56597-5.312 6.89067-5.312 12.48137 0 6.0826 2.5073 7.3546 4.606 7.3546v1.922z\"\n fill=\"url(#").concat(id, "-inverse-f)\" />\n <g fill=\"#fff\">\n <path\n d=\"m10.8601 17.4673c1.2412 0 2.2474-1.0061 2.2474-2.2473s-1.0062-2.2473-2.2474-2.2473c-1.24114 0-2.24731 1.0061-2.24731 2.2473s1.00617 2.2473 2.24731 2.2473z\" />\n <path\n d=\"m21.2512 21.3399c1.2412 0 2.2474-1.0062 2.2474-2.2474 0-1.2411-1.0062-2.2473-2.2474-2.2473-1.2411 0-2.2473 1.0062-2.2473 2.2473 0 1.2412 1.0062 2.2474 2.2473 2.2474z\" />\n <path\n d=\"m16.0047 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.2474 1.00616-2.2474 2.24733s1.0062 2.24734 2.2474 2.24734z\" />\n </g>");
|
|
52
|
+
return "<svg\n fill=\"none\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n width=\"32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n </svg>");
|
|
53
|
+
}
|
|
46
54
|
};
|
|
47
55
|
|
|
48
56
|
/**
|
|
@@ -61,12 +69,14 @@ var AtlasIcon = exports.AtlasIcon = function AtlasIcon(_ref2) {
|
|
|
61
69
|
_ref2$size = _ref2.size,
|
|
62
70
|
size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
|
|
63
71
|
testId = _ref2.testId;
|
|
72
|
+
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
73
|
+
colorMode = _useThemeObserver.colorMode;
|
|
64
74
|
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
65
75
|
appearance: appearance,
|
|
66
76
|
label: label,
|
|
67
77
|
svg: svg({
|
|
68
78
|
appearance: appearance
|
|
69
|
-
}),
|
|
79
|
+
}, colorMode),
|
|
70
80
|
size: size,
|
|
71
81
|
testId: testId
|
|
72
82
|
});
|
|
@@ -7,45 +7,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.AtlasLogo = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactUid = require("react-uid");
|
|
10
|
-
var
|
|
10
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
+
var _colors2 = require("@atlaskit/theme/colors");
|
|
12
|
+
var _tokens = require("@atlaskit/tokens");
|
|
11
13
|
var _constants = require("../constants");
|
|
14
|
+
var _utils = require("../utils");
|
|
12
15
|
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
13
16
|
/* eslint-disable max-len */
|
|
14
17
|
|
|
15
|
-
var svg = function svg(_ref) {
|
|
18
|
+
var svg = function svg(_ref, colorMode) {
|
|
16
19
|
var appearance = _ref.appearance;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
//
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
iconGradientStart: '#758195',
|
|
37
|
-
iconGradientMid: '#596a85',
|
|
38
|
-
iconGradientStop: '#2c3e5d',
|
|
39
|
-
textStart: '#758195'
|
|
20
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
|
|
21
|
+
var colors = (0, _utils.getColorsFromAppearance)(appearance ? appearance : 'brand', colorMode);
|
|
22
|
+
return "<svg viewBox=\"0 0 102 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12.068 27.865C5.412 27.865 0 22.453 0 15.797S5.412 3.73 12.068 3.73v1.922c-5.597 0-10.146 4.548-10.146 10.146 0 5.597 4.549 10.145 10.146 10.145z M12.068 27.865v-1.92c5.597 0 10.146-4.55 10.146-10.147h1.921c0 6.656-5.412 12.068-12.068 12.068h.001Zm12.068-12.068h-1.921c0-5.597-4.549-10.146-10.146-10.146V3.73c6.656 0 12.068 5.412 12.068 12.068zm-6.927 3.695c-1.282-.25-2.293-.705-3.974-1.466-.464-.204-.974-.436-1.559-.696a58 58 0 0 0-1.003-.436C8.14 15.77 6.747 15.158 5.04 15.158c-1.198 0-2.098.324-2.6.937a1.72 1.72 0 0 0-.38 1.448l-1.885.362a3.67 3.67 0 0 1 .78-3.035c.613-.743 1.82-1.634 4.085-1.634 2.116 0 3.824.761 6.414 1.903.316.14.641.288.994.436.594.26 1.114.492 1.578.705 1.606.724 2.488 1.124 3.555 1.328l-.371 1.884Z M19.085 19.677c-.64 0-1.253-.056-1.875-.185l.371-1.885c.502.102.994.15 1.504.15 1.188 0 2.089-.298 2.609-.864s.539-1.254.51-1.616l1.913-.167c.102 1.17-.251 2.265-1.003 3.082-.622.677-1.82 1.485-4.029 1.485 M12.068 27.865v-1.92c2.757 0 4.4-2.814 4.4-7.52 0-4.707-1.67-8.652-5.096-12.3l1.402-1.318c3.778 4.02 5.616 8.475 5.616 13.618 0 5.82-2.423 9.44-6.322 9.44 M12.067 27.866c-4.15 0-6.526-3.379-6.526-9.274 0-6.878 3.008-10.722 5.82-13.776l1.412 1.3c-3.277 3.564-5.31 6.888-5.31 12.476 0 6.08 2.506 7.352 4.604 7.352v1.921Z\" fill=\"".concat(colors.iconColor, "\"/>\n <path d=\"M6.925 16.8a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494m10.385 3.872a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494M12.066 7.294a2.247 2.247 0 1 0 0-4.494 2.247 2.247 0 0 0 0 4.494\" fill=\"").concat(colors.iconColor, "\"/>\n <path d=\"M101.019 21.163c0 2.545-1.656 4.477-5.766 4.477-2.3 0-4.17-.521-5.336-1.135v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.067-.828 3.067-2.024 0-1.165-.89-1.84-3.803-2.545-3.404-.828-4.845-2.147-4.845-4.661 0-2.668 2.054-4.294 5.55-4.294 1.994 0 3.803.491 4.938 1.104v2.73c-1.84-.92-3.343-1.411-4.968-1.411-1.932 0-2.975.675-2.975 1.87 0 1.074.736 1.749 3.557 2.423 3.404.828 5.122 2.086 5.122 4.754m-25.873-3.496c0 3.68 1.472 5.52 4.2 5.52 2.362 0 4.478-1.503 4.478-4.907v-1.227c0-3.404-1.932-4.906-4.17-4.906-2.975 0-4.508 1.962-4.508 5.52m8.678 7.666v-2.76c-.981 2.024-2.821 3.067-5.182 3.067-4.08 0-6.134-3.465-6.134-7.973 0-4.324 2.147-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006V10h2.638v15.333zm-12.784-.03c-.214.061-.674.122-1.349.122-2.514 0-4.11-1.196-4.11-4.017V3.591h2.638V21.1c0 1.38.92 1.871 2.055 1.871.276 0 .46 0 .767-.03v2.36ZM58.12 20.58c0 1.35.798 2.27 2.423 2.27.614 0 1.196-.123 1.656-.215v2.545a6.3 6.3 0 0 1-1.779.245c-3.28 0-4.876-1.932-4.876-4.784v-8.188h-2.483V10h2.483V6.75h2.577V10h4.078v2.453h-4.078v8.127Zm-14.675.736c-1.533 0-3.097-.184-4.814-.521l-1.687 4.538h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.569c-1.81.368-3.373.552-4.999.552m0-2.453c1.288 0 2.607-.154 4.171-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369\" fill=\"").concat(colors.textColor, "\"/>\n </svg>");
|
|
23
|
+
} else {
|
|
24
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
25
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
26
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
27
|
+
var id = (0, _reactUid.uid)({
|
|
28
|
+
appearance: appearance
|
|
29
|
+
});
|
|
30
|
+
// Brand
|
|
31
|
+
var _colors = {
|
|
32
|
+
iconGradientStart: '#1d7afc',
|
|
33
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
34
|
+
iconGradientStop: _colors2.B400,
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
36
|
+
textColor: _colors2.B400,
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
38
|
+
iconGradientMid: _colors2.B400
|
|
40
39
|
};
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
if (appearance === 'neutral') {
|
|
41
|
+
_colors = {
|
|
42
|
+
iconGradientStart: '#758195',
|
|
43
|
+
iconGradientStop: '#2c3e5d',
|
|
44
|
+
textColor: '#758195',
|
|
45
|
+
iconGradientMid: '#596a85'
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
var baseIconContents = "\n <linearGradient\n id=\"".concat(id, "-a\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"6.72733\"\n x2=\"5.808\"\n y1=\"28.2142\"\n y2=\"4.10482\"\n >\n <stop offset=\".5\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-b\">\n <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientMid, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-c\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"24.3414\"\n x2=\"13.6567\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"17.0027\"\n y2=\"28.0494\"\n />\n <linearGradient\n id=\"").concat(id, "-d\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"18.1021\"\n x2=\"18.1021\"\n y1=\"3.87549\"\n y2=\"15.9428\"\n >\n <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\".59\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-e\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\".108585\"\n x2=\"17.5793\"\n y1=\"16.5093\"\n y2=\"16.5093\"\n >\n <stop offset=\".26\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-f\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"19.1392\"\n x2=\"22.9546\"\n xlink:href=\"#").concat(id, "-b\"\n y1=\"19.33\"\n y2=\"15.2734\"\n />\n <linearGradient\n id=\"").concat(id, "-g\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"14.8807\"\n x2=\"14.8807\"\n y1=\"28.0108\"\n y2=\"4.95215\"\n >\n <stop offset=\".36\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-h\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"9.15677\"\n x2=\"9.15677\"\n y1=\"28.0108\"\n y2=\"4.96143\"\n >\n <stop offset=\".06\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n <stop offset=\".58\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-i\">\n <stop offset=\"0\" stop-color=\"").concat(_colors.iconGradientStop, "\" />\n <stop offset=\"1\" stop-color=\"").concat(_colors.iconGradientStart, "\" />\n </linearGradient>\n <linearGradient\n id=\"").concat(id, "-j\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"95.6987\"\n x2=\"29.214\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"-1.89809\"\n y2=\"20.5853\"\n />\n <linearGradient\n id=\"").concat(id, "-k\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"97.0621\"\n x2=\"30.5774\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"2.12082\"\n y2=\"24.6042\"\n />\n <linearGradient\n id=\"").concat(id, "-l\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"97.5167\"\n x2=\"31.0327\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"3.47941\"\n y2=\"25.9627\"\n />\n <linearGradient\n id=\"").concat(id, "-m\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"101.28\"\n x2=\"34.7954\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"14.583\"\n y2=\"37.075\"\n />\n <linearGradient\n id=\"").concat(id, "-n\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"99.9401\"\n x2=\"33.4561\"\n xlink:href=\"#").concat(id, "-i\"\n y1=\"10.6227\"\n y2=\"33.106\"\n />\n <path\n d=\"m12.068 28.0108c-6.656 0-12.068-5.412-12.068-12.068 0-6.65598 5.412-12.06731 12.068-12.06731v1.92133c-5.59733 0-10.146 4.54868-10.146 10.14598 0 5.5974 4.54867 10.146 10.146 10.146v1.9214z\"\n fill=\"url(#").concat(id, "-a)\"\n />\n <path\n d=\"m12.068 28.0107v-1.9213c5.5974 0 10.146-4.5487 10.146-10.146h1.9214c0 6.656-5.412 12.068-12.068 12.068z\"\n fill=\"url(#").concat(id, "-c)\"\n />\n <path\n d=\"m24.1354 15.9428h-1.9213c0-5.5973-4.5487-10.14598-10.146-10.14598v-1.92133c6.656 0 12.068 5.412 12.068 12.06801z\"\n fill=\"url(#").concat(id, "-d)\"\n />\n <path\n d=\"m17.2086 19.638c-1.2813-.2507-2.2927-.7053-3.9733-1.4667-.464-.204-.9747-.436-1.5594-.696-.3526-.158-.6773-.2973-1.0026-.436-2.53405-1.1233-3.92671-1.736-5.63471-1.736-1.19734 0-2.098.3247-2.59934.9374-.34333.4086-.48266.9373-.38066 1.448l-1.884671.362c-.2040002-1.0767.074-2.1814.78-3.0354.612671-.7426 1.819331-1.634 4.084671-1.634 2.11666 0 3.82466.7614 6.41471 1.9034.3153.1393.6406.288.9933.436.594.26 1.114.492 1.578.7053 1.606.724 2.488 1.1233 3.5553 1.3273z\"\n fill=\"url(#").concat(id, "-e)\"\n />\n <path\n d=\"m19.0846 19.8227c-.6407 0-1.2534-.056-1.8754-.1853l.3714-1.8847c.5013.102.9933.1487 1.504.1487 1.188 0 2.0886-.2974 2.6086-.8634s.5387-1.2533.5107-1.6153l1.912-.1673c.102 1.1693-.2507 2.2653-1.0027 3.082-.622.6773-1.8193 1.4853-4.0286 1.4853z\"\n fill=\"url(#").concat(id, "-f)\"\n />\n <path\n d=\"m12.0681 28.0108v-1.9213c2.7573 0 4.4-2.8127 4.4-7.5194 0-4.7066-1.6707-8.65195-5.096-12.29995l1.402-1.318c3.778 4.01933 5.616 8.47535 5.616 13.61795 0 5.8207-2.4227 9.4407-6.322 9.4407z\"\n fill=\"url(#").concat(id, "-g)\"\n />\n <path\n d=\"m12.0668 28.0108c-4.14936 0-6.52603-3.3787-6.52603-9.2734 0-6.8786 3.008-10.72197 5.82063-13.77597l1.4114 1.29933c-3.27669 3.56467-5.31003 6.88804-5.31003 12.47604 0 6.08 2.50667 7.352 4.60463 7.352v1.9213z\"\n fill=\"url(#").concat(id, "-h)\"\n />\n <g fill=\"").concat(_colors.iconGradientStart, "\">\n <path\n d=\"m6.92391 16.9455c1.24067 0 2.24667-1.006 2.24667-2.2467s-1.006-2.2467-2.24667-2.2467c-1.24066 0-2.24666 1.006-2.24666 2.2467s1.006 2.2467 2.24666 2.2467z\"\n />\n <path\n d=\"m17.3094 20.8166c1.2407 0 2.2467-1.006 2.2467-2.2467s-1.006-2.2467-2.2467-2.2467-2.2467 1.006-2.2467 2.2467 1.006 2.2467 2.2467 2.2467z\"\n />\n <path\n d=\"m12.066 7.44011c1.2407 0 2.2467-1.006 2.2467-2.24667 0-1.24066-1.006-2.24666-2.2467-2.24666s-2.24666 1.006-2.24666 2.24666c0 1.24067 1.00596 2.24667 2.24666 2.24667z\"\n />\n </g>\n <path\n d=\"m34.6727 21.2726-1.68 4.53h-3.0913l7.9273-20.12535h3.4907l7.9366 20.12535h-3.0913l-1.6893-4.5674c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0914-.1853-4.8087-.52zm8.9767-2.33-4.0754-11.02802-4.0753 11.05602c1.504.2413 2.7573.3713 3.9827.3713 1.29 0 2.6086-.158 4.168-.3993z\"\n fill=\"url(#").concat(id, "-j)\"\n />\n <path\n d=\"m56.3748 23.3242c.6126 0 1.1973-.1207 1.6526-.2134v2.5434c-.464.1206-.984.2413-1.7733.2413-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4506h2.4787v-3.24938h2.5713v3.24938h4.0753v2.4506h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n fill=\"url(#").concat(id, "-k)\"\n />\n <path\n d=\"m65.044 25.8947c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80462h2.6366v17.49862c0 1.3834.9194 1.866 2.0514 1.866.2786 0 .464 0 .7613-.028v2.358c-.2133.0647-.6773.1207-1.346.1207z\"\n fill=\"url(#").concat(id, "-l)\"\n />\n <path\n d=\"m90.5908 26.109c-2.302 0-4.168-.52-5.3287-1.1326v-2.7847c1.318.7613 3.5273 1.504 5.4493 1.504s3.0634-.826 3.0634-2.024-.8914-1.838-3.7967-2.5433c-3.3973-.826-4.836-2.1447-4.836-4.66 0-2.664 2.0513-4.2887 5.542-4.2887 1.996 0 3.7967.492 4.9293 1.1047v2.7293c-1.838-.9193-3.342-1.4113-4.9666-1.4113-1.9307 0-2.9707.6773-2.9707 1.866 0 1.0673.7333 1.7453 3.5553 2.4226 3.398.826 5.1154 2.0794 5.1154 4.7527s-1.6527 4.4747-5.7647 4.4747l.0093-.0094z\"\n fill=\"url(#").concat(id, "-m)\"\n />\n <path\n d=\"m82.7488 23.4447c-.7427 0-1.0767-.3067-1.0767-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6366-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1694-.1207v-2.358c-.3067.028-.334.028-.6127.028v.0094zm-3.7134-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.196-1.838-4.196-5.514s1.532-5.514 4.502-5.514c2.2373 0 4.168 1.504 4.168 4.9014v1.2253z\"\n fill=\"url(#").concat(id, "-n)\"\n />");
|
|
43
49
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
/**
|
|
51
|
+
* inverse icons use transparency to achieve a certain gradient effect, requiring a different SVG structure
|
|
52
|
+
*/
|
|
53
|
+
var inverseIconContents = "\n <linearGradient id=\"".concat(id, "-inverse-a\">\n <stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\"1\" stop-color=\"#fff\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-b\" gradientUnits=\"userSpaceOnUse\" x1=\"95.6972\" x2=\"29.2126\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"-1.88441\" y2=\"20.5989\" />\n <linearGradient id=\"").concat(id, "-inverse-c\" gradientUnits=\"userSpaceOnUse\" x1=\"97.0604\" x2=\"30.5757\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"2.13449\" y2=\"24.6178\" />\n <linearGradient id=\"").concat(id, "-inverse-d\" gradientUnits=\"userSpaceOnUse\" x1=\"97.5154\" x2=\"31.0315\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"3.49308\" y2=\"25.9764\" />\n <linearGradient id=\"").concat(id, "-inverse-e\" gradientUnits=\"userSpaceOnUse\" x1=\"101.279\" x2=\"34.794\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"14.5962\" y2=\"37.0882\" />\n <linearGradient id=\"").concat(id, "-inverse-f\" gradientUnits=\"userSpaceOnUse\" x1=\"99.9384\" x2=\"33.4544\" xlink:href=\"#").concat(id, "-inverse-a\"\n y1=\"10.6359\" y2=\"33.1192\" />\n <linearGradient id=\"").concat(id, "-inverse-g\" gradientUnits=\"userSpaceOnUse\" x1=\"9.22533\" x2=\"4.69333\" y1=\"25.3248\"\n y2=\"5.13609\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".17\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\".92\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-h\">\n <stop offset=\"0\" stop-color=\"#fff\" />\n <stop offset=\".18\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".55\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".83\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-i\" gradientUnits=\"userSpaceOnUse\" x1=\"6.76069\" x2=\"16.4834\" xlink:href=\"#").concat(id, "-inverse-h\"\n y1=\"15.0061\" y2=\"18.9068\" />\n <linearGradient id=\"").concat(id, "-inverse-j\" gradientUnits=\"userSpaceOnUse\" x1=\"18.7907\" x2=\"16.8967\" xlink:href=\"#").concat(id, "-inverse-h\"\n y1=\"3.59276\" y2=\"23.2521\" />\n <linearGradient id=\"").concat(id, "-inverse-k\" gradientUnits=\"userSpaceOnUse\" x1=\"14.886\" x2=\"14.886\" y1=\"28.5366\"\n y2=\"5.46924\">\n <stop offset=\".1\" stop-color=\"#fff\" />\n <stop offset=\".27\" stop-color=\"#fff\" stop-opacity=\".91\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".74\" />\n <stop offset=\".85\" stop-color=\"#fff\" stop-opacity=\".64\" />\n <stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".6\" />\n </linearGradient>\n <linearGradient id=\"").concat(id, "-inverse-l\" gradientUnits=\"userSpaceOnUse\" x1=\"8.63728\" x2=\"10.0113\" y1=\"5.09736\"\n y2=\"26.7354\">\n <stop offset=\".03\" stop-color=\"#fff\" />\n <stop offset=\".1\" stop-color=\"#fff\" stop-opacity=\".9\" />\n <stop offset=\".29\" stop-color=\"#fff\" stop-opacity=\".68\" />\n <stop offset=\".38\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".59\" stop-color=\"#fff\" stop-opacity=\".6\" />\n <stop offset=\".65\" stop-color=\"#fff\" stop-opacity=\".65\" />\n <stop offset=\".76\" stop-color=\"#fff\" stop-opacity=\".77\" />\n <stop offset=\".91\" stop-color=\"#fff\" stop-opacity=\".96\" />\n <stop offset=\".94\" stop-color=\"#fff\" />\n </linearGradient>\n <path\n d=\"m34.6712 21.2863-1.68 4.5299h-3.0913l7.9273-20.12528h3.4907l7.9367 20.12528h-3.0914l-1.6893-4.5673c-1.81.3714-3.37.548-4.994.548-1.532 0-3.0913-.1853-4.8087-.52zm8.9767-2.33-4.0753-11.02805-4.0754 11.05605c1.504.2413 2.7574.3713 3.9827.3713 1.29 0 2.6087-.158 4.168-.3993z\"\n fill=\"url(#").concat(id, "-inverse-b)\" />\n <path\n d=\"m56.3731 23.3378c.6126 0 1.1973-.1206 1.6526-.2133v2.5433c-.464.1207-.984.2414-1.7733.2414-3.2767 0-4.8733-1.9307-4.8733-4.7807v-8.178h-2.4787v-2.4507h2.4787v-3.24931h2.5713v3.24931h4.0753v2.4507h-4.0753v8.1227c0 1.346.798 2.2653 2.4227 2.2653z\"\n fill=\"url(#").concat(id, "-inverse-c)\" />\n <path\n d=\"m65.0428 25.9084c-2.516 0-4.1033-1.1973-4.1033-4.01v-17.80465h2.6366v17.49865c0 1.3833.9193 1.866 2.0513 1.866.2787 0 .464 0 .7614-.028v2.358c-.2134.0647-.6774.1207-1.346.1207z\"\n fill=\"url(#").concat(id, "-inverse-d)\" />\n <path\n d=\"m90.5893 26.1222c-2.302 0-4.168-.52-5.3287-1.1327v-2.7846c1.318.7613 3.5274 1.504 5.4494 1.504s3.0633-.826 3.0633-2.024-.8913-1.838-3.7967-2.5434c-3.3973-.826-4.836-2.1446-4.836-4.66 0-2.664 2.0514-4.2886 5.542-4.2886 1.996 0 3.7967.492 4.9294 1.1046v2.7294c-1.838-.9194-3.342-1.4114-4.9667-1.4114-1.9307 0-2.9707.6774-2.9707 1.866 0 1.0674.7334 1.7454 3.5554 2.4227 3.398.826 5.1153 2.0793 5.1153 4.7527 0 2.6733-1.6527 4.4746-5.7647 4.4746l.0094-.0093z\"\n fill=\"url(#").concat(id, "-inverse-e)\" />\n <path\n d=\"m82.747 23.4579c-.7426 0-1.0766-.3067-1.0766-1.29v-11.6693h-2.6367v2.692c-.9193-1.996-2.6367-2.9987-4.8733-2.9987-4.2887 0-6.4333 3.648-6.4333 7.9647 0 4.3166 2.0886 7.9646 6.2286 7.9646 2.6087 0 4.1307-1.1326 5.124-3.1193.232 1.894 1.42 2.896 3.11 2.896.5387 0 .91-.0467 1.1693-.1207v-2.358c-.3066.028-.334.028-.6126.028v.0094zm-3.7133-4.688c0 3.3973-2.1166 4.9013-4.4746 4.9013-2.7294 0-4.1961-1.838-4.1961-5.514s1.5321-5.514 4.5021-5.514c2.2373 0 4.1679 1.504 4.1679 4.9014v1.2253z\"\n fill=\"url(#").concat(id, "-inverse-f)\" />\n <path\n d=\"m12.0727 6.31409v-1.922c-6.6587 0-12.0727 5.414-12.0727 12.07201 0 .6873.0653333 1.356.167333 2.0153 0 .028 0 .0654.009334.0927 1.002663 5.6553 5.943333 9.9647 11.886633 9.9647v-1.922c-5.0333 0-9.2213-3.6774-10.01063-8.488-.06534-.4827.074-.9754.39-1.3654.50133-.6126 1.402-.938 2.6-.938.63133 0 1.226.0834 1.848.2507v-1.9687c-.60334-.13-1.20734-.1953-1.848-.1953-1.30934 0-2.266.2973-2.95334.6967.882-4.71738 5.024-8.29271 9.98267-8.29271z\"\n fill=\"url(#").concat(id, "-inverse-g)\" />\n <path\n d=\"m14.032 16.9475c-.464-.204-.9846-.446-1.5786-.706-.3434-.1487-.678-.2974-.9934-.4367-1.80131-.7987-3.18531-1.4113-4.56864-1.6993v1.9686c1.04933.2787 2.19133.78 3.78864 1.486.316.1394.65.288 1.0027.4367.5853.26 1.1053.492 1.56.6967 1.6807.752 2.6933 1.2073 3.9747 1.4673l.3713-1.8853c-1.068-.2134-1.95-.6034-3.5567-1.328z\"\n fill=\"url(#").concat(id, "-inverse-i)\" />\n <path\n d=\"m24.1354 16.2508v-.4734c-.3713-6.34264-5.6367-11.38531-12.0633-11.38531v1.922c5.5253 0 10.0293 4.42931 10.1406 9.92731-.0093.3807-.1206.882-.52 1.3187-.52.5667-1.4206.8633-2.6093.8633-.5107 0-1.0027-.0466-1.5047-.1486l-.3713 1.8853c.622.1207 1.2353.186 1.876.186 1.0587 0 1.8947-.186 2.5353-.464-1.402 3.9187-5.1633 6.7327-9.556 6.7327v1.922c6.6587 0 12.0727-5.414 12.0727-12.0727 0-.074 0-.1393 0-.2133z\"\n fill=\"url(#").concat(id, "-inverse-j)\" />\n <path\n d=\"m12.0727 28.5366v-1.922c2.758 0 4.402-2.814 4.402-7.522s-1.6713-8.6554-5.098-12.3047l1.402-1.31866c3.7793 4.02133 5.618 8.47866 5.618 13.62336 0 5.8226-2.424 9.4446-6.324 9.4446z\"\n fill=\"url(#").concat(id, "-inverse-k)\" />\n <path\n d=\"m12.0726 28.5367c-4.15132 0-6.52865-3.38-6.52865-9.2773 0-6.8814 3.00866-10.72604 5.82265-13.78137l1.4113 1.3c-3.27795 3.56597-5.31195 6.89067-5.31195 12.48137 0 6.0826 2.50733 7.3546 4.60595 7.3546v1.922z\"\n fill=\"url(#").concat(id, "-inverse-l)\" />\n <g fill=\"#fff\">\n <path\n d=\"m6.928 17.4673c1.24117 0 2.24733-1.0061 2.24733-2.2473s-1.00616-2.2473-2.24733-2.2473-2.24734 1.0061-2.24734 2.2473 1.00617 2.2473 2.24734 2.2473z\" />\n <path\n d=\"m17.3194 21.3399c1.2411 0 2.2473-1.0062 2.2473-2.2474 0-1.2411-1.0062-2.2473-2.2473-2.2473-1.2412 0-2.2474 1.0062-2.2474 2.2473 0 1.2412 1.0062 2.2474 2.2474 2.2474z\" />\n <path\n d=\"m12.0728 7.95805c1.2411 0 2.2473-1.00617 2.2473-2.24734s-1.0062-2.24733-2.2473-2.24733c-1.2412 0-2.24736 1.00616-2.24736 2.24733s1.00616 2.24734 2.24736 2.24734z\" />\n </g>\n ");
|
|
54
|
+
return "<svg\n fill=\"none\"\n height=\"32\"\n viewBox=\"0 0 97 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n ".concat(appearance === 'inverse' ? inverseIconContents : baseIconContents, "\n </svg>");
|
|
55
|
+
}
|
|
49
56
|
};
|
|
50
57
|
|
|
51
58
|
/**
|
|
@@ -64,13 +71,15 @@ var AtlasLogo = exports.AtlasLogo = function AtlasLogo(_ref2) {
|
|
|
64
71
|
_ref2$size = _ref2.size,
|
|
65
72
|
size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
|
|
66
73
|
testId = _ref2.testId;
|
|
74
|
+
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
75
|
+
colorMode = _useThemeObserver.colorMode;
|
|
67
76
|
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
68
77
|
appearance: appearance,
|
|
69
78
|
label: label,
|
|
70
79
|
size: size,
|
|
71
80
|
svg: svg({
|
|
72
81
|
appearance: appearance
|
|
73
|
-
}),
|
|
82
|
+
}, colorMode),
|
|
74
83
|
testId: testId
|
|
75
84
|
});
|
|
76
85
|
};
|
|
@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.JiraAlignIcon = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactUid = require("react-uid");
|
|
10
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
+
var _tokens = require("@atlaskit/tokens");
|
|
10
12
|
var _constants = require("../constants");
|
|
11
13
|
var _utils = require("../utils");
|
|
12
14
|
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
13
15
|
/* eslint-disable max-len */
|
|
14
16
|
|
|
15
|
-
var svg = function svg(_ref) {
|
|
17
|
+
var svg = function svg(_ref, colorMode) {
|
|
16
18
|
var appearance = _ref.appearance,
|
|
17
19
|
iconGradientStart = _ref.iconGradientStart,
|
|
18
20
|
iconGradientStop = _ref.iconGradientStop,
|
|
@@ -22,16 +24,24 @@ var svg = function svg(_ref) {
|
|
|
22
24
|
iconGradientStop: iconGradientStop,
|
|
23
25
|
iconColor: iconColor
|
|
24
26
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
|
|
28
|
+
if (appearance) {
|
|
29
|
+
colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
|
|
30
|
+
}
|
|
31
|
+
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>");
|
|
32
|
+
} else {
|
|
33
|
+
if (appearance) {
|
|
34
|
+
colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
38
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
39
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
40
|
+
var id = (0, _reactUid.uid)({
|
|
41
|
+
iconGradientStart: iconGradientStop
|
|
42
|
+
});
|
|
43
|
+
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>");
|
|
33
44
|
}
|
|
34
|
-
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>");
|
|
35
45
|
};
|
|
36
46
|
|
|
37
47
|
/**
|
|
@@ -58,6 +68,8 @@ var JiraAlignIcon = exports.JiraAlignIcon = function JiraAlignIcon(_ref2) {
|
|
|
58
68
|
iconGradientStart = _ref2$iconGradientSta === void 0 ? _constants.defaultLogoParams.iconGradientStart : _ref2$iconGradientSta,
|
|
59
69
|
_ref2$iconGradientSto = _ref2.iconGradientStop,
|
|
60
70
|
iconGradientStop = _ref2$iconGradientSto === void 0 ? _constants.defaultLogoParams.iconGradientStop : _ref2$iconGradientSto;
|
|
71
|
+
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
72
|
+
colorMode = _useThemeObserver.colorMode;
|
|
61
73
|
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
62
74
|
appearance: appearance,
|
|
63
75
|
label: label,
|
|
@@ -66,7 +78,7 @@ var JiraAlignIcon = exports.JiraAlignIcon = function JiraAlignIcon(_ref2) {
|
|
|
66
78
|
iconGradientStart: iconGradientStart,
|
|
67
79
|
iconGradientStop: iconGradientStop,
|
|
68
80
|
iconColor: iconColor
|
|
69
|
-
}),
|
|
81
|
+
}, colorMode),
|
|
70
82
|
iconColor: iconColor,
|
|
71
83
|
iconGradientStart: iconGradientStart,
|
|
72
84
|
iconGradientStop: iconGradientStop,
|
|
@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.JiraAlignLogo = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactUid = require("react-uid");
|
|
10
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
+
var _tokens = require("@atlaskit/tokens");
|
|
10
12
|
var _constants = require("../constants");
|
|
11
13
|
var _utils = require("../utils");
|
|
12
14
|
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
13
15
|
/* eslint-disable max-len */
|
|
14
16
|
|
|
15
|
-
var svg = function svg(_ref) {
|
|
17
|
+
var svg = function svg(_ref, colorMode) {
|
|
16
18
|
var appearance = _ref.appearance,
|
|
17
19
|
iconGradientStart = _ref.iconGradientStart,
|
|
18
20
|
iconGradientStop = _ref.iconGradientStop,
|
|
@@ -24,16 +26,23 @@ var svg = function svg(_ref) {
|
|
|
24
26
|
iconColor: iconColor,
|
|
25
27
|
textColor: textColor
|
|
26
28
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.brand-refresh-update-product-logos_q7coo')) {
|
|
30
|
+
if (appearance) {
|
|
31
|
+
colors = (0, _utils.getColorsFromAppearance)(appearance, colorMode);
|
|
32
|
+
}
|
|
33
|
+
return "<svg viewBox=\"0 0 146 32\" focusable=\"false\" aria-hidden=\"true\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19.04 25.727c0-3.604-2.949-6.517-6.517-6.517H6.517v-5.497H0v10.813c0 .837.364 1.201 1.201 1.201zM0 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 <path d=\"M144.993 16.555v8.985h-2.638v-9.26c0-2.76-1.104-3.988-3.618-3.988-2.454 0-4.14 1.626-4.14 4.723v8.525h-2.638V10.207h2.638v2.515c.981-1.81 2.79-2.822 4.845-2.822 3.527 0 5.551 2.423 5.551 6.655m-19.589 7.759V22.78c-.982 2.024-2.822 3.067-5.183 3.067-4.048 0-6.072-3.465-6.072-7.973 0-4.324 2.116-7.974 6.379-7.974 2.238 0 3.956 1.012 4.876 3.006v-2.699h2.576V24.16c0 4.508-2.116 7.544-7.606 7.544-2.576 0-3.986-.337-5.458-.828V28.3c1.686.552 3.434.92 5.336.92 3.833 0 5.152-2.054 5.152-4.906m-8.679-6.44c0 3.68 1.472 5.52 4.201 5.52 2.362 0 4.478-1.503 4.478-4.907V17.26c0-3.404-1.932-4.906-4.171-4.906-2.975 0-4.508 1.962-4.508 5.52M107.96 6.16c0-1.166.766-1.84 1.84-1.84 1.073 0 1.84.674 1.84 1.84S110.873 8 109.8 8c-1.074 0-1.84-.675-1.84-1.84m.49 19.38V10.208h2.638v15.334h-2.638Zm-2.537-.03c-.215.061-.675.122-1.349.122-2.515 0-4.11-1.196-4.11-4.017V3.798h2.638v17.51c0 1.38.92 1.871 2.054 1.871.276 0 .46 0 .767-.03v2.36ZM88.83 21.523c-1.534 0-3.098-.184-4.815-.521l-1.687 4.539h-3.097l7.942-20.148h3.496l7.943 20.148h-3.097l-1.687-4.57c-1.81.368-3.373.552-4.999.552Zm0-2.453c1.287 0 2.606-.153 4.17-.399l-4.079-11.04-4.078 11.07c1.502.246 2.76.369 3.986.369Zm-27.807-1.196c0 3.68 1.472 5.52 4.202 5.52 2.36 0 4.477-1.503 4.477-4.907V17.26c0-3.404-1.932-4.906-4.17-4.906-2.975 0-4.509 1.962-4.509 5.52m8.679 7.666v-2.76c-.981 2.024-2.822 3.067-5.183 3.067-4.079 0-6.133-3.465-6.133-7.973 0-4.324 2.146-7.974 6.44-7.974 2.239 0 3.956 1.012 4.876 3.006v-2.699h2.637V25.54zM51.91 16.494v9.047h-2.577V10.207h2.576v2.699c.89-1.81 2.423-3.097 5.428-2.913v2.576c-3.373-.338-5.428.674-5.428 3.925ZM42.224 6.16c0-1.166.767-1.84 1.84-1.84s1.84.674 1.84 1.84S45.137 8 44.064 8s-1.84-.675-1.84-1.84m.49 19.38V10.208h2.638v15.334h-2.637Zm-6.427-5.949V5.393h2.76v14.014c0 3.71-1.626 6.256-5.428 6.256-1.442 0-2.546-.245-3.312-.521v-2.668c.828.337 1.84.521 2.852.521 2.33 0 3.128-1.41 3.128-3.404\" fill=\"").concat(colors.textColor, "\"/>\n </svg>\n ");
|
|
34
|
+
} else {
|
|
35
|
+
// Will be fixed upon removal of deprecated iconGradientStart and
|
|
36
|
+
// iconGradientStop props, or with React 18's useId() hook when we update.
|
|
37
|
+
// eslint-disable-next-line @repo/internal/react/disallow-unstable-values
|
|
38
|
+
var id = (0, _reactUid.uid)({
|
|
39
|
+
iconGradientStart: iconGradientStop
|
|
40
|
+
});
|
|
41
|
+
if (appearance) {
|
|
42
|
+
colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance);
|
|
43
|
+
}
|
|
44
|
+
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 ");
|
|
35
45
|
}
|
|
36
|
-
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 ");
|
|
37
46
|
};
|
|
38
47
|
|
|
39
48
|
/**
|
|
@@ -60,6 +69,8 @@ var JiraAlignLogo = exports.JiraAlignLogo = function JiraAlignLogo(_ref2) {
|
|
|
60
69
|
iconGradientStop = _ref2$iconGradientSto === void 0 ? _constants.defaultLogoParams.iconGradientStop : _ref2$iconGradientSto,
|
|
61
70
|
_ref2$textColor = _ref2.textColor,
|
|
62
71
|
textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor;
|
|
72
|
+
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
73
|
+
colorMode = _useThemeObserver.colorMode;
|
|
63
74
|
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
64
75
|
appearance: appearance,
|
|
65
76
|
label: label,
|
|
@@ -75,7 +86,7 @@ var JiraAlignLogo = exports.JiraAlignLogo = function JiraAlignLogo(_ref2) {
|
|
|
75
86
|
textColor: textColor,
|
|
76
87
|
size: size,
|
|
77
88
|
label: label
|
|
78
|
-
}),
|
|
89
|
+
}, colorMode),
|
|
79
90
|
testId: testId,
|
|
80
91
|
textColor: textColor
|
|
81
92
|
});
|