@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.
Files changed (175) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/atlas-logo/icon.js +0 -2
  3. package/dist/cjs/atlas-logo/logo.js +0 -2
  4. package/dist/cjs/atlassian-access-logo/icon.js +0 -2
  5. package/dist/cjs/atlassian-access-logo/logo.js +0 -2
  6. package/dist/cjs/atlassian-admin-logo/icon.js +0 -2
  7. package/dist/cjs/atlassian-admin-logo/logo.js +0 -2
  8. package/dist/cjs/atlassian-administration-logo/icon.js +0 -2
  9. package/dist/cjs/atlassian-administration-logo/logo.js +0 -2
  10. package/dist/cjs/atlassian-analytics-logo/icon.js +0 -2
  11. package/dist/cjs/atlassian-analytics-logo/logo.js +0 -2
  12. package/dist/cjs/atlassian-logo/icon.js +0 -2
  13. package/dist/cjs/atlassian-logo/logo.js +0 -2
  14. package/dist/cjs/atlassian-marketplace-logo/icon.js +0 -2
  15. package/dist/cjs/atlassian-marketplace-logo/logo.js +0 -2
  16. package/dist/cjs/atlassian-start-logo/logo.js +0 -2
  17. package/dist/cjs/bitbucket-logo/icon.js +0 -2
  18. package/dist/cjs/bitbucket-logo/logo.js +0 -2
  19. package/dist/cjs/compass-logo/icon.js +0 -2
  20. package/dist/cjs/compass-logo/logo.js +0 -2
  21. package/dist/cjs/confluence-logo/icon.js +0 -2
  22. package/dist/cjs/confluence-logo/logo.js +0 -2
  23. package/dist/cjs/focus-logo/icon.js +0 -2
  24. package/dist/cjs/focus-logo/logo.js +0 -2
  25. package/dist/cjs/guard-logo/icon.js +0 -2
  26. package/dist/cjs/guard-logo/logo.js +0 -2
  27. package/dist/cjs/index.js +0 -20
  28. package/dist/cjs/jira-align-logo/icon.js +0 -2
  29. package/dist/cjs/jira-align-logo/logo.js +0 -2
  30. package/dist/cjs/jira-logo/icon.js +0 -2
  31. package/dist/cjs/jira-logo/logo.js +0 -2
  32. package/dist/cjs/jira-product-discovery-logo/icon.js +0 -2
  33. package/dist/cjs/jira-product-discovery-logo/logo.js +0 -2
  34. package/dist/cjs/jira-service-management-logo/icon.js +0 -2
  35. package/dist/cjs/jira-service-management-logo/logo.js +0 -2
  36. package/dist/cjs/jira-software-logo/icon.js +0 -2
  37. package/dist/cjs/jira-software-logo/logo.js +0 -2
  38. package/dist/cjs/jira-work-management-logo/icon.js +0 -2
  39. package/dist/cjs/jira-work-management-logo/logo.js +0 -2
  40. package/dist/cjs/loom-attribution-logo/icon.js +0 -2
  41. package/dist/cjs/loom-attribution-logo/logo.js +0 -2
  42. package/dist/cjs/loom-logo/icon.js +0 -2
  43. package/dist/cjs/loom-logo/logo.js +0 -2
  44. package/dist/cjs/opsgenie-logo/icon.js +0 -3
  45. package/dist/cjs/opsgenie-logo/logo.js +0 -3
  46. package/dist/cjs/rovo-logo/icon.js +0 -2
  47. package/dist/cjs/rovo-logo/logo.js +0 -2
  48. package/dist/cjs/statuspage-logo/icon.js +0 -2
  49. package/dist/cjs/statuspage-logo/logo.js +0 -2
  50. package/dist/cjs/trello-logo/icon.js +0 -2
  51. package/dist/cjs/trello-logo/logo.js +0 -2
  52. package/dist/cjs/utils.js +0 -2
  53. package/dist/cjs/wrapper.js +1 -3
  54. package/dist/es2019/atlas-logo/icon.js +0 -1
  55. package/dist/es2019/atlas-logo/logo.js +0 -1
  56. package/dist/es2019/atlassian-access-logo/icon.js +0 -1
  57. package/dist/es2019/atlassian-access-logo/logo.js +0 -1
  58. package/dist/es2019/atlassian-admin-logo/icon.js +0 -1
  59. package/dist/es2019/atlassian-admin-logo/logo.js +0 -1
  60. package/dist/es2019/atlassian-administration-logo/icon.js +0 -1
  61. package/dist/es2019/atlassian-administration-logo/logo.js +0 -1
  62. package/dist/es2019/atlassian-analytics-logo/icon.js +0 -1
  63. package/dist/es2019/atlassian-analytics-logo/logo.js +0 -1
  64. package/dist/es2019/atlassian-logo/icon.js +0 -1
  65. package/dist/es2019/atlassian-logo/logo.js +0 -1
  66. package/dist/es2019/atlassian-marketplace-logo/icon.js +0 -1
  67. package/dist/es2019/atlassian-marketplace-logo/logo.js +0 -1
  68. package/dist/es2019/atlassian-start-logo/logo.js +0 -1
  69. package/dist/es2019/bitbucket-logo/icon.js +0 -1
  70. package/dist/es2019/bitbucket-logo/logo.js +0 -1
  71. package/dist/es2019/compass-logo/icon.js +0 -1
  72. package/dist/es2019/compass-logo/logo.js +0 -1
  73. package/dist/es2019/confluence-logo/icon.js +0 -1
  74. package/dist/es2019/confluence-logo/logo.js +0 -1
  75. package/dist/es2019/focus-logo/icon.js +0 -1
  76. package/dist/es2019/focus-logo/logo.js +0 -1
  77. package/dist/es2019/guard-logo/icon.js +0 -1
  78. package/dist/es2019/guard-logo/logo.js +0 -1
  79. package/dist/es2019/index.js +0 -2
  80. package/dist/es2019/jira-align-logo/icon.js +0 -1
  81. package/dist/es2019/jira-align-logo/logo.js +0 -1
  82. package/dist/es2019/jira-logo/icon.js +0 -1
  83. package/dist/es2019/jira-logo/logo.js +0 -1
  84. package/dist/es2019/jira-product-discovery-logo/icon.js +0 -1
  85. package/dist/es2019/jira-product-discovery-logo/logo.js +0 -1
  86. package/dist/es2019/jira-service-management-logo/icon.js +0 -1
  87. package/dist/es2019/jira-service-management-logo/logo.js +0 -1
  88. package/dist/es2019/jira-software-logo/icon.js +0 -1
  89. package/dist/es2019/jira-software-logo/logo.js +0 -1
  90. package/dist/es2019/jira-work-management-logo/icon.js +0 -1
  91. package/dist/es2019/jira-work-management-logo/logo.js +0 -1
  92. package/dist/es2019/loom-attribution-logo/icon.js +0 -1
  93. package/dist/es2019/loom-attribution-logo/logo.js +0 -1
  94. package/dist/es2019/loom-logo/icon.js +0 -1
  95. package/dist/es2019/loom-logo/logo.js +0 -1
  96. package/dist/es2019/opsgenie-logo/icon.js +0 -2
  97. package/dist/es2019/opsgenie-logo/logo.js +0 -2
  98. package/dist/es2019/rovo-logo/icon.js +0 -1
  99. package/dist/es2019/rovo-logo/logo.js +0 -1
  100. package/dist/es2019/statuspage-logo/icon.js +0 -1
  101. package/dist/es2019/statuspage-logo/logo.js +0 -1
  102. package/dist/es2019/trello-logo/icon.js +0 -1
  103. package/dist/es2019/trello-logo/logo.js +0 -1
  104. package/dist/es2019/utils.js +0 -1
  105. package/dist/es2019/wrapper.js +1 -3
  106. package/dist/esm/atlas-logo/icon.js +0 -1
  107. package/dist/esm/atlas-logo/logo.js +0 -1
  108. package/dist/esm/atlassian-access-logo/icon.js +0 -1
  109. package/dist/esm/atlassian-access-logo/logo.js +0 -1
  110. package/dist/esm/atlassian-admin-logo/icon.js +0 -1
  111. package/dist/esm/atlassian-admin-logo/logo.js +0 -1
  112. package/dist/esm/atlassian-administration-logo/icon.js +0 -1
  113. package/dist/esm/atlassian-administration-logo/logo.js +0 -1
  114. package/dist/esm/atlassian-analytics-logo/icon.js +0 -1
  115. package/dist/esm/atlassian-analytics-logo/logo.js +0 -1
  116. package/dist/esm/atlassian-logo/icon.js +0 -1
  117. package/dist/esm/atlassian-logo/logo.js +0 -1
  118. package/dist/esm/atlassian-marketplace-logo/icon.js +0 -1
  119. package/dist/esm/atlassian-marketplace-logo/logo.js +0 -1
  120. package/dist/esm/atlassian-start-logo/logo.js +0 -1
  121. package/dist/esm/bitbucket-logo/icon.js +0 -1
  122. package/dist/esm/bitbucket-logo/logo.js +0 -1
  123. package/dist/esm/compass-logo/icon.js +0 -1
  124. package/dist/esm/compass-logo/logo.js +0 -1
  125. package/dist/esm/confluence-logo/icon.js +0 -1
  126. package/dist/esm/confluence-logo/logo.js +0 -1
  127. package/dist/esm/focus-logo/icon.js +0 -1
  128. package/dist/esm/focus-logo/logo.js +0 -1
  129. package/dist/esm/guard-logo/icon.js +0 -1
  130. package/dist/esm/guard-logo/logo.js +0 -1
  131. package/dist/esm/index.js +0 -2
  132. package/dist/esm/jira-align-logo/icon.js +0 -1
  133. package/dist/esm/jira-align-logo/logo.js +0 -1
  134. package/dist/esm/jira-logo/icon.js +0 -1
  135. package/dist/esm/jira-logo/logo.js +0 -1
  136. package/dist/esm/jira-product-discovery-logo/icon.js +0 -1
  137. package/dist/esm/jira-product-discovery-logo/logo.js +0 -1
  138. package/dist/esm/jira-service-management-logo/icon.js +0 -1
  139. package/dist/esm/jira-service-management-logo/logo.js +0 -1
  140. package/dist/esm/jira-software-logo/icon.js +0 -1
  141. package/dist/esm/jira-software-logo/logo.js +0 -1
  142. package/dist/esm/jira-work-management-logo/icon.js +0 -1
  143. package/dist/esm/jira-work-management-logo/logo.js +0 -1
  144. package/dist/esm/loom-attribution-logo/icon.js +0 -1
  145. package/dist/esm/loom-attribution-logo/logo.js +0 -1
  146. package/dist/esm/loom-logo/icon.js +0 -1
  147. package/dist/esm/loom-logo/logo.js +0 -1
  148. package/dist/esm/opsgenie-logo/icon.js +0 -2
  149. package/dist/esm/opsgenie-logo/logo.js +0 -2
  150. package/dist/esm/rovo-logo/icon.js +0 -1
  151. package/dist/esm/rovo-logo/logo.js +0 -1
  152. package/dist/esm/statuspage-logo/icon.js +0 -1
  153. package/dist/esm/statuspage-logo/logo.js +0 -1
  154. package/dist/esm/trello-logo/icon.js +0 -1
  155. package/dist/esm/trello-logo/logo.js +0 -1
  156. package/dist/esm/utils.js +0 -1
  157. package/dist/esm/wrapper.js +1 -3
  158. package/dist/types/index.d.ts +0 -2
  159. package/dist/types-ts4.5/index.d.ts +0 -2
  160. package/package.json +12 -11
  161. package/dist/cjs/halp-logo/icon.js +0 -68
  162. package/dist/cjs/halp-logo/index.js +0 -19
  163. package/dist/cjs/halp-logo/logo.js +0 -71
  164. package/dist/es2019/halp-logo/icon.js +0 -75
  165. package/dist/es2019/halp-logo/index.js +0 -2
  166. package/dist/es2019/halp-logo/logo.js +0 -97
  167. package/dist/esm/halp-logo/icon.js +0 -60
  168. package/dist/esm/halp-logo/index.js +0 -2
  169. package/dist/esm/halp-logo/logo.js +0 -63
  170. package/dist/types/halp-logo/icon.d.ts +0 -14
  171. package/dist/types/halp-logo/index.d.ts +0 -2
  172. package/dist/types/halp-logo/logo.d.ts +0 -14
  173. package/dist/types-ts4.5/halp-logo/icon.d.ts +0 -14
  174. package/dist/types-ts4.5/halp-logo/index.d.ts +0 -2
  175. 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
  *
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
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) {
@@ -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,
@@ -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": "16.0.2",
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.5.0",
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": "^2.0.0",
39
- "@af/integration-testing": "^0.5.0",
40
- "@af/visual-regression": "^1.3.0",
41
- "@atlaskit/code": "^16.0.0",
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.0.0",
44
+ "@atlaskit/link": "^3.1.0",
45
45
  "@atlaskit/lozenge": "^12.2.0",
46
- "@atlaskit/primitives": "^14.2.0",
46
+ "@atlaskit/primitives": "^14.6.0",
47
47
  "@atlaskit/section-message": "^8.2.0",
48
- "@atlaskit/select": "^20.0.0",
49
- "@atlaskit/ssr": "^0.4.0",
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.13.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,2 +0,0 @@
1
- export { HalpIcon } from './icon';
2
- export { HalpLogo } from './logo';
@@ -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
- };
@@ -1,2 +0,0 @@
1
- export { HalpIcon } from './icon';
2
- export { HalpLogo } from './logo';