@atlaskit/help 7.5.0 → 7.5.2

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 (111) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/cjs/components/Article/ArticleLoadingFail/index.js +3 -3
  4. package/dist/cjs/components/Article/ArticleLoadingFail/styled.js +3 -2
  5. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +3 -3
  6. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +3 -3
  7. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js +22 -10
  8. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/styled.js +7 -3
  9. package/dist/cjs/components/Article/HelpArticle/index.js +1 -1
  10. package/dist/cjs/components/Article/WhatsNewArticle/index.js +4 -4
  11. package/dist/cjs/components/Article/WhatsNewArticle/styled.js +11 -6
  12. package/dist/cjs/components/Article/styled.js +3 -1
  13. package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js +1 -1
  14. package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js +37 -7
  15. package/dist/cjs/components/ArticlesList/styled.js +8 -2
  16. package/dist/cjs/components/HelpContentButton/index.js +1 -1
  17. package/dist/cjs/components/HelpContentButton/styled.js +11 -10
  18. package/dist/cjs/components/RelatedArticles/index.js +11 -7
  19. package/dist/cjs/components/RelatedArticles/styled.js +10 -4
  20. package/dist/cjs/components/Search/SearchInput/index.js +10 -5
  21. package/dist/cjs/components/Search/SearchInput/styled.js +7 -3
  22. package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js +2 -2
  23. package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js +2 -2
  24. package/dist/cjs/components/Search/SearchResults/styled.js +10 -5
  25. package/dist/cjs/components/ShowMoreButton/index.js +3 -3
  26. package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js +1 -1
  27. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js +5 -2
  28. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +2 -2
  29. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js +5 -2
  30. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  31. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +14 -4
  32. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultsList.js +2 -1
  33. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +11 -4
  34. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +3 -2
  35. package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js +6 -4
  36. package/dist/cjs/components/styled.js +7 -3
  37. package/dist/cjs/util/styled.js +30 -7
  38. package/dist/es2019/analytics.js +1 -1
  39. package/dist/es2019/components/Article/ArticleLoadingFail/index.js +2 -2
  40. package/dist/es2019/components/Article/ArticleLoadingFail/styled.js +3 -2
  41. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +2 -2
  42. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +2 -2
  43. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js +22 -11
  44. package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/styled.js +6 -3
  45. package/dist/es2019/components/Article/HelpArticle/index.js +1 -1
  46. package/dist/es2019/components/Article/WhatsNewArticle/index.js +2 -2
  47. package/dist/es2019/components/Article/WhatsNewArticle/styled.js +11 -6
  48. package/dist/es2019/components/Article/styled.js +2 -1
  49. package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js +1 -1
  50. package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js +37 -7
  51. package/dist/es2019/components/ArticlesList/styled.js +6 -2
  52. package/dist/es2019/components/HelpContentButton/index.js +1 -1
  53. package/dist/es2019/components/HelpContentButton/styled.js +54 -53
  54. package/dist/es2019/components/RelatedArticles/index.js +12 -8
  55. package/dist/es2019/components/RelatedArticles/styled.js +8 -4
  56. package/dist/es2019/components/Search/SearchInput/index.js +10 -6
  57. package/dist/es2019/components/Search/SearchInput/styled.js +7 -3
  58. package/dist/es2019/components/Search/SearchResults/SearchExternalSite.js +1 -1
  59. package/dist/es2019/components/Search/SearchResults/SearchResultsEmpty.js +1 -1
  60. package/dist/es2019/components/Search/SearchResults/styled.js +10 -5
  61. package/dist/es2019/components/ShowMoreButton/index.js +1 -1
  62. package/dist/es2019/components/WhatsNew/WhatsNewButton/index.js +1 -1
  63. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js +5 -2
  64. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +1 -1
  65. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js +5 -2
  66. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  67. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +14 -4
  68. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultsList.js +3 -1
  69. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +9 -4
  70. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +3 -2
  71. package/dist/es2019/components/WhatsNew/WhatsNewResults/styled.js +6 -4
  72. package/dist/es2019/components/styled.js +6 -3
  73. package/dist/es2019/util/styled.js +48 -25
  74. package/dist/esm/analytics.js +1 -1
  75. package/dist/esm/components/Article/ArticleLoadingFail/index.js +2 -2
  76. package/dist/esm/components/Article/ArticleLoadingFail/styled.js +3 -2
  77. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +2 -2
  78. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +2 -2
  79. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/index.js +22 -11
  80. package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/styled.js +6 -3
  81. package/dist/esm/components/Article/HelpArticle/index.js +1 -1
  82. package/dist/esm/components/Article/WhatsNewArticle/index.js +2 -2
  83. package/dist/esm/components/Article/WhatsNewArticle/styled.js +11 -6
  84. package/dist/esm/components/Article/styled.js +2 -1
  85. package/dist/esm/components/ArticlesList/ArticlesListItem/index.js +1 -1
  86. package/dist/esm/components/ArticlesList/ArticlesListItem/styled.js +37 -7
  87. package/dist/esm/components/ArticlesList/styled.js +6 -2
  88. package/dist/esm/components/HelpContentButton/index.js +1 -1
  89. package/dist/esm/components/HelpContentButton/styled.js +11 -10
  90. package/dist/esm/components/RelatedArticles/index.js +12 -8
  91. package/dist/esm/components/RelatedArticles/styled.js +8 -4
  92. package/dist/esm/components/Search/SearchInput/index.js +10 -6
  93. package/dist/esm/components/Search/SearchInput/styled.js +7 -3
  94. package/dist/esm/components/Search/SearchResults/SearchExternalSite.js +1 -1
  95. package/dist/esm/components/Search/SearchResults/SearchResultsEmpty.js +1 -1
  96. package/dist/esm/components/Search/SearchResults/styled.js +10 -5
  97. package/dist/esm/components/ShowMoreButton/index.js +1 -1
  98. package/dist/esm/components/WhatsNew/WhatsNewButton/index.js +1 -1
  99. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js +5 -2
  100. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +1 -1
  101. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js +5 -2
  102. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
  103. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +14 -4
  104. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultsList.js +2 -1
  105. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +9 -4
  106. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +3 -2
  107. package/dist/esm/components/WhatsNew/WhatsNewResults/styled.js +6 -4
  108. package/dist/esm/components/styled.js +6 -3
  109. package/dist/esm/util/styled.js +30 -7
  110. package/package.json +98 -98
  111. package/report.api.md +288 -301
@@ -42,7 +42,8 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
42
42
  }, /*#__PURE__*/React.createElement(WhatsNewResultsListGroupTitle, null, whatsNewArticlesGroupedByDate[key].title), whatsNewArticlesGroupedByDate[key].items.map(function (whatsNewArticle, i) {
43
43
  return /*#__PURE__*/React.createElement(WhatsNewResultItem, {
44
44
  styles: {
45
- border: style === 'secondary' ? "2px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")) : 0,
45
+ border: style === 'secondary' ? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
46
+ "2px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")) : 0,
46
47
  padding: style === 'secondary' ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-200, 16px)") : "var(--ds-space-100, 8px)",
47
48
  marginBottom: style === 'secondary' ? "var(--ds-space-150, 12px)" : 0
48
49
  },
@@ -1,6 +1,8 @@
1
1
  /** @jsx jsx */
2
2
 
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css } from '@emotion/react';
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import styled from '@emotion/styled';
5
7
  import { fontSizeSmall } from '@atlaskit/theme/constants';
6
8
  import * as colors from '@atlaskit/theme/colors';
@@ -10,22 +12,24 @@ export var truncate = function truncate() {
10
12
  overflowX: 'hidden',
11
13
  textOverflow: 'ellipsis',
12
14
  whiteSpace: 'nowrap',
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
16
  width: width
14
17
  });
15
18
  };
16
19
 
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
21
  export var WhatsNewResultsListContainer = styled.div({
19
22
  position: 'relative'
20
23
  });
21
24
 
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
26
  export var WhatsNewResultsListGroupWrapper = styled.div({
24
27
  padding: "var(--ds-space-100, 8px)".concat(" 0 ", "var(--ds-space-100, 8px)", " 0")
25
28
  });
26
29
 
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
28
31
  export var WhatsNewResultsListGroupTitle = styled.div({
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
29
33
  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
30
34
  fontSize: "".concat(fontSizeSmall(), "px"),
31
35
  fontWeight: 'bold',
@@ -33,9 +37,10 @@ export var WhatsNewResultsListGroupTitle = styled.div({
33
37
  textTransform: 'uppercase'
34
38
  });
35
39
 
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
37
41
  export var ToggleShowWhatsNewResultsContainer = styled.div({
38
42
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
39
44
  span: {
40
45
  margin: 0
41
46
  }
@@ -1,9 +1,10 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import styled from '@emotion/styled';
3
4
  /**
4
5
  * Loading styled-components
5
6
  */
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
8
  export var LoadignWhatsNewResultsList = styled.ul({
8
9
  width: '100%',
9
10
  margin: 0,
@@ -12,7 +13,7 @@ export var LoadignWhatsNewResultsList = styled.ul({
12
13
  marginTop: "var(--ds-space-200, 16px)"
13
14
  });
14
15
 
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
17
  export var LoadignWhatsNewResultsListItem = styled.li({
17
18
  display: 'block',
18
19
  width: '100%',
@@ -1,7 +1,8 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import styled from '@emotion/styled';
3
4
  import { gridSize } from '@atlaskit/theme/constants';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
6
  export var WhatsNewResultsContainer = styled.div({
6
7
  position: 'absolute',
7
8
  height: '100%',
@@ -17,17 +18,18 @@ export var WhatsNewResultsContainer = styled.div({
17
18
  padding: "var(--ds-space-200, 16px)"
18
19
  });
19
20
 
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
22
  export var SelectContainer = styled.div({
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
24
  width: "".concat(19 * gridSize(), "px")
23
25
  });
24
26
 
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
26
28
  export var WhatsNewResultsListContainer = styled.div({
27
29
  paddingTop: "var(--ds-space-100, 8px)"
28
30
  });
29
31
 
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
33
  export var WhatsNewResultsListTitleContainer = styled.div({
32
34
  padding: "0 ".concat("var(--ds-space-100, 8px)")
33
35
  });
@@ -1,7 +1,8 @@
1
1
  /** @jsx jsx */
2
2
 
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import styled from '@emotion/styled';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
6
  export var HelpBodyContainer = styled.div({
6
7
  flexGrow: 1,
7
8
  minHeight: 0,
@@ -16,7 +17,7 @@ export var HelpBodyContainer = styled.div({
16
17
  alignItems: 'flex-start'
17
18
  });
18
19
 
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
21
  export var HelpBody = styled.div({
21
22
  width: '100%',
22
23
  boxSizing: 'border-box',
@@ -27,11 +28,13 @@ export var HelpBody = styled.div({
27
28
  overflowX: 'hidden',
28
29
  overflowY: 'auto'
29
30
  });
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
31
32
  export var Home = styled.div(function (props) {
32
33
  return {
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
35
  display: props.isOverlayFullyVisible ? 'none' : 'block',
34
36
  height: '100%',
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
38
  overflow: props.isOverlayVisible ? 'hidden' : 'auto',
36
39
  padding: "var(--ds-space-200, 16px)",
37
40
  boxSizing: 'border-box'
@@ -2,14 +2,17 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  var _templateObject;
3
3
  /** @jsx jsx */
4
4
 
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
6
  import { keyframes } from '@emotion/react';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
8
  import styled from '@emotion/styled';
7
9
  import { gridSize } from '@atlaskit/theme/constants';
8
10
  import * as colors from '@atlaskit/theme/colors';
9
11
  import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
10
12
 
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
14
  export var DividerLine = styled.div({
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
13
16
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
14
17
  height: '2px',
15
18
  width: '100%',
@@ -31,14 +34,17 @@ var shimmer = keyframes({
31
34
  }
32
35
  });
33
36
 
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
35
38
  export var LoadingRectangle = styled.div(function (props) {
36
39
  return {
37
40
  display: 'inline-block',
38
41
  verticalAlign: 'middle',
39
42
  position: 'relative',
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
40
44
  height: props.contentHeight ? props.contentHeight : '1rem',
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
46
  marginTop: props.marginTop ? props.marginTop : gridSize() + 'px',
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
42
48
  width: props.contentWidth ? props.contentWidth : '100%',
43
49
  borderRadius: '2px',
44
50
  animationDuration: '1.2s',
@@ -46,8 +52,15 @@ export var LoadingRectangle = styled.div(function (props) {
46
52
  animationIterationCount: 'infinite',
47
53
  animationName: shimmer,
48
54
  animationTimingFunction: 'linear',
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
49
56
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
50
- backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
57
+ backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
59
+ colors.N30
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
61
+ , ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
63
+ colors.N30, ")"), " 30% )"),
51
64
  backgroundRepeat: 'no-repeat'
52
65
  };
53
66
  });
@@ -56,14 +69,17 @@ export var LoadingRectangle = styled.div(function (props) {
56
69
  * Loading Circle
57
70
  */
58
71
 
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
60
73
  export var LoadingCircle = styled.div(function (props) {
61
74
  return {
62
75
  display: 'inline-block',
63
76
  verticalAlign: 'middle',
64
77
  position: 'relative',
78
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
65
79
  height: props.radius ? props.radius : "".concat(gridSize() * 4, "px"),
80
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
66
81
  marginTop: props.marginTop ? props.marginTop : '',
82
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
67
83
  width: props.radius ? props.radius : "".concat(gridSize() * 4, "px"),
68
84
  borderRadius: '50%',
69
85
  animationDuration: '1.2s',
@@ -71,8 +87,15 @@ export var LoadingCircle = styled.div(function (props) {
71
87
  animationIterationCount: 'infinite',
72
88
  animationName: shimmer,
73
89
  animationTimingFunction: 'linear',
90
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
74
91
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
75
- backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
92
+ backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(
93
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
94
+ colors.N30
95
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
96
+ , ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(
97
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
98
+ colors.N30, ")"), " 30% )"),
76
99
  backgroundRepeat: 'no-repeat'
77
100
  };
78
101
  });
@@ -81,8 +104,8 @@ export var LoadingCircle = styled.div(function (props) {
81
104
  * What's new icon
82
105
  */
83
106
 
84
- // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
85
- export var WhatsNewTypeIcon = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n vertical-align: middle;\n position: relative;\n height: ", ";\n width: ", ";\n border-radius: 2px;\n background-color: ", ";\n\n & > img {\n width: calc(100% - ", "px);\n height: calc(100% - ", "px);\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n & > svg {\n height: 100%;\n width: 100%;\n }\n }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
107
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
108
+ export var WhatsNewTypeIcon = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tposition: relative;\n\theight: ", ";\n\twidth: ", ";\n\tborder-radius: 2px;\n\tbackground-color: ", ";\n\n\t& > img {\n\t\twidth: calc(100% - ", "px);\n\t\theight: calc(100% - ", "px);\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\n\t\t& > svg {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
86
109
  var type = _ref.type;
87
110
  switch (type) {
88
111
  case WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
package/package.json CHANGED
@@ -1,99 +1,99 @@
1
1
  {
2
- "name": "@atlaskit/help",
3
- "version": "7.5.0",
4
- "description": "A cross-product help component",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "af:exports": {
26
- ".": "./src/index.ts",
27
- "./analytics": "./src/analytics.ts",
28
- "./messages": "./src/messages.ts"
29
- },
30
- "atlassian": {
31
- "team": "Self-Help Experiences",
32
- "releaseModel": "continuous",
33
- "productPushConsumption": [
34
- "jira"
35
- ],
36
- "website": {
37
- "name": "Help"
38
- }
39
- },
40
- "scripts": {
41
- "ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
42
- },
43
- "dependencies": {
44
- "@atlaskit/analytics-next": "^9.3.0",
45
- "@atlaskit/button": "^17.17.0",
46
- "@atlaskit/checkbox": "^13.4.0",
47
- "@atlaskit/form": "^10.2.0",
48
- "@atlaskit/help-article": "^4.1.10",
49
- "@atlaskit/help-layout": "^4.2.15",
50
- "@atlaskit/icon": "^22.3.0",
51
- "@atlaskit/notification-indicator": "^9.2.0",
52
- "@atlaskit/notification-log-client": "^6.1.0",
53
- "@atlaskit/radio": "^6.3.0",
54
- "@atlaskit/section-message": "^6.5.0",
55
- "@atlaskit/select": "^17.10.0",
56
- "@atlaskit/spinner": "^16.1.0",
57
- "@atlaskit/textarea": "^5.4.0",
58
- "@atlaskit/textfield": "^6.3.0",
59
- "@atlaskit/theme": "^12.8.0",
60
- "@atlaskit/tokens": "^1.49.0",
61
- "@atlaskit/tooltip": "^18.4.0",
62
- "@babel/runtime": "^7.0.0",
63
- "@emotion/react": "^11.7.1",
64
- "@emotion/styled": "^11.0.0",
65
- "date-fns": "^2.17.0",
66
- "lodash": "^4.17.21",
67
- "react-animate-height": "^2.0.5",
68
- "react-transition-group": "^4.4.1"
69
- },
70
- "peerDependencies": {
71
- "react": "^16.8.0",
72
- "react-dom": "^16.8.0",
73
- "react-intl-next": "npm:react-intl@^5.18.1",
74
- "styled-components": "^3.2.6"
75
- },
76
- "devDependencies": {
77
- "@atlaskit/navigation": "^37.0.0",
78
- "@testing-library/react": "^12.1.5",
79
- "@types/react-transition-group": "^2.0.6",
80
- "algoliasearch": "^3.35.1",
81
- "enzyme": "^3.10.0",
82
- "react-test-renderer": "^16.8.0",
83
- "typescript": "~5.4.2"
84
- },
85
- "keywords": [
86
- "atlaskit",
87
- "react",
88
- "ui",
89
- "help"
90
- ],
91
- "techstack": {
92
- "@repo/internal": {
93
- "design-tokens": [
94
- "color",
95
- "spacing"
96
- ]
97
- }
98
- }
99
- }
2
+ "name": "@atlaskit/help",
3
+ "version": "7.5.2",
4
+ "description": "A cross-product help component",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "af:exports": {
26
+ ".": "./src/index.ts",
27
+ "./analytics": "./src/analytics.ts",
28
+ "./messages": "./src/messages.ts"
29
+ },
30
+ "atlassian": {
31
+ "team": "Self-Help Experiences",
32
+ "releaseModel": "continuous",
33
+ "productPushConsumption": [
34
+ "jira"
35
+ ],
36
+ "website": {
37
+ "name": "Help"
38
+ }
39
+ },
40
+ "scripts": {
41
+ "ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
42
+ },
43
+ "dependencies": {
44
+ "@atlaskit/analytics-next": "^9.3.0",
45
+ "@atlaskit/button": "^18.0.0",
46
+ "@atlaskit/checkbox": "^13.5.0",
47
+ "@atlaskit/form": "^10.4.0",
48
+ "@atlaskit/help-article": "^4.1.10",
49
+ "@atlaskit/help-layout": "^4.3.0",
50
+ "@atlaskit/icon": "^22.4.0",
51
+ "@atlaskit/notification-indicator": "^9.2.0",
52
+ "@atlaskit/notification-log-client": "^6.1.0",
53
+ "@atlaskit/radio": "^6.4.0",
54
+ "@atlaskit/section-message": "^6.5.0",
55
+ "@atlaskit/select": "^17.11.0",
56
+ "@atlaskit/spinner": "^16.2.0",
57
+ "@atlaskit/textarea": "^5.5.0",
58
+ "@atlaskit/textfield": "^6.4.0",
59
+ "@atlaskit/theme": "^12.11.0",
60
+ "@atlaskit/tokens": "^1.53.0",
61
+ "@atlaskit/tooltip": "^18.5.0",
62
+ "@babel/runtime": "^7.0.0",
63
+ "@emotion/react": "^11.7.1",
64
+ "@emotion/styled": "^11.0.0",
65
+ "date-fns": "^2.17.0",
66
+ "lodash": "^4.17.21",
67
+ "react-animate-height": "^2.0.5",
68
+ "react-transition-group": "^4.4.1"
69
+ },
70
+ "peerDependencies": {
71
+ "react": "^16.8.0",
72
+ "react-dom": "^16.8.0",
73
+ "react-intl-next": "npm:react-intl@^5.18.1",
74
+ "styled-components": "^3.2.6"
75
+ },
76
+ "devDependencies": {
77
+ "@atlaskit/navigation": "^37.0.0",
78
+ "@testing-library/react": "^12.1.5",
79
+ "@types/react-transition-group": "^2.0.6",
80
+ "algoliasearch": "^3.35.1",
81
+ "enzyme": "^3.10.0",
82
+ "react-test-renderer": "^16.8.0",
83
+ "typescript": "~5.4.2"
84
+ },
85
+ "keywords": [
86
+ "atlaskit",
87
+ "react",
88
+ "ui",
89
+ "help"
90
+ ],
91
+ "techstack": {
92
+ "@repo/internal": {
93
+ "design-tokens": [
94
+ "color",
95
+ "spacing"
96
+ ]
97
+ }
98
+ }
99
+ }