@atlaskit/logo 16.0.2 → 17.0.0
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 +17 -0
- package/dist/cjs/atlas-logo/icon.js +0 -2
- package/dist/cjs/atlas-logo/logo.js +0 -2
- package/dist/cjs/atlassian-access-logo/icon.js +0 -2
- package/dist/cjs/atlassian-access-logo/logo.js +0 -2
- package/dist/cjs/atlassian-admin-logo/icon.js +0 -2
- package/dist/cjs/atlassian-admin-logo/logo.js +0 -2
- package/dist/cjs/atlassian-administration-logo/icon.js +0 -2
- package/dist/cjs/atlassian-administration-logo/logo.js +0 -2
- package/dist/cjs/atlassian-analytics-logo/icon.js +0 -2
- package/dist/cjs/atlassian-analytics-logo/logo.js +0 -2
- package/dist/cjs/atlassian-logo/icon.js +0 -2
- package/dist/cjs/atlassian-logo/logo.js +0 -2
- package/dist/cjs/atlassian-marketplace-logo/icon.js +0 -2
- package/dist/cjs/atlassian-marketplace-logo/logo.js +0 -2
- package/dist/cjs/atlassian-start-logo/logo.js +0 -2
- package/dist/cjs/bitbucket-logo/icon.js +0 -2
- package/dist/cjs/bitbucket-logo/logo.js +0 -2
- package/dist/cjs/compass-logo/icon.js +0 -2
- package/dist/cjs/compass-logo/logo.js +0 -2
- package/dist/cjs/confluence-logo/icon.js +0 -2
- package/dist/cjs/confluence-logo/logo.js +0 -2
- package/dist/cjs/focus-logo/icon.js +0 -2
- package/dist/cjs/focus-logo/logo.js +0 -2
- package/dist/cjs/guard-logo/icon.js +0 -2
- package/dist/cjs/guard-logo/logo.js +0 -2
- package/dist/cjs/index.js +0 -20
- package/dist/cjs/jira-align-logo/icon.js +0 -2
- package/dist/cjs/jira-align-logo/logo.js +0 -2
- package/dist/cjs/jira-logo/icon.js +0 -2
- package/dist/cjs/jira-logo/logo.js +0 -2
- package/dist/cjs/jira-product-discovery-logo/icon.js +0 -2
- package/dist/cjs/jira-product-discovery-logo/logo.js +0 -2
- package/dist/cjs/jira-service-management-logo/icon.js +0 -2
- package/dist/cjs/jira-service-management-logo/logo.js +0 -2
- package/dist/cjs/jira-software-logo/icon.js +0 -2
- package/dist/cjs/jira-software-logo/logo.js +0 -2
- package/dist/cjs/jira-work-management-logo/icon.js +0 -2
- package/dist/cjs/jira-work-management-logo/logo.js +0 -2
- package/dist/cjs/loom-attribution-logo/icon.js +0 -2
- package/dist/cjs/loom-attribution-logo/logo.js +0 -2
- package/dist/cjs/loom-logo/icon.js +0 -2
- package/dist/cjs/loom-logo/logo.js +0 -2
- package/dist/cjs/opsgenie-logo/icon.js +0 -3
- package/dist/cjs/opsgenie-logo/logo.js +0 -3
- package/dist/cjs/rovo-logo/icon.js +0 -2
- package/dist/cjs/rovo-logo/logo.js +0 -2
- package/dist/cjs/statuspage-logo/icon.js +0 -2
- package/dist/cjs/statuspage-logo/logo.js +0 -2
- package/dist/cjs/trello-logo/icon.js +0 -2
- package/dist/cjs/trello-logo/logo.js +0 -2
- package/dist/cjs/utils.js +0 -2
- package/dist/cjs/wrapper.js +1 -3
- package/dist/es2019/atlas-logo/icon.js +0 -1
- package/dist/es2019/atlas-logo/logo.js +0 -1
- package/dist/es2019/atlassian-access-logo/icon.js +0 -1
- package/dist/es2019/atlassian-access-logo/logo.js +0 -1
- package/dist/es2019/atlassian-admin-logo/icon.js +0 -1
- package/dist/es2019/atlassian-admin-logo/logo.js +0 -1
- package/dist/es2019/atlassian-administration-logo/icon.js +0 -1
- package/dist/es2019/atlassian-administration-logo/logo.js +0 -1
- package/dist/es2019/atlassian-analytics-logo/icon.js +0 -1
- package/dist/es2019/atlassian-analytics-logo/logo.js +0 -1
- package/dist/es2019/atlassian-logo/icon.js +0 -1
- package/dist/es2019/atlassian-logo/logo.js +0 -1
- package/dist/es2019/atlassian-marketplace-logo/icon.js +0 -1
- package/dist/es2019/atlassian-marketplace-logo/logo.js +0 -1
- package/dist/es2019/atlassian-start-logo/logo.js +0 -1
- package/dist/es2019/bitbucket-logo/icon.js +0 -1
- package/dist/es2019/bitbucket-logo/logo.js +0 -1
- package/dist/es2019/compass-logo/icon.js +0 -1
- package/dist/es2019/compass-logo/logo.js +0 -1
- package/dist/es2019/confluence-logo/icon.js +0 -1
- package/dist/es2019/confluence-logo/logo.js +0 -1
- package/dist/es2019/focus-logo/icon.js +0 -1
- package/dist/es2019/focus-logo/logo.js +0 -1
- package/dist/es2019/guard-logo/icon.js +0 -1
- package/dist/es2019/guard-logo/logo.js +0 -1
- package/dist/es2019/index.js +0 -2
- package/dist/es2019/jira-align-logo/icon.js +0 -1
- package/dist/es2019/jira-align-logo/logo.js +0 -1
- package/dist/es2019/jira-logo/icon.js +0 -1
- package/dist/es2019/jira-logo/logo.js +0 -1
- package/dist/es2019/jira-product-discovery-logo/icon.js +0 -1
- package/dist/es2019/jira-product-discovery-logo/logo.js +0 -1
- package/dist/es2019/jira-service-management-logo/icon.js +0 -1
- package/dist/es2019/jira-service-management-logo/logo.js +0 -1
- package/dist/es2019/jira-software-logo/icon.js +0 -1
- package/dist/es2019/jira-software-logo/logo.js +0 -1
- package/dist/es2019/jira-work-management-logo/icon.js +0 -1
- package/dist/es2019/jira-work-management-logo/logo.js +0 -1
- package/dist/es2019/loom-attribution-logo/icon.js +0 -1
- package/dist/es2019/loom-attribution-logo/logo.js +0 -1
- package/dist/es2019/loom-logo/icon.js +0 -1
- package/dist/es2019/loom-logo/logo.js +0 -1
- package/dist/es2019/opsgenie-logo/icon.js +0 -2
- package/dist/es2019/opsgenie-logo/logo.js +0 -2
- package/dist/es2019/rovo-logo/icon.js +0 -1
- package/dist/es2019/rovo-logo/logo.js +0 -1
- package/dist/es2019/statuspage-logo/icon.js +0 -1
- package/dist/es2019/statuspage-logo/logo.js +0 -1
- package/dist/es2019/trello-logo/icon.js +0 -1
- package/dist/es2019/trello-logo/logo.js +0 -1
- package/dist/es2019/utils.js +0 -1
- package/dist/es2019/wrapper.js +1 -3
- package/dist/esm/atlas-logo/icon.js +0 -1
- package/dist/esm/atlas-logo/logo.js +0 -1
- package/dist/esm/atlassian-access-logo/icon.js +0 -1
- package/dist/esm/atlassian-access-logo/logo.js +0 -1
- package/dist/esm/atlassian-admin-logo/icon.js +0 -1
- package/dist/esm/atlassian-admin-logo/logo.js +0 -1
- package/dist/esm/atlassian-administration-logo/icon.js +0 -1
- package/dist/esm/atlassian-administration-logo/logo.js +0 -1
- package/dist/esm/atlassian-analytics-logo/icon.js +0 -1
- package/dist/esm/atlassian-analytics-logo/logo.js +0 -1
- package/dist/esm/atlassian-logo/icon.js +0 -1
- package/dist/esm/atlassian-logo/logo.js +0 -1
- package/dist/esm/atlassian-marketplace-logo/icon.js +0 -1
- package/dist/esm/atlassian-marketplace-logo/logo.js +0 -1
- package/dist/esm/atlassian-start-logo/logo.js +0 -1
- package/dist/esm/bitbucket-logo/icon.js +0 -1
- package/dist/esm/bitbucket-logo/logo.js +0 -1
- package/dist/esm/compass-logo/icon.js +0 -1
- package/dist/esm/compass-logo/logo.js +0 -1
- package/dist/esm/confluence-logo/icon.js +0 -1
- package/dist/esm/confluence-logo/logo.js +0 -1
- package/dist/esm/focus-logo/icon.js +0 -1
- package/dist/esm/focus-logo/logo.js +0 -1
- package/dist/esm/guard-logo/icon.js +0 -1
- package/dist/esm/guard-logo/logo.js +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/jira-align-logo/icon.js +0 -1
- package/dist/esm/jira-align-logo/logo.js +0 -1
- package/dist/esm/jira-logo/icon.js +0 -1
- package/dist/esm/jira-logo/logo.js +0 -1
- package/dist/esm/jira-product-discovery-logo/icon.js +0 -1
- package/dist/esm/jira-product-discovery-logo/logo.js +0 -1
- package/dist/esm/jira-service-management-logo/icon.js +0 -1
- package/dist/esm/jira-service-management-logo/logo.js +0 -1
- package/dist/esm/jira-software-logo/icon.js +0 -1
- package/dist/esm/jira-software-logo/logo.js +0 -1
- package/dist/esm/jira-work-management-logo/icon.js +0 -1
- package/dist/esm/jira-work-management-logo/logo.js +0 -1
- package/dist/esm/loom-attribution-logo/icon.js +0 -1
- package/dist/esm/loom-attribution-logo/logo.js +0 -1
- package/dist/esm/loom-logo/icon.js +0 -1
- package/dist/esm/loom-logo/logo.js +0 -1
- package/dist/esm/opsgenie-logo/icon.js +0 -2
- package/dist/esm/opsgenie-logo/logo.js +0 -2
- package/dist/esm/rovo-logo/icon.js +0 -1
- package/dist/esm/rovo-logo/logo.js +0 -1
- package/dist/esm/statuspage-logo/icon.js +0 -1
- package/dist/esm/statuspage-logo/logo.js +0 -1
- package/dist/esm/trello-logo/icon.js +0 -1
- package/dist/esm/trello-logo/logo.js +0 -1
- package/dist/esm/utils.js +0 -1
- package/dist/esm/wrapper.js +1 -3
- package/dist/types/index.d.ts +0 -2
- package/dist/types-ts4.5/index.d.ts +0 -2
- package/package.json +12 -11
- package/dist/cjs/halp-logo/icon.js +0 -68
- package/dist/cjs/halp-logo/index.js +0 -19
- package/dist/cjs/halp-logo/logo.js +0 -71
- package/dist/es2019/halp-logo/icon.js +0 -75
- package/dist/es2019/halp-logo/index.js +0 -2
- package/dist/es2019/halp-logo/logo.js +0 -97
- package/dist/esm/halp-logo/icon.js +0 -60
- package/dist/esm/halp-logo/index.js +0 -2
- package/dist/esm/halp-logo/logo.js +0 -63
- package/dist/types/halp-logo/icon.d.ts +0 -14
- package/dist/types/halp-logo/index.d.ts +0 -2
- package/dist/types/halp-logo/logo.d.ts +0 -14
- package/dist/types-ts4.5/halp-logo/icon.d.ts +0 -14
- package/dist/types-ts4.5/halp-logo/index.d.ts +0 -2
- package/dist/types-ts4.5/halp-logo/logo.d.ts +0 -14
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
4
3
|
import { defaultLogoParams } from '../constants';
|
|
@@ -16,7 +15,6 @@ var svg = function svg(_ref, colorMode) {
|
|
|
16
15
|
return "<svg fill=\"none\" height=\"32\" viewBox=\"0 0 32 32\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill=\"".concat(colors.iconColor, "\" d=\"M17.114 28.127c-.785.578-1.199.537-1.984-.041-3.8-2.727-7.313-5.826-9.668-9.049-.248-.33-.124-.785.248-.991l4.297-2.686q.558-.372.992.124c1.652 1.9 3.264 3.76 5.123 5.082 1.86-1.322 3.47-3.181 5.123-5.082q.434-.495.992-.124l4.297 2.686c.372.206.496.66.248.991-2.355 3.223-5.867 6.322-9.668 9.09m-.992-11.858c3.388 0 6.198-2.768 6.198-6.156s-2.81-6.239-6.198-6.239-6.198 2.81-6.198 6.239c0 3.43 2.727 6.156 6.198 6.156\"/>\n </svg>");
|
|
17
16
|
};
|
|
18
17
|
|
|
19
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
20
18
|
/**
|
|
21
19
|
* __Opsgenie icon__
|
|
22
20
|
*
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
4
3
|
import { defaultLogoParams } from '../constants';
|
|
@@ -18,7 +17,6 @@ var svg = function svg(_ref, colorMode) {
|
|
|
18
17
|
return "<svg fill=\"none\" height=\"32\" viewBox=\"0 0 154 32\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill=\"".concat(colors.iconColor, "\" d=\"M11.78 28.127c-.785.578-1.198.537-1.983-.041-3.801-2.727-7.313-5.826-9.668-9.049-.248-.33-.124-.785.248-.991l4.297-2.686q.558-.372.991.124c1.653 1.9 3.264 3.76 5.124 5.082 1.859-1.322 3.47-3.181 5.123-5.082q.435-.495.992-.124l4.297 2.686c.371.206.495.66.247.991-2.355 3.223-5.867 6.322-9.668 9.09m-.99-11.857c3.388 0 6.197-2.768 6.197-6.156s-2.81-6.239-6.197-6.239-6.198 2.81-6.198 6.239c0 3.43 2.727 6.156 6.198 6.156\"/>\n <path fill=\"").concat(colors.textColor, "\" d=\"M146.689 12.293c-2.79 0-4.201 1.81-4.477 4.477h8.556c-.153-2.852-1.441-4.477-4.079-4.477m5.888 12.635c-1.257.674-3.189.92-4.753.92-5.735 0-8.249-3.312-8.249-8.004 0-4.631 2.576-7.943 7.237-7.943 4.723 0 6.624 3.281 6.624 7.943v1.196h-11.193c.368 2.606 2.054 4.293 5.673 4.293 1.779 0 3.281-.337 4.661-.828zM133.385 6.16c0-1.166.767-1.84 1.841-1.84s1.84.674 1.84 1.84-.767 1.84-1.84 1.84c-1.074 0-1.841-.675-1.841-1.84m.491 19.38V10.208h2.638v15.334zm-3.677-8.984v8.985h-2.638V16.28c0-2.76-1.104-3.987-3.618-3.987-2.454 0-4.14 1.625-4.14 4.723v8.525h-2.638V10.208h2.638v2.514c.981-1.81 2.79-2.821 4.845-2.821 3.527 0 5.551 2.423 5.551 6.655m-22.921-4.263c-2.791 0-4.201 1.81-4.477 4.477h8.556c-.154-2.852-1.442-4.477-4.079-4.477m5.888 12.635c-1.257.674-3.189.92-4.753.92-5.735 0-8.25-3.312-8.25-8.004 0-4.631 2.576-7.943 7.238-7.943 4.722 0 6.624 3.281 6.624 7.943v1.196h-11.194c.368 2.606 2.055 4.293 5.674 4.293 1.778 0 3.281-.337 4.661-.828zm-18.639-.614v-1.533c-.981 2.024-2.821 3.067-5.182 3.067-4.048 0-6.072-3.466-6.072-7.974 0-4.324 2.116-7.973 6.378-7.973 2.239 0 3.956 1.012 4.876 3.005v-2.698h2.576V24.16c0 4.508-2.116 7.544-7.605 7.544-2.576 0-3.987-.337-5.459-.828V28.3c1.687.552 3.435.92 5.336.92 3.834 0 5.152-2.055 5.152-4.907m-8.678-6.44c0 3.68 1.472 5.52 4.2 5.52 2.362 0 4.478-1.503 4.478-4.906V17.26c0-3.404-1.932-4.907-4.17-4.907-2.975 0-4.508 1.963-4.508 5.52m-4.703 3.497c0 2.545-1.656 4.477-5.765 4.477-2.3 0-4.17-.52-5.336-1.134v-2.79c1.319.766 3.527 1.502 5.459 1.502 2.024 0 3.066-.828 3.066-2.024 0-1.165-.89-1.84-3.802-2.545-3.404-.829-4.846-2.147-4.846-4.662 0-2.668 2.055-4.293 5.55-4.293 1.994 0 3.804.49 4.938 1.104v2.73c-1.84-.92-3.342-1.411-4.968-1.411-1.932 0-2.974.674-2.974 1.87 0 1.073.736 1.748 3.557 2.423 3.404.828 5.121 2.085 5.121 4.753m-16.274-3.496c0-3.68-1.472-5.52-4.202-5.52-2.36 0-4.477 1.503-4.477 4.907v1.227c0 3.404 1.932 4.906 4.17 4.906 2.975 0 4.509-1.962 4.509-5.52m-3.803 7.974c-2.239 0-3.956-1.013-4.876-3.006v8.679h-2.637V10.207h2.637v2.76c.981-2.024 2.821-3.066 5.183-3.066 4.079 0 6.133 3.465 6.133 7.973 0 4.324-2.147 7.973-6.44 7.973m-20.121 0c-6.225 0-9.721-4.293-9.721-10.426 0-6.072 3.496-10.335 9.721-10.335 6.195 0 9.69 4.263 9.69 10.335 0 6.133-3.495 10.426-9.69 10.426m0-18.124c-4.968 0-6.961 3.527-6.961 7.698 0 4.262 1.993 7.789 6.961 7.789 4.937 0 6.93-3.527 6.93-7.79 0-4.17-1.993-7.697-6.93-7.697\" />\n </svg>");
|
|
19
18
|
};
|
|
20
19
|
|
|
21
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
22
20
|
/**
|
|
23
21
|
* __Opsgenie logo__
|
|
24
22
|
*
|
package/dist/esm/utils.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
2
1
|
import { B200, B400, N0, N100, N400, N600, N800 } from '@atlaskit/theme/colors';
|
|
3
2
|
// TODO: This is where we need to add tokens for all appearance color values
|
|
4
3
|
export var getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance, colorMode) {
|
package/dist/esm/wrapper.js
CHANGED
|
@@ -36,9 +36,7 @@ var Wrapper = function Wrapper(_ref) {
|
|
|
36
36
|
var shouldApplyStopColor = appearance === undefined;
|
|
37
37
|
var testId = userDefinedTestId && "".concat(userDefinedTestId, "--wrapper");
|
|
38
38
|
return /*#__PURE__*/React.createElement("span", _extends({
|
|
39
|
-
"data-testid": testId
|
|
40
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
41
|
-
,
|
|
39
|
+
"data-testid": testId,
|
|
42
40
|
style: _defineProperty(_defineProperty({}, CSS_VAR_COLOR, iconColor), CSS_VAR_FILL, textColor),
|
|
43
41
|
"aria-label": label ? label : undefined,
|
|
44
42
|
role: label ? 'img' : undefined,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export { AtlassianIcon, AtlassianLogo } from './atlassian-logo';
|
|
2
|
-
export { AtlassianStartLogo } from './atlassian-start-logo';
|
|
3
2
|
export { AtlassianAnalyticsIcon, AtlassianAnalyticsLogo } from './atlassian-analytics-logo';
|
|
4
3
|
export { BitbucketIcon, BitbucketLogo } from './bitbucket-logo';
|
|
5
4
|
export { CompassIcon, CompassLogo } from './compass-logo';
|
|
6
5
|
export { ConfluenceIcon, ConfluenceLogo } from './confluence-logo';
|
|
7
6
|
export type { LogoProps } from './types';
|
|
8
|
-
export { HalpIcon, HalpLogo } from './halp-logo';
|
|
9
7
|
export { JiraAlignIcon, JiraAlignLogo } from './jira-align-logo';
|
|
10
8
|
export { JiraIcon, JiraLogo } from './jira-logo';
|
|
11
9
|
export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-product-discovery-logo';
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export { AtlassianIcon, AtlassianLogo } from './atlassian-logo';
|
|
2
|
-
export { AtlassianStartLogo } from './atlassian-start-logo';
|
|
3
2
|
export { AtlassianAnalyticsIcon, AtlassianAnalyticsLogo } from './atlassian-analytics-logo';
|
|
4
3
|
export { BitbucketIcon, BitbucketLogo } from './bitbucket-logo';
|
|
5
4
|
export { CompassIcon, CompassLogo } from './compass-logo';
|
|
6
5
|
export { ConfluenceIcon, ConfluenceLogo } from './confluence-logo';
|
|
7
6
|
export type { LogoProps } from './types';
|
|
8
|
-
export { HalpIcon, HalpLogo } from './halp-logo';
|
|
9
7
|
export { JiraAlignIcon, JiraAlignLogo } from './jira-align-logo';
|
|
10
8
|
export { JiraIcon, JiraLogo } from './jira-logo';
|
|
11
9
|
export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-product-discovery-logo';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/logo",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
29
29
|
"@atlaskit/theme": "^18.0.0",
|
|
30
|
-
"@atlaskit/tokens": "^4.
|
|
30
|
+
"@atlaskit/tokens": "^4.8.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"@compiled/react": "^0.18.3"
|
|
33
33
|
},
|
|
@@ -35,20 +35,21 @@
|
|
|
35
35
|
"react": "^18.2.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@af/accessibility-testing": "
|
|
39
|
-
"@af/integration-testing": "
|
|
40
|
-
"@af/visual-regression": "
|
|
41
|
-
"@atlaskit/code": "^
|
|
38
|
+
"@af/accessibility-testing": "workspace:^",
|
|
39
|
+
"@af/integration-testing": "workspace:^",
|
|
40
|
+
"@af/visual-regression": "workspace:^",
|
|
41
|
+
"@atlaskit/code": "^17.1.0",
|
|
42
42
|
"@atlaskit/docs": "^10.0.0",
|
|
43
43
|
"@atlaskit/form": "^12.0.0",
|
|
44
|
-
"@atlaskit/link": "^3.
|
|
44
|
+
"@atlaskit/link": "^3.1.0",
|
|
45
45
|
"@atlaskit/lozenge": "^12.2.0",
|
|
46
|
-
"@atlaskit/primitives": "^14.
|
|
46
|
+
"@atlaskit/primitives": "^14.6.0",
|
|
47
47
|
"@atlaskit/section-message": "^8.2.0",
|
|
48
|
-
"@atlaskit/select": "^20.
|
|
49
|
-
"@atlaskit/ssr": "
|
|
48
|
+
"@atlaskit/select": "^20.4.0",
|
|
49
|
+
"@atlaskit/ssr": "workspace:^",
|
|
50
|
+
"@atlassian/ssr-tests": "^0.2.0",
|
|
50
51
|
"@testing-library/react": "^13.4.0",
|
|
51
|
-
"jscodeshift": "^0.
|
|
52
|
+
"jscodeshift": "^17.0.0",
|
|
52
53
|
"lodash": "^4.17.21",
|
|
53
54
|
"react-dom": "^18.2.0",
|
|
54
55
|
"typescript": "~5.4.2"
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.HalpIcon = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
10
|
-
var _tokens = require("@atlaskit/tokens");
|
|
11
|
-
var _constants = require("../constants");
|
|
12
|
-
var _utils = require("../utils");
|
|
13
|
-
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
14
|
-
/* eslint-disable max-len */
|
|
15
|
-
|
|
16
|
-
var svg = function svg(_ref, colorMode, id) {
|
|
17
|
-
var appearance = _ref.appearance,
|
|
18
|
-
iconColor = _ref.iconColor;
|
|
19
|
-
var colors = {
|
|
20
|
-
iconGradientStart: _constants.legacyDefaultLogoParams.iconGradientStart,
|
|
21
|
-
iconGradientStop: _constants.legacyDefaultLogoParams.iconGradientStart,
|
|
22
|
-
iconColor: iconColor
|
|
23
|
-
};
|
|
24
|
-
if (appearance) {
|
|
25
|
-
colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance, colorMode);
|
|
26
|
-
}
|
|
27
|
-
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>");
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
31
|
-
/**
|
|
32
|
-
* __Halp icon__
|
|
33
|
-
*
|
|
34
|
-
* The Halp icon without an accompanying wordmark.
|
|
35
|
-
*
|
|
36
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
37
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
38
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
39
|
-
*
|
|
40
|
-
* @deprecated HalpIcon is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementIcon.
|
|
41
|
-
*/
|
|
42
|
-
var HalpIcon = exports.HalpIcon = function HalpIcon(_ref2) {
|
|
43
|
-
var appearance = _ref2.appearance,
|
|
44
|
-
_ref2$label = _ref2.label,
|
|
45
|
-
label = _ref2$label === void 0 ? 'Halp' : _ref2$label,
|
|
46
|
-
_ref2$size = _ref2.size,
|
|
47
|
-
size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
|
|
48
|
-
testId = _ref2.testId,
|
|
49
|
-
_ref2$textColor = _ref2.textColor,
|
|
50
|
-
textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor,
|
|
51
|
-
_ref2$iconColor = _ref2.iconColor,
|
|
52
|
-
iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor;
|
|
53
|
-
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
54
|
-
colorMode = _useThemeObserver.colorMode;
|
|
55
|
-
var id = (0, _useId.useId)();
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
57
|
-
appearance: appearance,
|
|
58
|
-
label: label,
|
|
59
|
-
svg: svg({
|
|
60
|
-
appearance: appearance,
|
|
61
|
-
iconColor: iconColor
|
|
62
|
-
}, colorMode, id),
|
|
63
|
-
iconColor: iconColor,
|
|
64
|
-
size: size,
|
|
65
|
-
testId: testId,
|
|
66
|
-
textColor: textColor
|
|
67
|
-
});
|
|
68
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "HalpIcon", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _icon.HalpIcon;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "HalpLogo", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _logo.HalpLogo;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _icon = require("./icon");
|
|
19
|
-
var _logo = require("./logo");
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.HalpLogo = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
10
|
-
var _tokens = require("@atlaskit/tokens");
|
|
11
|
-
var _constants = require("../constants");
|
|
12
|
-
var _utils = require("../utils");
|
|
13
|
-
var _wrapper = _interopRequireDefault(require("../wrapper"));
|
|
14
|
-
/* eslint-disable max-len */
|
|
15
|
-
|
|
16
|
-
var svg = function svg(_ref, colorMode, id) {
|
|
17
|
-
var appearance = _ref.appearance,
|
|
18
|
-
iconColor = _ref.iconColor,
|
|
19
|
-
textColor = _ref.textColor;
|
|
20
|
-
var colors = {
|
|
21
|
-
iconGradientStart: _constants.legacyDefaultLogoParams.iconGradientStart,
|
|
22
|
-
iconGradientStop: _constants.legacyDefaultLogoParams.iconGradientStart,
|
|
23
|
-
iconColor: iconColor,
|
|
24
|
-
textColor: textColor
|
|
25
|
-
};
|
|
26
|
-
if (appearance) {
|
|
27
|
-
colors = (0, _utils.getColorsFromAppearanceOldLogos)(appearance, colorMode);
|
|
28
|
-
}
|
|
29
|
-
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 ");
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
33
|
-
/**
|
|
34
|
-
* __Halp logo__
|
|
35
|
-
*
|
|
36
|
-
* The Halp logo with both the wordmark and the icon combined.
|
|
37
|
-
*
|
|
38
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
39
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
40
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
41
|
-
*
|
|
42
|
-
* @deprecated HalpLogo is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementLogo.
|
|
43
|
-
*/
|
|
44
|
-
var HalpLogo = exports.HalpLogo = function HalpLogo(_ref2) {
|
|
45
|
-
var appearance = _ref2.appearance,
|
|
46
|
-
_ref2$label = _ref2.label,
|
|
47
|
-
label = _ref2$label === void 0 ? 'Halp' : _ref2$label,
|
|
48
|
-
_ref2$size = _ref2.size,
|
|
49
|
-
size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
|
|
50
|
-
testId = _ref2.testId,
|
|
51
|
-
_ref2$iconColor = _ref2.iconColor,
|
|
52
|
-
iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
|
|
53
|
-
_ref2$textColor = _ref2.textColor,
|
|
54
|
-
textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor;
|
|
55
|
-
var _useThemeObserver = (0, _tokens.useThemeObserver)(),
|
|
56
|
-
colorMode = _useThemeObserver.colorMode;
|
|
57
|
-
var id = (0, _useId.useId)();
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
|
|
59
|
-
appearance: appearance,
|
|
60
|
-
label: label,
|
|
61
|
-
iconColor: iconColor,
|
|
62
|
-
size: size,
|
|
63
|
-
svg: svg({
|
|
64
|
-
appearance: appearance,
|
|
65
|
-
iconColor: iconColor,
|
|
66
|
-
textColor: textColor
|
|
67
|
-
}, colorMode, id),
|
|
68
|
-
testId: testId,
|
|
69
|
-
textColor: textColor
|
|
70
|
-
});
|
|
71
|
-
};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
4
|
-
import { useThemeObserver } from '@atlaskit/tokens';
|
|
5
|
-
import { defaultLogoParams, legacyDefaultLogoParams } from '../constants';
|
|
6
|
-
import { getColorsFromAppearanceOldLogos } from '../utils';
|
|
7
|
-
import Wrapper from '../wrapper';
|
|
8
|
-
const svg = ({
|
|
9
|
-
appearance,
|
|
10
|
-
iconColor
|
|
11
|
-
}, colorMode, id) => {
|
|
12
|
-
let colors = {
|
|
13
|
-
iconGradientStart: legacyDefaultLogoParams.iconGradientStart,
|
|
14
|
-
iconGradientStop: legacyDefaultLogoParams.iconGradientStart,
|
|
15
|
-
iconColor
|
|
16
|
-
};
|
|
17
|
-
if (appearance) {
|
|
18
|
-
colors = getColorsFromAppearanceOldLogos(appearance, colorMode);
|
|
19
|
-
}
|
|
20
|
-
return `
|
|
21
|
-
<svg
|
|
22
|
-
fill="none"
|
|
23
|
-
height="32"
|
|
24
|
-
viewBox="0 0 32 32"
|
|
25
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
26
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
27
|
-
>
|
|
28
|
-
<radialGradient id="${id}" cx="0" cy="0" gradientTransform="matrix(9.99792 0 0 10.02 15.9984 16.0001)" gradientUnits="userSpaceOnUse" r="1">
|
|
29
|
-
<stop stop-color="${colors.iconGradientStart}" ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} offset="0"/>
|
|
30
|
-
<stop offset="1" stop-color="${colors.iconGradientStop}"/>
|
|
31
|
-
</radialGradient>
|
|
32
|
-
<g clip-rule="evenodd" fill-rule="evenodd">
|
|
33
|
-
<path fill="url(#${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"/>
|
|
34
|
-
<path fill="${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"/>
|
|
35
|
-
</g>
|
|
36
|
-
</svg>`;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
40
|
-
/**
|
|
41
|
-
* __Halp icon__
|
|
42
|
-
*
|
|
43
|
-
* The Halp icon without an accompanying wordmark.
|
|
44
|
-
*
|
|
45
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
46
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
47
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
48
|
-
*
|
|
49
|
-
* @deprecated HalpIcon is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementIcon.
|
|
50
|
-
*/
|
|
51
|
-
export const HalpIcon = ({
|
|
52
|
-
appearance,
|
|
53
|
-
label = 'Halp',
|
|
54
|
-
size = defaultLogoParams.size,
|
|
55
|
-
testId,
|
|
56
|
-
textColor = defaultLogoParams.textColor,
|
|
57
|
-
iconColor = defaultLogoParams.iconColor
|
|
58
|
-
}) => {
|
|
59
|
-
const {
|
|
60
|
-
colorMode
|
|
61
|
-
} = useThemeObserver();
|
|
62
|
-
const id = useId();
|
|
63
|
-
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
64
|
-
appearance: appearance,
|
|
65
|
-
label: label,
|
|
66
|
-
svg: svg({
|
|
67
|
-
appearance,
|
|
68
|
-
iconColor
|
|
69
|
-
}, colorMode, id),
|
|
70
|
-
iconColor: iconColor,
|
|
71
|
-
size: size,
|
|
72
|
-
testId: testId,
|
|
73
|
-
textColor: textColor
|
|
74
|
-
});
|
|
75
|
-
};
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
4
|
-
import { useThemeObserver } from '@atlaskit/tokens';
|
|
5
|
-
import { defaultLogoParams, legacyDefaultLogoParams } from '../constants';
|
|
6
|
-
import { getColorsFromAppearanceOldLogos } from '../utils';
|
|
7
|
-
import Wrapper from '../wrapper';
|
|
8
|
-
const svg = ({
|
|
9
|
-
appearance,
|
|
10
|
-
iconColor,
|
|
11
|
-
textColor
|
|
12
|
-
}, colorMode, id) => {
|
|
13
|
-
let colors = {
|
|
14
|
-
iconGradientStart: legacyDefaultLogoParams.iconGradientStart,
|
|
15
|
-
iconGradientStop: legacyDefaultLogoParams.iconGradientStart,
|
|
16
|
-
iconColor,
|
|
17
|
-
textColor
|
|
18
|
-
};
|
|
19
|
-
if (appearance) {
|
|
20
|
-
colors = getColorsFromAppearanceOldLogos(appearance, colorMode);
|
|
21
|
-
}
|
|
22
|
-
return `
|
|
23
|
-
<svg
|
|
24
|
-
fill="none"
|
|
25
|
-
height="32"
|
|
26
|
-
viewBox="0 0 83 32"
|
|
27
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
-
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
29
|
-
<radialGradient
|
|
30
|
-
id="${id}"
|
|
31
|
-
cx="0"
|
|
32
|
-
cy="0"
|
|
33
|
-
gradientTransform="matrix(9.99792 0 0 10.02 9.99636 14.7546)"
|
|
34
|
-
gradientUnits="userSpaceOnUse"
|
|
35
|
-
r="1"
|
|
36
|
-
>
|
|
37
|
-
<stop stop-color="${colors.iconGradientStart}" ${colors.iconGradientStart === 'inherit' ? 'stop-opacity="0.4"' : ''} offset="0"/>
|
|
38
|
-
<stop offset="1" stop-color="${colors.iconGradientStop}"/>
|
|
39
|
-
</radialGradient>
|
|
40
|
-
<g
|
|
41
|
-
clip-rule="evenodd"
|
|
42
|
-
fill-rule="evenodd"
|
|
43
|
-
>
|
|
44
|
-
<path
|
|
45
|
-
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"
|
|
46
|
-
fill="${colors.textColor}"
|
|
47
|
-
/>
|
|
48
|
-
<path
|
|
49
|
-
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"
|
|
50
|
-
fill="url(#${id})"
|
|
51
|
-
/>
|
|
52
|
-
<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"
|
|
53
|
-
fill="${colors.iconColor}"
|
|
54
|
-
/>
|
|
55
|
-
</g>
|
|
56
|
-
</svg>
|
|
57
|
-
`;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
61
|
-
/**
|
|
62
|
-
* __Halp logo__
|
|
63
|
-
*
|
|
64
|
-
* The Halp logo with both the wordmark and the icon combined.
|
|
65
|
-
*
|
|
66
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
67
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
68
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
69
|
-
*
|
|
70
|
-
* @deprecated HalpLogo is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementLogo.
|
|
71
|
-
*/
|
|
72
|
-
export const HalpLogo = ({
|
|
73
|
-
appearance,
|
|
74
|
-
label = 'Halp',
|
|
75
|
-
size = defaultLogoParams.size,
|
|
76
|
-
testId,
|
|
77
|
-
iconColor = defaultLogoParams.iconColor,
|
|
78
|
-
textColor = defaultLogoParams.textColor
|
|
79
|
-
}) => {
|
|
80
|
-
const {
|
|
81
|
-
colorMode
|
|
82
|
-
} = useThemeObserver();
|
|
83
|
-
const id = useId();
|
|
84
|
-
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
85
|
-
appearance: appearance,
|
|
86
|
-
label: label,
|
|
87
|
-
iconColor: iconColor,
|
|
88
|
-
size: size,
|
|
89
|
-
svg: svg({
|
|
90
|
-
appearance,
|
|
91
|
-
iconColor,
|
|
92
|
-
textColor
|
|
93
|
-
}, colorMode, id),
|
|
94
|
-
testId: testId,
|
|
95
|
-
textColor: textColor
|
|
96
|
-
});
|
|
97
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
4
|
-
import { useThemeObserver } from '@atlaskit/tokens';
|
|
5
|
-
import { defaultLogoParams, legacyDefaultLogoParams } from '../constants';
|
|
6
|
-
import { getColorsFromAppearanceOldLogos } from '../utils';
|
|
7
|
-
import Wrapper from '../wrapper';
|
|
8
|
-
var svg = function svg(_ref, colorMode, id) {
|
|
9
|
-
var appearance = _ref.appearance,
|
|
10
|
-
iconColor = _ref.iconColor;
|
|
11
|
-
var colors = {
|
|
12
|
-
iconGradientStart: legacyDefaultLogoParams.iconGradientStart,
|
|
13
|
-
iconGradientStop: legacyDefaultLogoParams.iconGradientStart,
|
|
14
|
-
iconColor: iconColor
|
|
15
|
-
};
|
|
16
|
-
if (appearance) {
|
|
17
|
-
colors = getColorsFromAppearanceOldLogos(appearance, colorMode);
|
|
18
|
-
}
|
|
19
|
-
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>");
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
23
|
-
/**
|
|
24
|
-
* __Halp icon__
|
|
25
|
-
*
|
|
26
|
-
* The Halp icon without an accompanying wordmark.
|
|
27
|
-
*
|
|
28
|
-
* - [Examples](https://atlassian.design/components/logo/examples)
|
|
29
|
-
* - [Code](https://atlassian.design/components/logo/code)
|
|
30
|
-
* - [Usage](https://atlassian.design/components/logo/usage)
|
|
31
|
-
*
|
|
32
|
-
* @deprecated HalpIcon is deprecated and will be removed from atlaskit/logo in the next major release. Please use the JiraServiceManagementIcon.
|
|
33
|
-
*/
|
|
34
|
-
export var HalpIcon = function HalpIcon(_ref2) {
|
|
35
|
-
var appearance = _ref2.appearance,
|
|
36
|
-
_ref2$label = _ref2.label,
|
|
37
|
-
label = _ref2$label === void 0 ? 'Halp' : _ref2$label,
|
|
38
|
-
_ref2$size = _ref2.size,
|
|
39
|
-
size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
|
|
40
|
-
testId = _ref2.testId,
|
|
41
|
-
_ref2$textColor = _ref2.textColor,
|
|
42
|
-
textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor,
|
|
43
|
-
_ref2$iconColor = _ref2.iconColor,
|
|
44
|
-
iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor;
|
|
45
|
-
var _useThemeObserver = useThemeObserver(),
|
|
46
|
-
colorMode = _useThemeObserver.colorMode;
|
|
47
|
-
var id = useId();
|
|
48
|
-
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
49
|
-
appearance: appearance,
|
|
50
|
-
label: label,
|
|
51
|
-
svg: svg({
|
|
52
|
-
appearance: appearance,
|
|
53
|
-
iconColor: iconColor
|
|
54
|
-
}, colorMode, id),
|
|
55
|
-
iconColor: iconColor,
|
|
56
|
-
size: size,
|
|
57
|
-
testId: testId,
|
|
58
|
-
textColor: textColor
|
|
59
|
-
});
|
|
60
|
-
};
|