@atlaskit/help-layout 4.2.17 → 4.3.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 (41) hide show
  1. package/CHANGELOG.md +148 -58
  2. package/afm-jira/tsconfig.json +40 -0
  3. package/dist/cjs/analytics.js +1 -1
  4. package/dist/cjs/components/Header/BackButton.js +1 -1
  5. package/dist/cjs/components/Header/CloseButton.js +1 -1
  6. package/dist/cjs/components/Header/styled.js +10 -1
  7. package/dist/cjs/components/constants.js +2 -10
  8. package/dist/cjs/components/styled.js +10 -0
  9. package/dist/es2019/analytics.js +1 -1
  10. package/dist/es2019/components/Header/BackButton.js +3 -1
  11. package/dist/es2019/components/Header/CloseButton.js +1 -1
  12. package/dist/es2019/components/Header/styled.js +10 -1
  13. package/dist/es2019/components/constants.js +1 -9
  14. package/dist/es2019/components/styled.js +10 -0
  15. package/dist/esm/analytics.js +1 -1
  16. package/dist/esm/components/Header/BackButton.js +1 -1
  17. package/dist/esm/components/Header/CloseButton.js +1 -1
  18. package/dist/esm/components/Header/styled.js +10 -1
  19. package/dist/esm/components/constants.js +1 -9
  20. package/dist/esm/components/styled.js +10 -0
  21. package/dist/types/analytics.d.ts +2 -2
  22. package/dist/types/components/Header/BackButton.d.ts +2 -2
  23. package/dist/types/components/Header/CloseButton.d.ts +2 -2
  24. package/dist/types/components/Header/index.d.ts +2 -2
  25. package/dist/types/components/Header/styled.d.ts +1 -1
  26. package/dist/types/components/HelpLayout.d.ts +2 -2
  27. package/dist/types/components/HelpLayoutContent.d.ts +2 -2
  28. package/dist/types/components/MessagesIntlProvider.d.ts +1 -1
  29. package/dist/types/components/constants.d.ts +1 -7
  30. package/dist/types/model/HelpLayout.d.ts +1 -1
  31. package/dist/types-ts4.5/analytics.d.ts +2 -2
  32. package/dist/types-ts4.5/components/Header/BackButton.d.ts +2 -2
  33. package/dist/types-ts4.5/components/Header/CloseButton.d.ts +2 -2
  34. package/dist/types-ts4.5/components/Header/index.d.ts +2 -2
  35. package/dist/types-ts4.5/components/Header/styled.d.ts +1 -1
  36. package/dist/types-ts4.5/components/HelpLayout.d.ts +2 -2
  37. package/dist/types-ts4.5/components/HelpLayoutContent.d.ts +2 -2
  38. package/dist/types-ts4.5/components/MessagesIntlProvider.d.ts +1 -1
  39. package/dist/types-ts4.5/components/constants.d.ts +1 -7
  40. package/dist/types-ts4.5/model/HelpLayout.d.ts +1 -1
  41. package/package.json +7 -9
package/CHANGELOG.md CHANGED
@@ -1,40 +1,69 @@
1
1
  # @atlaskit/help-layout
2
2
 
3
+ ## 4.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#107776](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107776)
8
+ [`414da12cd107`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/414da12cd107) -
9
+ Use header elements for acccessibility
10
+
11
+ ## 4.2.18
12
+
13
+ ### Patch Changes
14
+
15
+ - [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007)
16
+ [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) -
17
+ Migrated to the new button component
18
+
3
19
  ## 4.2.17
4
20
 
5
21
  ### Patch Changes
6
22
 
7
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
23
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
24
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
25
+ Upgrade Typescript from `4.9.5` to `5.4.2`
8
26
 
9
27
  ## 4.2.16
10
28
 
11
29
  ### Patch Changes
12
30
 
13
- - [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085) [`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) - Update usage of `React.FC` to explicity include `children`
31
+ - [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085)
32
+ [`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) -
33
+ Update usage of `React.FC` to explicity include `children`
14
34
 
15
35
  ## 4.2.15
16
36
 
17
37
  ### Patch Changes
18
38
 
19
- - [#77102](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77102) [`b93a56e5ee66`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b93a56e5ee66) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
39
+ - [#77102](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77102)
40
+ [`b93a56e5ee66`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b93a56e5ee66) -
41
+ Internal change to enforce token usage for spacing properties. There is no expected visual or
42
+ behaviour change.
20
43
 
21
44
  ## 4.2.14
22
45
 
23
46
  ### Patch Changes
24
47
 
25
- - [#72218](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72218) [`de9ef5e93a22`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de9ef5e93a22) - [ux] Add accessible label to close button for help panel
48
+ - [#72218](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72218)
49
+ [`de9ef5e93a22`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de9ef5e93a22) -
50
+ [ux] Add accessible label to close button for help panel
26
51
 
27
52
  ## 4.2.13
28
53
 
29
54
  ### Patch Changes
30
55
 
31
- - [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022) [`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) - Migrate packages to use declarative entry points
56
+ - [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022)
57
+ [`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) -
58
+ Migrate packages to use declarative entry points
32
59
 
33
60
  ## 4.2.12
34
61
 
35
62
  ### Patch Changes
36
63
 
37
- - [#63677](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63677) [`f320c8ce5039`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f320c8ce5039) - This package has been added to the Jira push model.
64
+ - [#63677](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63677)
65
+ [`f320c8ce5039`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f320c8ce5039) -
66
+ This package has been added to the Jira push model.
38
67
 
39
68
  ## 4.2.11
40
69
 
@@ -46,7 +75,9 @@
46
75
 
47
76
  ### Patch Changes
48
77
 
49
- - [#57178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57178) [`018d8853290a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/018d8853290a) - Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change expected.
78
+ - [#57178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57178)
79
+ [`018d8853290a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/018d8853290a) -
80
+ Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change expected.
50
81
 
51
82
  ## 4.2.9
52
83
 
@@ -64,50 +95,67 @@
64
95
 
65
96
  ### Patch Changes
66
97
 
67
- - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
98
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
99
+ [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
100
+ version.json
68
101
  - Updated dependencies
69
102
 
70
103
  ## 4.2.6
71
104
 
72
105
  ### Patch Changes
73
106
 
74
- - [#37925](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37925) [`f01deb5e6ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f01deb5e6ab) - Use injected env vars instead of version.json
107
+ - [#37925](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37925)
108
+ [`f01deb5e6ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f01deb5e6ab) - Use
109
+ injected env vars instead of version.json
75
110
 
76
111
  ## 4.2.5
77
112
 
78
113
  ### Patch Changes
79
114
 
80
- - [#35450](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35450) [`7bdb050c04e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7bdb050c04e) - Internal change to use space tokens for spacing properties. There is no visual change.
115
+ - [#35450](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35450)
116
+ [`7bdb050c04e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7bdb050c04e) - Internal
117
+ change to use space tokens for spacing properties. There is no visual change.
81
118
 
82
119
  ## 4.2.4
83
120
 
84
121
  ### Patch Changes
85
122
 
86
- - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443) [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
123
+ - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
124
+ [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing
125
+ unused dependencies and dev dependencies
87
126
 
88
127
  ## 4.2.3
89
128
 
90
129
  ### Patch Changes
91
130
 
92
- - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
131
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
132
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
133
+ legacy types are published for TS 4.5-4.8
93
134
 
94
135
  ## 4.2.2
95
136
 
96
137
  ### Patch Changes
97
138
 
98
- - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
139
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
140
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
141
+ Typescript from `4.5.5` to `4.9.5`
99
142
 
100
143
  ## 4.2.1
101
144
 
102
145
  ### Patch Changes
103
146
 
104
- - [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218) [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
147
+ - [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218)
148
+ [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal
149
+ change to enforce token usage for spacing properties. There is no expected visual or behaviour
150
+ change.
105
151
 
106
152
  ## 4.2.0
107
153
 
108
154
  ### Minor Changes
109
155
 
110
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
156
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
157
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
158
+ minor dependency bump
111
159
 
112
160
  ### Patch Changes
113
161
 
@@ -117,7 +165,9 @@
117
165
 
118
166
  ### Patch Changes
119
167
 
120
- - [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643) [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
168
+ - [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643)
169
+ [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated
170
+ use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
121
171
 
122
172
  ## 4.1.14
123
173
 
@@ -135,7 +185,10 @@
135
185
 
136
186
  ### Patch Changes
137
187
 
138
- - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
188
+ - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324)
189
+ [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds
190
+ for this package now pass through a tokens babel plugin, removing runtime invocations of the
191
+ tokens() function and improving performance.
139
192
 
140
193
  ## 4.1.11
141
194
 
@@ -159,19 +212,25 @@
159
212
 
160
213
  ### Patch Changes
161
214
 
162
- - [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424) [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) - Consolidate In Product Help & Self-Help Experiences ownership
215
+ - [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424)
216
+ [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) -
217
+ Consolidate In Product Help & Self-Help Experiences ownership
163
218
 
164
219
  ## 4.1.7
165
220
 
166
221
  ### Patch Changes
167
222
 
168
- - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
223
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
224
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
225
+ Typescript from `4.3.5` to `4.5.5`
169
226
 
170
227
  ## 4.1.6
171
228
 
172
229
  ### Patch Changes
173
230
 
174
- - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
231
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
232
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
233
+ Typescript from `4.2.4` to `4.3.5`.
175
234
 
176
235
  ## 4.1.5
177
236
 
@@ -183,7 +242,9 @@
183
242
 
184
243
  ### Patch Changes
185
244
 
186
- - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
245
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
246
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
247
+ to TypeScript 4.2.4
187
248
  - Updated dependencies
188
249
 
189
250
  ## 4.1.3
@@ -208,29 +269,42 @@
208
269
 
209
270
  ### Minor Changes
210
271
 
211
- - [#19089](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19089) [`b03b488246c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b03b488246c) - [ux] Added new theming package, `@atlaskit/tokens`.
272
+ - [#19089](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19089)
273
+ [`b03b488246c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b03b488246c) - [ux]
274
+ Added new theming package, `@atlaskit/tokens`.
212
275
 
213
- New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
276
+ New tokens will be visible only in applications configured to use the new Tokens API (currently in
277
+ alpha).
214
278
 
215
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
279
+ These changes are intended to be interoperable with the legacy theme implementation. Legacy dark
280
+ mode users should expect no visual or breaking changes.
216
281
 
217
282
  ## 4.0.1
218
283
 
219
284
  ### Patch Changes
220
285
 
221
- - [#16511](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16511) [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and moved Algolia API related code to it's own react hook
286
+ - [#16511](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16511)
287
+ [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump
288
+ algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and
289
+ moved Algolia API related code to it's own react hook
222
290
 
223
291
  ## 4.0.0
224
292
 
225
293
  ### Major Changes
226
294
 
227
- - [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810) [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
295
+ - [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810)
296
+ [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) -
297
+ ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including
298
+ breaking API changes, types and tests in atlassian-frontend packages
228
299
 
229
- What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
230
- Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
231
- How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
300
+ What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages
301
+ now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with
302
+ actual installed react-intl APIs. Why change was made: As part of a coordinated upgrade effort
303
+ across AF packages, as react-intl v2 is quite dated. How consumer should update their code: Ensure
304
+ react-intl ^5.18.1 is installed in consuming applications.
232
305
 
233
- Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
306
+ Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider
307
+ for the new version, using an npm alias
234
308
 
235
309
  ```js
236
310
  "react-intl": "^2.6.0",
@@ -242,23 +316,23 @@
242
316
  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
243
317
 
244
318
  return (
245
- <IntlProvider
246
- key={locale}
247
- data-test-language={locale}
248
- locale={locale}
249
- defaultLocale={DEFAULT_LOCALE}
250
- messages={messages}
251
- >
252
- <IntlNextProvider
253
- key={locale}
254
- data-test-language={locale}
255
- locale={locale}
256
- defaultLocale={DEFAULT_LOCALE}
257
- messages={messages}
258
- >
259
- {children}
260
- </IntlNextProvider>
261
- </IntlProvider>
319
+ <IntlProvider
320
+ key={locale}
321
+ data-test-language={locale}
322
+ locale={locale}
323
+ defaultLocale={DEFAULT_LOCALE}
324
+ messages={messages}
325
+ >
326
+ <IntlNextProvider
327
+ key={locale}
328
+ data-test-language={locale}
329
+ locale={locale}
330
+ defaultLocale={DEFAULT_LOCALE}
331
+ messages={messages}
332
+ >
333
+ {children}
334
+ </IntlNextProvider>
335
+ </IntlProvider>
262
336
  );
263
337
  ```
264
338
 
@@ -272,7 +346,9 @@
272
346
 
273
347
  ### Patch Changes
274
348
 
275
- - [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328) [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
349
+ - [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328)
350
+ [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update
351
+ the team information in the packages maintained by the In Product Help team
276
352
 
277
353
  ## 3.0.1
278
354
 
@@ -284,21 +360,29 @@
284
360
 
285
361
  ### Major Changes
286
362
 
287
- - [#10051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10051) [`cbed2edbd0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbed2edbd0c) - [ux] Ranamed prop "title" to "headerTitle". Added the prop "headerContent" where we can pass a React.node to render underneath the header title
363
+ - [#10051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10051)
364
+ [`cbed2edbd0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbed2edbd0c) - [ux]
365
+ Ranamed prop "title" to "headerTitle". Added the prop "headerContent" where we can pass a
366
+ React.node to render underneath the header title
288
367
 
289
368
  ## 2.0.7
290
369
 
291
370
  ### Patch Changes
292
371
 
293
- - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
372
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
373
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
374
+ packages using babel rather than tsc
294
375
 
295
376
  ## 2.0.6
296
377
 
297
378
  ### Patch Changes
298
379
 
299
- - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
300
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
301
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
380
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
381
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
382
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
383
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
384
+ versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
385
+ `devDependencies` to denote version that the package was built with.
302
386
 
303
387
  ## 2.0.5
304
388
 
@@ -310,7 +394,9 @@
310
394
 
311
395
  ### Patch Changes
312
396
 
313
- - [#5164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5164) [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
397
+ - [#5164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5164)
398
+ [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo
399
+ analytics-next file restructure to allow external ts definitions to continue working
314
400
 
315
401
  ## 2.0.3
316
402
 
@@ -328,13 +414,17 @@
328
414
 
329
415
  ### Patch Changes
330
416
 
331
- - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
417
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
418
+ [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
419
+ to TypeScript 3.9.6 and tslib to 2.0.0
332
420
 
333
- Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
334
- to prevent duplicates of tslib being bundled.
421
+ Since tslib is a dependency for all our packages we recommend that products also follow this tslib
422
+ upgrade to prevent duplicates of tslib being bundled.
335
423
 
336
424
  ## 2.0.0
337
425
 
338
426
  ### Major Changes
339
427
 
340
- - [#3711](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3711) [`3f24892368`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f24892368) - Added help-layout component to the atlaskit library
428
+ - [#3711](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3711)
429
+ [`3f24892368`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f24892368) - Added
430
+ help-layout component to the atlaskit library
@@ -0,0 +1,40 @@
1
+ {
2
+ "extends": "../../../../tsconfig.products.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__help-layout/app",
7
+ "composite": true,
8
+ "rootDir": "../",
9
+ "baseUrl": "../"
10
+ },
11
+ "include": [
12
+ "../src/**/*.ts",
13
+ "../src/**/*.tsx"
14
+ ],
15
+ "exclude": [
16
+ "../src/**/__tests__/*",
17
+ "../src/**/*.test.*",
18
+ "../src/**/test.*"
19
+ ],
20
+ "references": [
21
+ {
22
+ "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
23
+ },
24
+ {
25
+ "path": "../../../design-system/button/afm-jira/tsconfig.json"
26
+ },
27
+ {
28
+ "path": "../../../design-system/icon/afm-jira/tsconfig.json"
29
+ },
30
+ {
31
+ "path": "../../../design-system/theme/afm-jira/tsconfig.json"
32
+ },
33
+ {
34
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
35
+ },
36
+ {
37
+ "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
38
+ }
39
+ ]
40
+ }
@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
14
14
  var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
15
15
  componentName: 'helpPanel',
16
16
  packageName: "@atlaskit/help-layout",
17
- packageVersion: "4.2.17"
17
+ packageVersion: "4.3.0"
18
18
  };
@@ -75,7 +75,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
75
75
  data: {
76
76
  componentName: 'backButton',
77
77
  packageName: "@atlaskit/help-layout",
78
- packageVersion: "4.2.17"
78
+ packageVersion: "4.3.0"
79
79
  }
80
80
  }, /*#__PURE__*/_react.default.createElement(BackButton, props));
81
81
  };
@@ -50,7 +50,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
50
50
  data: {
51
51
  componentName: 'closeButton',
52
52
  packageName: "@atlaskit/help-layout",
53
- packageVersion: "4.2.17"
53
+ packageVersion: "4.3.0"
54
54
  }
55
55
  }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
56
56
  };
@@ -12,23 +12,30 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  /** @jsx jsx */
14
14
 
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
16
  var HeaderContainer = exports.HeaderContainer = _styled.default.div({
16
17
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
17
18
  borderBottom: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
18
19
  justifyContent: 'space-between',
19
20
  position: 'relative'
20
21
  });
22
+
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
21
24
  var CloseButtonContainer = exports.CloseButtonContainer = _styled.default.div({
22
25
  position: 'absolute',
23
26
  right: "var(--ds-space-100, 8px)",
24
27
  top: "var(--ds-space-150, 12px)"
25
28
  });
29
+
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
26
31
  var BackButtonContainer = exports.BackButtonContainer = _styled.default.div({
27
32
  position: 'absolute',
28
33
  top: "var(--ds-space-150, 12px)",
29
34
  left: "var(--ds-space-100, 8px)"
30
35
  });
31
- var HeaderTitle = exports.HeaderTitle = _styled.default.div({
36
+
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
38
+ var HeaderTitle = exports.HeaderTitle = _styled.default.h2({
32
39
  color: "var(--ds-text-subtle, ".concat(colors.N500, ")"),
33
40
  textAlign: 'center',
34
41
  fontSize: '1rem',
@@ -41,6 +48,8 @@ var HeaderTitle = exports.HeaderTitle = _styled.default.div({
41
48
  overflow: 'hidden',
42
49
  verticalAlign: 'middle'
43
50
  });
51
+
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
44
53
  var HeaderContent = exports.HeaderContent = _styled.default.div({
45
54
  padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
46
55
  });
@@ -3,14 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TRANSITION_STATUS = exports.TRANSITION_DURATION_MS = void 0;
6
+ exports.TRANSITION_DURATION_MS = void 0;
7
7
  // Animation related consts
8
- var TRANSITION_DURATION_MS = exports.TRANSITION_DURATION_MS = 220;
9
- var TRANSITION_STATUS = exports.TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
10
- TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
11
- TRANSITION_STATUS["EXITED"] = "exited";
12
- TRANSITION_STATUS["ENTERING"] = "entering";
13
- TRANSITION_STATUS["ENTERED"] = "entered";
14
- TRANSITION_STATUS["EXITING"] = "exiting";
15
- return TRANSITION_STATUS;
16
- }({});
8
+ var TRANSITION_DURATION_MS = exports.TRANSITION_DURATION_MS = 220;
@@ -16,6 +16,7 @@ var _templateObject;
16
16
  /** @jsx jsx */
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
19
20
  var Container = exports.Container = _styled.default.div({
20
21
  position: 'absolute',
21
22
  top: 0,
@@ -26,12 +27,16 @@ var Container = exports.Container = _styled.default.div({
26
27
  flexDirection: 'column',
27
28
  backgroundColor: "var(--ds-surface, #FFFFFF)"
28
29
  });
30
+
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
29
32
  var Section = exports.Section = _styled.default.div({
30
33
  flexGrow: 1,
31
34
  display: 'flex',
32
35
  flexDirection: 'column',
33
36
  minHeight: 0
34
37
  });
38
+
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
35
40
  var DividerLine = exports.DividerLine = _styled.default.div({
36
41
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
37
42
  height: "var(--ds-space-025, 2px)",
@@ -40,6 +45,8 @@ var DividerLine = exports.DividerLine = _styled.default.div({
40
45
  marginTop: "var(--ds-space-200, 16px)",
41
46
  boxSizing: 'border-box'
42
47
  });
48
+
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
43
50
  var HelpFooter = exports.HelpFooter = _styled.default.div({
44
51
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
45
52
  boxSizing: 'border-box',
@@ -52,6 +59,7 @@ var HelpFooter = exports.HelpFooter = _styled.default.div({
52
59
  * Loading
53
60
  */
54
61
 
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
55
63
  var LoadingContainer = exports.LoadingContainer = _styled.default.div({
56
64
  padding: "var(--ds-space-200, 16px)",
57
65
  height: '100%'
@@ -64,6 +72,8 @@ var shimmer = (0, _react.keyframes)({
64
72
  backgroundPosition: '1000px 0'
65
73
  }
66
74
  });
75
+
76
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
67
77
  var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n height: ", ";\n margin-top: ", ";\n width: ", ";\n border-radius: ", ";\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: ", ";\n animation-timing-function: linear;\n background-color: ", ";\n background-image: linear-gradient(\n to right,\n ", " 10%,\n ", " 20%,\n ", " 30%\n );\n background-repeat: no-repeat;\n"])), function (props) {
68
78
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
69
79
  }, function (props) {
@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export const defaultAnalyticsAttributes = {
6
6
  componentName: 'helpPanel',
7
7
  packageName: "@atlaskit/help-layout",
8
- packageVersion: "4.2.17"
8
+ packageVersion: "4.3.0"
9
9
  };
@@ -48,7 +48,9 @@ export const BackButton = ({
48
48
  unmountOnExit: true
49
49
  }, state => /*#__PURE__*/React.createElement(BackButtonContainer, {
50
50
  style: {
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
51
52
  ...defaultStyle,
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
52
54
  ...transitionStyles[state]
53
55
  }
54
56
  }, /*#__PURE__*/React.createElement(Button, {
@@ -69,7 +71,7 @@ const BackButtonWithContext = props => {
69
71
  data: {
70
72
  componentName: 'backButton',
71
73
  packageName: "@atlaskit/help-layout",
72
- packageVersion: "4.2.17"
74
+ packageVersion: "4.3.0"
73
75
  }
74
76
  }, /*#__PURE__*/React.createElement(BackButton, props));
75
77
  };
@@ -47,7 +47,7 @@ const CloseButtonWithContext = props => {
47
47
  data: {
48
48
  componentName: 'closeButton',
49
49
  packageName: "@atlaskit/help-layout",
50
- packageVersion: "4.2.17"
50
+ packageVersion: "4.3.0"
51
51
  }
52
52
  }, /*#__PURE__*/React.createElement(CloseButton, props));
53
53
  };
@@ -1,23 +1,30 @@
1
1
  /** @jsx jsx */
2
2
  import styled from '@emotion/styled';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
4
5
  export const HeaderContainer = styled.div({
5
6
  backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
6
7
  borderBottom: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
7
8
  justifyContent: 'space-between',
8
9
  position: 'relative'
9
10
  });
11
+
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
10
13
  export const CloseButtonContainer = styled.div({
11
14
  position: 'absolute',
12
15
  right: "var(--ds-space-100, 8px)",
13
16
  top: "var(--ds-space-150, 12px)"
14
17
  });
18
+
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
20
  export const BackButtonContainer = styled.div({
16
21
  position: 'absolute',
17
22
  top: "var(--ds-space-150, 12px)",
18
23
  left: "var(--ds-space-100, 8px)"
19
24
  });
20
- export const HeaderTitle = styled.div({
25
+
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
27
+ export const HeaderTitle = styled.h2({
21
28
  color: `var(--ds-text-subtle, ${colors.N500})`,
22
29
  textAlign: 'center',
23
30
  fontSize: '1rem',
@@ -30,6 +37,8 @@ export const HeaderTitle = styled.div({
30
37
  overflow: 'hidden',
31
38
  verticalAlign: 'middle'
32
39
  });
40
+
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
33
42
  export const HeaderContent = styled.div({
34
43
  padding: `0 ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"}`
35
44
  });
@@ -1,10 +1,2 @@
1
1
  // Animation related consts
2
- export const TRANSITION_DURATION_MS = 220;
3
- export let TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
4
- TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
5
- TRANSITION_STATUS["EXITED"] = "exited";
6
- TRANSITION_STATUS["ENTERING"] = "entering";
7
- TRANSITION_STATUS["ENTERED"] = "entered";
8
- TRANSITION_STATUS["EXITING"] = "exiting";
9
- return TRANSITION_STATUS;
10
- }({});
2
+ export const TRANSITION_DURATION_MS = 220;
@@ -5,6 +5,7 @@
5
5
  import { keyframes } from '@emotion/react';
6
6
  import styled from '@emotion/styled';
7
7
  import * as colors from '@atlaskit/theme/colors';
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
8
9
  export const Container = styled.div({
9
10
  position: 'absolute',
10
11
  top: 0,
@@ -15,12 +16,16 @@ export const Container = styled.div({
15
16
  flexDirection: 'column',
16
17
  backgroundColor: "var(--ds-surface, #FFFFFF)"
17
18
  });
19
+
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
18
21
  export const Section = styled.div({
19
22
  flexGrow: 1,
20
23
  display: 'flex',
21
24
  flexDirection: 'column',
22
25
  minHeight: 0
23
26
  });
27
+
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
24
29
  export const DividerLine = styled.div({
25
30
  backgroundColor: `var(--ds-border, ${colors.N30A})`,
26
31
  height: "var(--ds-space-025, 2px)",
@@ -29,6 +34,8 @@ export const DividerLine = styled.div({
29
34
  marginTop: "var(--ds-space-200, 16px)",
30
35
  boxSizing: 'border-box'
31
36
  });
37
+
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
32
39
  export const HelpFooter = styled.div({
33
40
  padding: `${"var(--ds-space-100, 8px)"} 0`,
34
41
  boxSizing: 'border-box',
@@ -41,6 +48,7 @@ export const HelpFooter = styled.div({
41
48
  * Loading
42
49
  */
43
50
 
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
44
52
  export const LoadingContainer = styled.div({
45
53
  padding: "var(--ds-space-200, 16px)",
46
54
  height: '100%'
@@ -53,6 +61,8 @@ const shimmer = keyframes({
53
61
  backgroundPosition: '1000px 0'
54
62
  }
55
63
  });
64
+
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
56
66
  export const LoadingRectangle = styled.div`
57
67
  position: relative;
58
68
  height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export var defaultAnalyticsAttributes = {
6
6
  componentName: 'helpPanel',
7
7
  packageName: "@atlaskit/help-layout",
8
- packageVersion: "4.2.17"
8
+ packageVersion: "4.3.0"
9
9
  };
@@ -68,7 +68,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
68
68
  data: {
69
69
  componentName: 'backButton',
70
70
  packageName: "@atlaskit/help-layout",
71
- packageVersion: "4.2.17"
71
+ packageVersion: "4.3.0"
72
72
  }
73
73
  }, /*#__PURE__*/React.createElement(BackButton, props));
74
74
  };
@@ -43,7 +43,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
43
43
  data: {
44
44
  componentName: 'closeButton',
45
45
  packageName: "@atlaskit/help-layout",
46
- packageVersion: "4.2.17"
46
+ packageVersion: "4.3.0"
47
47
  }
48
48
  }, /*#__PURE__*/React.createElement(CloseButton, props));
49
49
  };
@@ -1,23 +1,30 @@
1
1
  /** @jsx jsx */
2
2
  import styled from '@emotion/styled';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
4
5
  export var HeaderContainer = styled.div({
5
6
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
6
7
  borderBottom: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
7
8
  justifyContent: 'space-between',
8
9
  position: 'relative'
9
10
  });
11
+
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
10
13
  export var CloseButtonContainer = styled.div({
11
14
  position: 'absolute',
12
15
  right: "var(--ds-space-100, 8px)",
13
16
  top: "var(--ds-space-150, 12px)"
14
17
  });
18
+
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
20
  export var BackButtonContainer = styled.div({
16
21
  position: 'absolute',
17
22
  top: "var(--ds-space-150, 12px)",
18
23
  left: "var(--ds-space-100, 8px)"
19
24
  });
20
- export var HeaderTitle = styled.div({
25
+
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
27
+ export var HeaderTitle = styled.h2({
21
28
  color: "var(--ds-text-subtle, ".concat(colors.N500, ")"),
22
29
  textAlign: 'center',
23
30
  fontSize: '1rem',
@@ -30,6 +37,8 @@ export var HeaderTitle = styled.div({
30
37
  overflow: 'hidden',
31
38
  verticalAlign: 'middle'
32
39
  });
40
+
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
33
42
  export var HeaderContent = styled.div({
34
43
  padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
35
44
  });
@@ -1,10 +1,2 @@
1
1
  // Animation related consts
2
- export var TRANSITION_DURATION_MS = 220;
3
- export var TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
4
- TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
5
- TRANSITION_STATUS["EXITED"] = "exited";
6
- TRANSITION_STATUS["ENTERING"] = "entering";
7
- TRANSITION_STATUS["ENTERED"] = "entered";
8
- TRANSITION_STATUS["EXITING"] = "exiting";
9
- return TRANSITION_STATUS;
10
- }({});
2
+ export var TRANSITION_DURATION_MS = 220;
@@ -7,6 +7,7 @@ var _templateObject;
7
7
  import { keyframes } from '@emotion/react';
8
8
  import styled from '@emotion/styled';
9
9
  import * as colors from '@atlaskit/theme/colors';
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
10
11
  export var Container = styled.div({
11
12
  position: 'absolute',
12
13
  top: 0,
@@ -17,12 +18,16 @@ export var Container = styled.div({
17
18
  flexDirection: 'column',
18
19
  backgroundColor: "var(--ds-surface, #FFFFFF)"
19
20
  });
21
+
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
20
23
  export var Section = styled.div({
21
24
  flexGrow: 1,
22
25
  display: 'flex',
23
26
  flexDirection: 'column',
24
27
  minHeight: 0
25
28
  });
29
+
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
26
31
  export var DividerLine = styled.div({
27
32
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
28
33
  height: "var(--ds-space-025, 2px)",
@@ -31,6 +36,8 @@ export var DividerLine = styled.div({
31
36
  marginTop: "var(--ds-space-200, 16px)",
32
37
  boxSizing: 'border-box'
33
38
  });
39
+
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
34
41
  export var HelpFooter = styled.div({
35
42
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
36
43
  boxSizing: 'border-box',
@@ -43,6 +50,7 @@ export var HelpFooter = styled.div({
43
50
  * Loading
44
51
  */
45
52
 
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
46
54
  export var LoadingContainer = styled.div({
47
55
  padding: "var(--ds-space-200, 16px)",
48
56
  height: '100%'
@@ -55,6 +63,8 @@ var shimmer = keyframes({
55
63
  backgroundPosition: '1000px 0'
56
64
  }
57
65
  });
66
+
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
58
68
  export var LoadingRectangle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n height: ", ";\n margin-top: ", ";\n width: ", ";\n border-radius: ", ";\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: ", ";\n animation-timing-function: linear;\n background-color: ", ";\n background-image: linear-gradient(\n to right,\n ", " 10%,\n ", " 20%,\n ", " 30%\n );\n background-repeat: no-repeat;\n"])), function (props) {
59
69
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
60
70
  }, function (props) {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as x from '@atlaskit/analytics-next';
3
- export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
4
- export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
3
+ export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
4
+ export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
5
5
  export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
6
6
  export declare const defaultAnalyticsAttributes: {
7
7
  componentName: string;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
4
  interface Props {
5
5
  onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
6
6
  isVisible?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
4
  interface Props {
5
5
  onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
6
6
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { HelpPanelHeader } from '../../model/HelpLayout';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type HelpPanelHeader } from '../../model/HelpLayout';
4
4
  export declare const HelpContent: React.FC<HelpPanelHeader & WrappedComponentProps>;
5
5
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpPanelHeader & WrappedComponentProps>> & {
6
6
  WrappedComponent: React.ComponentType<HelpPanelHeader & WrappedComponentProps>;
@@ -14,7 +14,7 @@ export declare const BackButtonContainer: import("@emotion/styled").StyledCompon
14
14
  export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
16
  as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
17
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
18
18
  export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
19
19
  theme?: import("@emotion/react").Theme | undefined;
20
20
  as?: import("react").ElementType<any> | undefined;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
2
+ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { type HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
4
4
  export type Props = HelpLayoutProps & WithAnalyticsEventsProps;
5
5
  export declare class HelpLayout extends React.PureComponent<Props> {
6
6
  render(): JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { HelpLayout } from '../model/HelpLayout';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type HelpLayout } from '../model/HelpLayout';
4
4
  export declare const HelpContent: React.FC<HelpLayout & WrappedComponentProps>;
5
5
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpLayout & WrappedComponentProps>> & {
6
6
  WrappedComponent: React.ComponentType<HelpLayout & WrappedComponentProps>;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
3
  export interface Props {
4
4
  locale?: string;
5
5
  children: React.ReactNode;
@@ -1,8 +1,2 @@
1
1
  export declare const TRANSITION_DURATION_MS = 220;
2
- export declare enum TRANSITION_STATUS {
3
- UNMOUNTED = "unmounted",
4
- EXITED = "exited",
5
- ENTERING = "entering",
6
- ENTERED = "entered",
7
- EXITING = "exiting"
8
- }
2
+ export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  export interface HelpPanelHeader {
4
4
  headerTitle?: string;
5
5
  headerContent?: React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as x from '@atlaskit/analytics-next';
3
- export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
4
- export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
3
+ export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
4
+ export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
5
5
  export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
6
6
  export declare const defaultAnalyticsAttributes: {
7
7
  componentName: string;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
4
  interface Props {
5
5
  onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
6
6
  isVisible?: boolean;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
4
  interface Props {
5
5
  onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
6
6
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { HelpPanelHeader } from '../../model/HelpLayout';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type HelpPanelHeader } from '../../model/HelpLayout';
4
4
  export declare const HelpContent: React.FC<HelpPanelHeader & WrappedComponentProps>;
5
5
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpPanelHeader & WrappedComponentProps>> & {
6
6
  WrappedComponent: React.ComponentType<HelpPanelHeader & WrappedComponentProps>;
@@ -14,7 +14,7 @@ export declare const BackButtonContainer: import("@emotion/styled").StyledCompon
14
14
  export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
16
  as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
17
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
18
18
  export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
19
19
  theme?: import("@emotion/react").Theme | undefined;
20
20
  as?: import("react").ElementType<any> | undefined;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
- import { HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
2
+ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
+ import { type HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
4
4
  export type Props = HelpLayoutProps & WithAnalyticsEventsProps;
5
5
  export declare class HelpLayout extends React.PureComponent<Props> {
6
6
  render(): JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
3
- import { HelpLayout } from '../model/HelpLayout';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
+ import { type HelpLayout } from '../model/HelpLayout';
4
4
  export declare const HelpContent: React.FC<HelpLayout & WrappedComponentProps>;
5
5
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpLayout & WrappedComponentProps>> & {
6
6
  WrappedComponent: React.ComponentType<HelpLayout & WrappedComponentProps>;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WrappedComponentProps } from 'react-intl-next';
2
+ import { type WrappedComponentProps } from 'react-intl-next';
3
3
  export interface Props {
4
4
  locale?: string;
5
5
  children: React.ReactNode;
@@ -1,8 +1,2 @@
1
1
  export declare const TRANSITION_DURATION_MS = 220;
2
- export declare enum TRANSITION_STATUS {
3
- UNMOUNTED = "unmounted",
4
- EXITED = "exited",
5
- ENTERING = "entering",
6
- ENTERED = "entered",
7
- EXITING = "exiting"
8
- }
2
+ export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  export interface HelpPanelHeader {
4
4
  headerTitle?: string;
5
5
  headerContent?: React.ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/help-layout",
3
- "version": "4.2.17",
3
+ "version": "4.3.0",
4
4
  "description": "Layout for the atlaskit/help component.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,12 +33,12 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/analytics-next": "^9.2.0",
37
- "@atlaskit/button": "^17.7.0",
38
- "@atlaskit/icon": "^22.1.0",
39
- "@atlaskit/theme": "^12.6.0",
40
- "@atlaskit/tokens": "^1.42.0",
41
- "@atlaskit/tooltip": "^18.1.0",
36
+ "@atlaskit/analytics-next": "^9.3.0",
37
+ "@atlaskit/button": "^17.17.0",
38
+ "@atlaskit/icon": "^22.3.0",
39
+ "@atlaskit/theme": "^12.8.0",
40
+ "@atlaskit/tokens": "^1.49.0",
41
+ "@atlaskit/tooltip": "^18.4.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "@emotion/react": "^11.7.1",
44
44
  "@emotion/styled": "^11.0.0",
@@ -52,7 +52,6 @@
52
52
  },
53
53
  "devDependencies": {
54
54
  "@atlaskit/navigation": "^37.0.0",
55
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
56
55
  "@types/react-transition-group": "^2.0.6",
57
56
  "algoliasearch": "^3.35.1",
58
57
  "enzyme": "^3.10.0",
@@ -65,7 +64,6 @@
65
64
  "ui",
66
65
  "help"
67
66
  ],
68
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
69
67
  "techstack": {
70
68
  "@repo/internal": {
71
69
  "design-tokens": [